"Това е като стероиди за уеб razarabotki"

Цитатът е взет от CodeKit инструмента за сайтове и е пряко свързано с това косвено, но може да се дължи на по-малко, ди направя Наистина ми хареса. Препоръчително е да се донесе купчина стъкло на вашия любим аромат на чай, защото днес ние считаме прекрасния език, който ще спомогне за опростяване на процеса на уеб разработки. Днес ние ще се фокусира върху по-малко, това е предпроцесорни CSS, който ви позволява да се разшири възможностите на ядрото CSS, като същевременно намали времето за разработка. Разбира се, че е възможно да се novechkam няма смисъл, ако и когато той е бил известен от академичния CSS само частично. Разбира се, че е инструмент за професионалисти, които искат ефективност и гъвкавост. В крайна сметка, основната задача на Препроцесорът идва лесно снабдяване с основни синтактични конструкции. Ето защо, Препроцесорът преобразува кода, който програмист пише с помощта priprotsessornogo език и се свърши с чиста и гладка CSS. Просто още един неоспорим факт е обработката на скоростта на кодиране, а именно, ефективността, с която на браузъра може да се справи кода.

Сравнение на класически и по-малко CSS

Това е смешно, но всеки CSS файл е по-малко валиден файл, но тя работи кода, който се свързвате към друг файл, който вече има разширение на по-малко.

Без задаване на компилатор прави, съгласно спецификациите на W3C, браузърът няма да бъде в състояние да обработва и визуализира нашата красива код.

Това е кодът за по-малко:

Всички много лесно и интуитивно насърчава продуктивна работа.

Съставяне с Task Runner

Най-лесният и най-удобният начин за събиране на тази konechnozhe използване на монтажни системи, които ви позволяват да се отърве от постоянното protsesov времеемко съставянето по-горе и по-uesche uprstit процеса на развитие.

Към днешна дата, има два лидери се пъшкане и Gulp. Първо малко по-голям от втория малко по-млад, но те се борят да разработи универсален област.

Ако се ровя в и разгледа повече и брънч в булото с Броколи, те могат да бъдат отнесени към друг nemnog Клаас. Броколи казва само развитие на интерфейса и не може да се похвали на броя на различни пакети, които са достъпни за Grunt и Gulp.

Съставяне със специални приложения

Но за тези, които все още искат да се опрости процеса на компилация и да спести време ще подходи специални програми, които ще ви помогнат не само събира, но CSS и JS или HTML код. Основните отговорности на тези програми са: съставяне на правилна предпроцесорни, проверка за грешки и автоматизация на процесите на популярен, както и също така действа като локален сървър на първо ниво, което е много удобно.

Така че нека да видим това, което сме в момента, мисля, че първият кандидат воля смес чудесен инструмент, се разпространява под свободен лиценз и е на разположение за OSX и Windows.

Следващото също е много лошо не кандидат за нашето внимание е Koala, има приятен графичен интерфейс. Смес твърде като напълно безплатен продукт, който може да се използва както на OSX и Windows и все още разбира се на Linux.

Prepros вече е търговски продукт на цена от $ 29. Въпреки че почти zayavlnno SRL също така, че Koala и Muxture. Също така е на разположение и на всички основни платформи, OSX, Windows и Linux.

Е, това е два изключителен без победа и CodeKit. Нека започнем с без победа, тя е изключително за Windows, и следвайте от опцията за име на продукта означава подкрепа less.js. Аз разбирам, се приема, тясна връзка с този предпроцесорни. Също така на сайта се казва, че без победа е Masthev инструменти за платформата Windows. И все пак без победа напълно безплатна.

CodeKit е изключителен за OSX, на цена от $ 32, това е смешно CodeKit характеризира като sterody за уеб програмиране, както и след това, както е написано навсякъде, че Codekit ви помогне да създадете уеб сайт по-бързо и по-добре. (По-бързо, по-високо, по-силно)))

За разлика от CSS, по-малко е по-скоро като език за програмиране, тъй като е динамиката на това можем да очакваме, че ще се събудя, за да се справят с променливи и функции.

променливи

Първо се вгледаме в променливите. Да предположим, че сте работили с Elibai класически CSS vyby е написано по този начин, където може да има дублиращи се стойности, декларирани във всички елементи на стиловете.