ЦСС пост-процесори за почетнике Савјети и ресурси
ЦСС пре-процессинг је концепт који је већина веб програмера већ научила или читала. Веома детаљно смо обрадили ЦСС прераду како бисмо помогли развојним инжењерима да убрзају ову преовлађујућу технологију. Али шта са пост-процесори?
Ови релативно нови алати су слични у смислу да они утичу на радни процес веб развоја, међутим они раде на друга страна развоја ЦСС-а (“пошта” развој).
У овом посту, желим да вам представим основе пост-обраде, како то функционише, зашто бисте га користили и делили неколико библиотека / алата које можете користити за подизање ЦСС игре са накнадном обрадом.
Пост у односу на претходну обраду
Тхе револуција пре обраде догодило се када Сасс / ЛЕСС је погодио сцену. Ови алати дозвољавају програмерима да користе варијабле, петље, функције и миксине унутар ЦСС-а. То готово чини основни ЦСС развој сличан програмском језику са проширеном функционалношћу.
Пост обрада догађа се након што сте већ направили обичан ЦСС и желите продужите даље кроз аутоматизацију. Ово може укључити проширити селекторе класа, или аутоматско додавање префикса за одређена ЦСС својства.
Генерално говорећи, пре-обрада има своју сопствене језике за стилове, као што су Сасс и ЛЕСС, то претворити у чисти ЦСС. Пост-обрада узима тај основни ЦСС, и примењује аутоматизацију / понављање.
Ево цитата са поста који је такође извор слике изнад. Мислим да је аутор Стефан Баумгартнер бриљантно сабира разлику.
На неки начин, оба ова елемента изгледају као алати за аутоматизацију, само раде на различите начине. На пример, уобичајени бол који је решен пост-процесирањем је да аутоматско додавање префикса за новија својства ЦСС3.
Али то се такође може урадити у Сасс-у са екстензијама. Дакле, постоји ли стварно разлика? Ево још једног великог цитата са истог поста:
Иако ово може бити истинито у теоретском смислу, заједница за развој веба још увијек ствара подјелу између ових алата. Из тог разлога препоручујем да програмери буду бар прочитани о пост-процесорима и да знају шта могу да ураде.
Поставите накнадну обраду у свој радни процес
Скоро сви се позивају ПостЦСС као коначни ресурс за накнадну обраду. Међутим, ПостЦСС тим је отворено признао на Твиттеру промени наслов јер пророчанство више нема смисла.
ПостЦСС више није само пре-ЦСС или пост-ЦСС алат. Може заправо рад у оба подручја! Ово даље објашњава цитат из ранијих навода да се сви ЦСС алати своди на једну ствар - обрада.
ПостЦСС користи ЈаваСцрипт додатке аутоматизујте свој ЦСС радни процес, можете чак и написати свој ЈС плугин да бисте проширили ПостЦСС библиотеку. Ако желите да почнете са ПостЦСС проверите овај уводни чланак о Смасхинг Магазину. Ако већ користите и разумете Сасс онда ћете брзо покупити Пост ЦСС.
Да бисте направили сопствени радни процес пре и после ЦСС обраде, почните од направите листу ваших болних тачака, као такав:
- аутоматско префиксирање ЦСС градијента
- ауто-организација за ЦСС правила
- додавање полифила за одређена својства
- генерисање димензија слике за позадинске слике
Имајте на уму да све ове ствари могу да се ураде и пре и након обраде. Важно је схватити да се ЦСС пре / пост обрада брзо стапа један у истој ствари.
Уместо да разделите своје циљеве у различите фазе обраде, боље је наведите их као циљеве, затим идите на потражите праве алате.
Најбољи алати за накнадну обраду
Покушао сам да избегнем помињање екстензија у овом одељку, јер Сасс & ПостЦСС имају толико много ствари које можете изабрати. Искрено, могли сте само са тим библиотекама, али желим да понудим и неке алтернативе за конкретнија рјешења.
Плеееасе
Ако већ радите са Ноде.јс, онда вам Плеееасе изгледа као очигледан избор. Има их много карактеристике ЦСС-обраде, као што су увоз датотека, променљивих / функција, аутоматско минирање и резервна подршка за новије елементе као што су СВГ.
Сајт такође има интерактивно игралиште за свакога ко жели да проба онлине библиотеку без преузимања копије на локалном нивоу.
Блесс
Сећам се да је Интернет Екплорер 6 и даље био неугодан, и лепо је знати да се развој ИЕ побољшао - али не много. Иако бих волео да вам кажем да је ИЕ употреба у основи нестала, то једноставно није истина.
Срећом, Блесс ЦСС је решење које открива потенцијалне проблеме везане за ИЕ у свом ЦСС-у и креира решења са пост-процесирањем. Она ради на Ноде.јс, тако да се добро уклапа у типични НПМ / Гулп радни процес.
ЦССНект
Ево стварно кул библиотеке која вам дозвољава изградите ЦСС са напреднијом функционалношћу који тренутно није подржан. ЦССНект библиотека садржи подршка за непарне ЦСС4 функције, као такав сива ()
, који су тренутно присутни само у В3Ц нацртима.
Мислим да сваком девелоперу неће требати ова библиотека. Веома је специфичан и неће решавати свакодневне проблеме, али вам може дати укус долазећих ЦСС4 спецификација док конвертујемо синтаксу у модерни ЦСС3.
Стилецов
Ако бровсер суппорт је проблем за вас, онда је Стилецов нужност. Ова моћна библиотека вам омогућава да развијете ЦСС само за ваш омиљени претраживач. Затим можете покренути алатку командне линије преко Ноде, а ваш ЦСС ће бити ажуриран за све прегледаче које желите да подржите.
Стилецов можете преузети са ГитХуб-а, а долази са невероватно детаљном документацијом.
-без префикса
На крају желим да поделим -без префикса
библиотека која је такође омиљена алатка за развој ЦСС-а, јер вам то омогућава користите ЦСС својства без префикса. Свако жели да користи модерна ЦСС својства, као што су анимације и градијенти, али нико не жели ручно да копира / налепи.
Са овим додатком не морате чак ни да покренете свој ЦСС кроз постпроцесор на рачунару. Такође може да функционише као претраживач који се покреће на корисничком рачунару аутоматски ажурира ЦСС датотеке.
Аутопрефикер, који је део ПостЦСС библиотеке, вероватно је чак и бољи избор локална накнадна обрада. Зато сам раније рекао да ако користите ЛЕСС или Сасс заједно са ПостЦСС-ом, онда ћете имати све што вам је потребно за импресиван ЦСС радни процес.
Окончање
Пост-обрада је више уловна фраза него права технологија, иако има своје место у ЦСС процесу рада, као цео процес писања модерног ЦСС-а драматично је побољшан овим алатима. Могу само препоручити да програмери копају дубље како би пронашли оно што им најбоље одговара.
Ако тражите још информација о накнадној обради, завирите у ове повезане чланке:
- Шта ће нас спасити од тамне стране ЦСС предпроцесора?
- Поглед у писање будућег ЦСС-а са ПостЦСС и цсснект
- ЦСС Препроцессинг (САСС или ЛЕСС) вс ЦСС Постпроцесирање