Pokud budeme vytvářet kaskádové styly pro nový web, máme v podstatě dvě možnosti, jak zapsat velikosti fontů. Jedna z nich je definovat vše „napevno“, například pomocí rozměru v pixelech. Druhou možností je určit velikost relativně vůči…
Archiv pro štítek: CSS3
Microsoft zvedl hozenou rukavici a s Internet Explorerem opravdu „pohnul“. Verze 9 přinesla výrazný posun, a ve verzi 10 má být počet implementovaných standardů ještě vyšší. Na stránkách IE10 Guide for Developers naleznete seznam funkcí a…
Sbírek podle vzoru „N užitečných triků v CSS“ je už nepočítaně. Přidejme k nim další: http://www.webdesigndev.com/web-development/12-really-useful-css3-tips-and-techniques
Před víkendem drobná kuriozita – tyto hodiny od Andrewa Hoyera jsou tvořeny jen pomocí DIVů a vhodně použitých 3D CSS transformací (nutno použít prohlížeče, které tyto operace podporují; pokud takový nemáte, můžete vidět výsledek…
Microsoft vydal update pro VS2010, který přináší podporu pro HTML5, CSS3 a některá JS API. Podpora je jak pro Intellisense, tak pro kontrolu syntaxe. Za zmínku stojí i to, že budete-li psát CSS s vendor…
Framework Gridless je, na rozdíl od podobných „boilerplates“, zaměřen především na mobilní weby a na responsive design, tedy takový návrh, který počítá s různými výstupními zařízeními. Nepoužívá proto designovou mřížku (grid), namísto CSS resetu…
Jak vidno, pokusy o vytvoření věrného 3D efektu u písma jen pomocí CSS neutuchají. Jeden pokus o 3D písmo jsme vám představili v lednu. I dnešní tip využívá stínování: How to create 3D text using CSS3.
Grafici dobře znají nastavování vlastností vrstev v Photoshopu – jednoduše lze nastavovat vržené stíny, barevné překryvy a další efekty. Podobné rozhraní nabízí CSS generátor Layer Styles.
Joe Lambert vytvořil Flux Slider, knihovnu pro vytváření obrázkových slideshow s přechodovými efekty. Flux Slider definuje přechody pomocí CSS3, takže jsou animovány pomocí HW akcelerace (tam, kde je podporována).
Pomocí CSS3 – kombinací barevných přechodů – lze vytvořit různé grafické vzory (pruhy, kříže, vlny apod.) Inspirovat se můžete v galerii vzorů.