Stylus: radikální syntaxe pro CSS
Pokud znáte např. LESS, není vám princip CSS preprocesorů cizí. S radikálním přístupem přichází Stylus – kromě funkcí, proměnných a operátorů zavádí i jinou syntaxi, která je založená na odsazování bloků, takže mizí složené závorky, čárky i středníky na konci textu. Dle osobních preferencí můžete na tento přístup buď nadávat, nebo jej naopak velebit. Každopádně podobné preprocesory naznačují líp než specifikace to, co kodéři v CSS pravděpodobně postrádají nejvíc.
Váš názor na CSS preprocesory?
Martin Malý
Začal programovat v roce 1984 s programovatelnou kalkulačkou. Pokračoval k BASICu, assembleru Z80, Forthu, Pascalu, Céčku, dalším assemblerům, před časem v PHP a teď by rád neprogramoval a radši se věnoval starým počítačům.
Vypadá to dobře, podobá se to HAMLu, který je naprosto super. U SASS/LESS mi právě vadí, že musím psát závorky, a zas až tak radikální mi nepřijde (oproti HAMLu). Otázka je, jak přehledné to bude pro toho, kdo to pak otevře a zkusí zjistit, co kam patří. :)
Zřejmě zaměňujete HAML za SASS a SASS za SCSS. ;-)
U SASS syntaxe se závorky nepíšou, vlastně je až na dvojtečky zaměnitelná se syntaxí Stylusu. U SCSS, které je zpětně kompatibilní s CSS, se závorky používají.
(HAML slouží pro generování HTML; uznávám, SASS je součástí stejného gemu.)
Předností Stylusu je definice pokročilejších funkcí pomocí JS, pro které byste u SASS/SCSS museli definovat rozšíření v Ruby. Použití Node.js zase může být přednost pro projekty na stejné platformě.
Pro mě bude Stylus zajímavý, až kolem něj vznikne dostatek rozšiřujících knihoven a podpora v editorech. Dokud pro Stylus není něco jako výborný Compass, tak nemám důvod přecházet.
Ne, HAML s ničím nezaměňuju, vím, že to je na HTML.
Závorky zde http://sass-lang.com/tutorial.html.
Ano, tam je ukázaná syntaxe SCSS – záleží na příponě. Soubory se syntaxí bez závorek mají příponu sass
Nejlépe je to vidět na http://sass-lang.com/
Se samotným HAML CSS nevygeneruju…
Kdo je zvyklý zapisovat styly na řádek má tady smůlu :) Na druhou stranu by to sjednotilo zápis, odsazení, apod.
Na LESS/SASS je fajn vnořování elementů, tady to nepůjde (nebo to alespon není z linku zřejmé)
BTW první experimenty nativního řešení: http://www.xanthir.com/blog/b49w0
To vnořování je v LESS geniální a Stylus jej naštěstí podporuje taky s použitím syntaxe: