CSS preprocesory

CSS preprocesorů je celá řada, jedná se vlastně jen o parser, který je nastavený pro jeho vlastní syntaxi do výsledného validního CSS. Většina z dříve dostupných preprocesorů již na internetu ani nenajdete, ty ještě dostupné, jsou velmi dlouho neaktualizované a obsahují jen ty nejzákladnější funkce.

Zde vidíte seznam CSS preprocesorů, které jsem našel. Pokud je preprocesor dostupný, kliknutím na jeho název se dostanete na jeho webovou stránku.

Pro mojí bakalářskou práci jsem si vybral preprocesory na prvních třech pozicích v tabulce. LESS, SASS a Stylus. Tyto preprocesory patří k aktuálně nejpoužívanějším a nejžádanějším v různých IT firmách. Další důvod, jejich vybrání byl ten, že aktuálně obsahují nejvíce funkcí a jejich kód, díky podpoře uživatelů, je oddladěný bez zbytečných chyb. Navíc jsou pro tyto tři vytvořeny i speciální GUI aplikace nebo pluginy do IDE editorů, pomocí kterých je kompilace kódu hračkou. Ostatní preprocesory nabízejí kompilaci pouze pomocí vlastního scriptu nebo příkazovou řádkou.

Na internetu můžete narazit na tento pojem "80/20", jedná se o procento podílu funkcí v nejčastěji používaných preprocesorech LESS, SASS a Stylus, kteří obsahují 80% stejných funkcí a liší je 20% funkcí které mají rozdílné. Mezi společné funkce patří: proměnné, mixiny, matematika, funkce pro práci s barvami, matematické funkce, vnořená pravidla.

Toto tvrzení platí pouze pro 3 nejpoužívanější a nejaktualizovanější, ostatním preprocesorů pokročilé funkce chybí. Jediný ReWork se ještě snaží držet stopu a nedávno přidal do svých funkcí funkce pro práce s barvami.

• Webová dokumentace - Má dostupnou dokumentaci
• Jazyk - V jakém jazyce je napsaný
• Verze - Číslo aktuální verze
• Komunita - Počet unikátních hodnocení repozitáře preprocesoru na serveru GitHub.com
• Poslední aktualizace - Datum poslední vydané aktualizace zdrojových kódů
• Pokročilé funkce - Obsahuje pokročilé funkce jako jsou podmínky, cykly, extend, ...
• Podpora CSS 3 - Podporuje preprocesor poslední standard CSS 3
• Dostupnost - Je možné stáhnout zdrojové kódy
• Možnost kompilace - Seznam možných způsobů kompilace