Na Zdrojáku máte k dispozici jednoduchý nástroj, kterým si otestujete podporu nových technologií z rodiny HTML5 ve svém prohlížeči. Najdete ho na adrese https://www.zdrojak.cz/wp-content/uploads/ukazka/html5/. Test je velmi jednoduchý a je založen na knihovně Modernizr (již…

Firefox 4 v druhé betaverzi přichází s implementací přechodů (transitions), jak je definuje CSS3. Ukázku schopností této technologie připravili na Mozilla Hacks.

Pokud používáte nových schopností CSS3 pro vytváření mobilních webů a chcete vidět, jak váš web bude vypadat na některém ze zařízení s prohlížečem s jádrem WebKit (iPhone, iPad, Motorola Droid, Nexus One), oceníte službu ProtoFluid.…

Nová specifikace CSS3 napomáhají snazšímu přizpůsobení vzhledu použitému zařízení. Namísto typu zařízení se zaměřuje na jeho schopnosti, jako např. rozlišení, orientace nebo rozměry viewportu. Jak použít tyto vlastnosti ukazuje článek na SmashingMagazine.

Existuje několik knihoven pro implementaci nových CSS vlastností v Internet Exploreru. Přibyla k nim nová, TransformIE, která se stará především, jak už název napovídá, o implementace transformací a jejich „překlad“ z CSS3 vlastností pro Webkit na „filtry“…

Pomocí pluginu pro jQuery s názvem webkitTransform můžete snadno a najednou změnit několik transformačních parametrů v CSS (rotate, scale, skew). Zdroj: Ajaxian

Testovací sneak peek aplikaci pro tvorbu CSS3 animací, kterou představil Kevin Lynch (CTO, Adobe) na Google I/O 2010, si můžete prohlédnout v tomto videu na Youtube.

Kuriozní demonstraci schopností CSS3 připravil Steve Dennis: pomocí animačních funkcí vytvořil animovanou velrybu – známý obrázek, který je zobrazen na stránkách Twitteru při přetížení systému. Demonstrace funguje pouze v prohlížečích s jádrem WebKit a dle autorových…

Článek popisuje funkci calc(), zavedenou v CSS3. Tato funkce zatím není k dispozici v žádné vývojové větvi Firefoxu, ale na její implementaci se pracuje. Firefox bude podporovat CSS hodnotu calc() (viz specifikace), která umožňuje vyjádřit hodnoty…

Experiment, který ukazuje možnosti CSS3: MagnifyMa. Demonstrace efektu „zvětšovacího skla“ pracuje zatím pouze v Chrome a používá iframe, v němž je tentýž obsah jako na stránce, ale dvakrát větší. V dalších verzích plánuje autor využití canvasu.…