Proměnné v CSS implementovány ve WebKitu
Po zařazení proměnných do kaskádových stylů volala řada webdesignerů (nedávno např. pixy). Důvod je prostý. Při designování se řada hodnot opakuje (typicky rozměry nebo barvy) a tak možnost definování vlastních proměnných nebo konstant přijde vhod.
Letos na jaře bylo webdesignerům dopřáno sluchu (viz zápis ze 4. dubna – odstavec constants).
Shodou okolností se tak stalo v den nástupu nových předsedů pracovní skupiny pro kaskádové styly, kterými se stali Daniel Glazman a Peter Linss. Řekl bych, že to byl úspěšný nástup. S větší bombou snad ani nemohli přijít.
Na návrhu specifikace CSS Variables, která se stane součástí CSS3, pracuje přímo Daniel Glazman s Davidem Hyattem (Apple, vývojář WebKitu). Ukázka syntaxe:
@variables {
CorporateLogoBGColor: #fe8d12;
}
div.logoContainer {
background-color: var(CorporateLogoBGColor);
}
Implementace ve WebKitu
Poslední noční buildy WebKitu mají CSS proměnné implementované. Vyzkoušet si je můžete na vytvořených ukázkách (jeden přímý odkaz).
Protože specifikace je zatím jen v návrhu, zahrnul WebKit do implementace vendor prefix (pokud by se specifikace změnila, nedostane se tak do konfliktu s touto první implementací), takže výše uvedený příklad zatím ve WebKitu vypadá takto:
@-webkit-variables {
CorporateLogoBGColor: #fe8d12;
}
div.logoContainer {
background-color: -webkit-var(CorporateLogoBGColor);
}
Specifikace umožňuje hodnoty proměnných měnit z JavaScriptu. Změnou hodnoty CSS proměnné tak přestylujete celý dokument. Tak co webdesigneři, netěšíte se?
-
Související články na blogu Martin Hassman: nejen o prohlížečích
-
Marquee v CSS3 14. 11. 2007 23:17
-
CSS layout z flexibilních boxů 27. 8. 2009 12:02
-
CSS po 50 letech? Anebo ne? 30. 7. 2009 11:55
-
CSS3 rozšíří možnosti obrázků, přidá podporu pro sprity 29. 7. 2009 19:02
-
K čemu jsou v CSS potřeba vendor prefixy 10. 9. 2008 18:15
-
Proměnné v CSS. A není to chyba? 10. 8. 2008 14:26
-
-
Související články na ostatních blozích
-
Optimalizace metodou pokus-omyl 29. 4. 2013 11:47
-
HTML tabulky na web: jiný úhel pohledu 16. 10. 2012 17:35
-
Detekce indexovacího robota 25. 5. 2010 10:10
-
Nečekané vlastnosti mého spam filtru 7. 5. 2010 9:51
-
Propagační kupony Google AdWords na 1000 Kč 3. 2. 2010 22:03
-
Google DNS... co ještě Google nemá? 3. 12. 2009 21:54
-
-
Související články na serveru Root.cz
-
Postřehy z bezpečnosti: reklamy Google opět zneužity k šíření malware 13. 11. 2023 0:00
-
Postřehy z bezpečnosti: lov zranitelností se vyplatí 30. 10. 2023 8:45
-
Postřehy z bezpečnosti: pozor na falešné novináře 26. 6. 2023 0:00
-
Co se v roce 2020 nepovedlo: šindelové disky, upadající Firefox a ztrácející Intel 29. 12. 2020 0:00
-
Otter: nadějný restart klasické Opery 8. 1. 2016 0:00
-
Softwarová sklizeň (3. 6. 2015) 3. 6. 2015 0:00
-
-
ppp (neregistrovaný)
<blockquote>...v den nástupu nových předsedů pracovní skupiny pro kaskádové styly, kterými se staly Daniel Glazman a Peter Linss.</blockquote>
Ubohé ženy, mají jména úplně mužská! No ale když "se staly", tak to musejí být ženy, že? V těch cizích řečech se to někdy těžko pozná... Ale neměly by to pak být předsedkyně? ;-)
-
luky (neregistrovaný)
neni to nutnost. ja nevidim zadnou nutnost proc tohle zavadet.. predstavte si web ktery treba meni styl webu podle toho jak si to nastavit uzivatel.. zmenit styl znamena pouzit pravdepodobne jiny. zmenu pravdepodobne zaridi serverovy skript, a serverovy skript je schopny dosadit si vlastni promenny do CSS. takze tak... nebo mi chcete rict ze v momente kdy se zavedou promenny v CSS tak se vsichni vykaslou na serverovy skripty? asi ne ze jo, a paklize ne, plati co jsem rekl.
-
Algi (neregistrovaný)
Tak ten zavináč na začátku deklarace proměnné mě fakt dostal. Obzvlášť po tom, co jsem si přečetl, že to implementoval člověk od Applu. Velmi pravděpodobně to s tím nemá žádnou souvislost, ale první co mě napadlo bylo: "Ty jsou fakt už s těma zavináčema posedlí... ". Stačí se podívat na Objective-C a pochopíte :-D
-
Socan (neregistrovaný)
Myslenka hezka, ale promenne v CSS a dost! Doufam, ze se do CSS nebudou cpat cykly, podminky, funkce apod. a CSS nebude smerovat ke vzniku noveho skriptovaciho jazyka. By to bylo nestestim. Celkem by se zkomplikovala tvorba webu, kdyby k tomu vznikl dalsi spriktovaci jazyk. Myslim, ze v soucasnosti je dost prostredku, jak tuhle problematiku resit. Jinak ten zavinac, je tam opravdu jak pest na oko ;-) ale hned se pozna, co je promenna a co ne.
-
Martin Hassman (neregistrovaný)
G_: target na odchodu není, v HTML5 je to řádný atribut http://html456.blogspot.com/2008/05/atribut-target-v-html5.html
ČLÁNKY DO MAILU