Jestliže využíváte při front-end vývoji SASS, mohli jste se setkat zvláště na větších projektech s výkonnostními problémy při generování komplexních CSS. Podívali jsme se na tuto problematiku hlouběji a v tomto článku ukážeme, jakým způsobem jsme dosáhli výrazného zefektivnění vývoje.

Na konci listopadu byla spuštěna v Česku vyvinutá služba WebShotter, která dělá navenek velmi jednoduchou věc – každý den vyfotí zadané URL a archiv screenshotů zpřístupňuje ve formě připomínající Time Machine z Mac OS. Přes jednoduchý vzhled se na implementací podílí poměrně hodně technologií a o zkušenostech s nimi se podělí Borek Bernard, autor a jeden z vývojářů celé služby. Předáváme slovo…

Proti každému webdesignerovi stojí celá fronta prohlížečů s dosti rozličnou podporou kaskádových stylů. Existují různé strategie, jak se s tímto problémem vypořádat. Jedná se nejspíš o věčný problém a detekce podporovaných vlastností se dostává přímo do CSS3.

Kdy bude CSS podporovat přímou a jednoduchou možnost specifikace layoutu není jisté, ani jakým způsobem to přesně bude. Jednou z možností je CSS3 Flexible Box Layout (v dnešní době nepoužitelný, tedy pokud necílíte čistě na…

Předvedeme si tvorbu snadno modifikovatelného přehrávače pro HTML5 video a nabídneme ho jako jQuery plugin, ve kterém můžete nastavit, jaké kontrolní prvky budou zobrazeny a ovlivnit vzhled přehrávače pomocí témat vzhledu.

Podpora CSS animací v prohlížečích pomalu, ale jistě roste. V novém článku na IE blogu najdete ukázky použití 3D CSS animací, které budou podporované v IE10. Na několika příkladech animací celé stránky jsou ukázány nové možnosti,…

Začátkem léta byla v rámci CSS3 dokončena specifikace Media Queries. O těch jsme na Zdrojáku už psali dost (CSS Media Queries: co jsou a k čemu slouží, Webdesignérův průvodce po CSS3: Media Queries), víc je teď…

Taby (někdy nazývané panely) najdeme na webu poměrně často. Ring Wingův tutoriál ukazuje, jak může pomocí CSS3 animací jejich přepínání snadno animovat. Pokud si chcete hned vyzkoušet výsledek, přejděte rovnou na demo1, demo2,…

Experimentujete s novinkami HTML5 a CSS3? Zapojte se do soutěže Mozilla Derby. Soutěží se o ceny každý měsíc. Vývojáři vytvoří a zašlou své aplikace na zadané téma, resp. ani tak ne aplikace jako dema využití…

Pěkný demonstrativní úvod do základních technologií z rodiny CSS3 pod názvem Vzhůru do CSS3 vytvořil Martin Michálek. Najdete v něm ukázky základního použití a odkazy pro další informace. Materiály jsou dostupné pod licencí Creative Commons…