Prohlížeče.info, CSS3

Dnes jsem tak trochu omylem při procházení své RSS čtečky na Netvibes narazil na celkem zajímavý portál http://prohlizece.info, kde jsem našel zajímavý článek srovnávající prohlížeče co se podpory CSS selektorů týče: http://prohlizece.info/clanky/css-selektory-jaka-je-podpora-prohlizecu/. Konečně jsem se odtud také proklikal na http://CSS3.info. Tady jsem si začal prohlížet lahůdky, které nám přináší nová norma kaskádových stylů. Vzhledem k tomu, že ne každý má Operu 10, ve které si to může prohlédnout, udělal jsem taky pár rychlých screenů.

Tohle sice není něco, co by zvládala Opera 10, nicméně to zvládá Firefox 3. Barevné přechody v rámečcích se můžou hodit jako vržený stín. A v kombinaci s kulatými rohy… :-)

Koneckonců i obrázek se může hodit jako rámeček, někteří tvorové se třeba konečně odnaučí používání tabulek.

Zatímco Firefoxu (1) se kulaté rohy celkem daří (doufal jsem v lepší vykreslování), Chrome aka WebKit (2) by potřeboval vědět, co je to Antialias a použít to. Opera 10 (Presto 2.2) (3) to ale vyhrála na plné čáře :-).

Jedině Chrome zvládl udělat pod nějakým boxem alespoň pokus o stín. Kulaté rohy mu ale nevoní. Firefox to umí až od verze 3.1 (bůh ví jak) a Opera 10 zase nic.

Několik různých pozadí pro jeden div. Sen kodérů. Zatím WebKit only.

Rozměrování obrázků na pozadí. Pro klient-statické weby prasárna, pro hrátky s JavaScriptem ideální (třeba nějaké rozhraní na ořezávání obrázků ~ upload avatarů). Opera 9.5+ se spec. vlastností, WebKit taktéž.

Podpora HSL a HSLA, RGBA zápisu barev. Že bych konečně ve skriptech pro obarvení komentářů podle stáří nemusel používat HSL2RGB?

Jednotný zápis pro průhlednost, který bude fungovat všude. Super!

Nicméně jsou i věci, které bych raději vynechal…

Nebo takové, které by člověk rád považoval za samozřejmé…

Je toho hodně, co CSS3 přinese, z těchto eye-catching jsem od některých čekal víc, o jiných jsem zase vůbec nevěděl. Nicméně co je nám to platné, když Microsoft se svým slavným Internet Explorerem 8 přinese plnou podporu CSS2. Opět si počkáme dlouhé roky na to, než vydá Internet Explorer 9, ve kterém už bude CSS2 korektně a pak možná Internet Explorer 10, který přinese částečnou podporu CSS3. Nebo se historie nebude opakovat a já jsem vedle, jak ta jedle? Kéž by, ale člověku už se nechce doufat.

Mimochodem, všimli jste si, že ačkoliv Opera 10 projde na zcela bez úhony Acid3 testem, neumí z výše uvedeného prakticky nic? Kupodivu většinu z toho, co umí uměla už ve verzi 9.5. Acid3 je zkrátka o selektorech a ty Opera naštěstí umí. Ale WebKit se začíná jevit jako to nejlepší, co nás mohlo potkat.