Етапи при Front-End разработването

Естествено всеки различно си избира и разпределя методология на изграждане, инструментите, технологиите, реда в който осъществява основните стъпки при разработка, въпреки това има някои моменти без които front-end workflow-а не минава. Изборът зависи от навиците, познанията, изискванията на клиента, спецификите на проекта, синхрона и комуникацията в екипа, мениджмънта, резонансът в етера... Ще се опитам да систематизирам опита ...

Структуриран CSS с BEM

От 0 , , , , Permalink

Повечето екипи си имат изградени или използват наготово различни методологии за структуриране на кода си, така че да е по-лесно четим, по-синтезиран, по-удобен за разргъщане, по-модулиран, по-разбираем за нови членове на екипа...Тук не става дума за framework, а за набор от правила при писане на код. По отношение на структуриране на кода ми харесва идеята всеки екип синхронизирано ...

CSS Постпроцесори

За всеки случай ще направя кратко разграничаване между препроцесорите и постпроцесорите. Какво e CSS препроцесор? Sass, Less и Stylus са 3 от най-популярните препроцесора и по своята същност представляват комбинации от инструменти които, от една страна засилват значително скоростта при писане на css, от друга улесняват промените и поддръжката на кода, от трета могат да направят кода много по-подреден ...

Пренос на снипети през Gist

Какво са снипетите? Снипетите (snippets) са предварително създадени и запазени елементи, които могат с лекота да се модифицират и преизползват. По друг начин казанo те са блокове код, запазен с цел да се използва наготово следващият път когато потрябва. Повече информация за снипетите и употребата им в Dreamweaver и InDesign ще намерите тук. Какво е Gist Як инструмент ...

Разликата между псевдо-класове и псевдо-елементи

Третият въпрос от тази статия 3 Things (Almost) No One Knows About CSS ми даде тон за писане - статията си струва отделеното време и тестовете към които реферира също. Повече документация от W3C за псевдо-класове и псевдо-елементи може да намерите тук. Тъй като синтаксисът, с който се реферира към псевдо-елементите и псевдо-класовете е сходен може да създаде малко объркване. С представянето на CSS3 ...

Употреба на SVG в уеб

SVG е съкращение от Scalable Vector Graphics - името издава донякъде възможностите на формата, но само до някъде. За да се постигнат различни яки уеб ефекти, дори и само със CSS има достатъчно техники, като в комбинация и с малко Javascript лесно се стига до wow ефекта. И въпреки, че понякога SVG се ползва като workaround, ...

Firefox 4 е тук

Не помня колко месеца минаха откакто се заговори активно за Firefox 4. От тогава се изписа и доста, както и се появиха не малко бета версии и един RC. Всичкото това писане и за различните версии предхождащи версия 4.0 събужда едно очакване, което днес достигна пика си - преди часове излезна финалната версия на Firefox ...

Може ли с по-красив header?

Преди малко ми се мерна в дао линк към поредния framework за css и се замислих, че рядко пиша за css в блога си, затова днес ще драсна няколко реда в тази посока. Идва ми на ум нещо, което рядко виждам по българските сайтове и блогове - а може би и аз не попадам на такива, ...

CSS Sculptor от Eric Mayer

Eric Mayer - човекът CSS. Така бих го характеризирал с една дума. Ако сред вас има хора, желаещи да понаучат css това е човекът. Доста опит и изпълнени по перфектен начин проекти стоят зад това име - ще спомена aListApart, където често се споменава името му и един наскоро излезнал CSS Framework - Blueprint. А ...