CSS 3 zdrojákoviště

Tento seriál je webovou reprezentací ročníkové práce Honzy Bittnera, která obsahuje výběr a principy vhodných moderních technologií.

Tento tutoriál vám ukáže jak na tvorbu submenu. Použijeme k tomu i HTML5 tagy a pár stylů ze seriálu webových stránek v HTML a CSS.

Galerie CSS 3 stylů pro HTML tlačítka, které vytvořili webdesigneři z ITnetworku v rámci soutěže. Většina obsahuje styl hover, animace a další efekty.

V tomto tutoriálu naleznete přehled online aplikací, které zefektivní stylování vašeho webu v CSS 3. Buďte moderní, buďte cool.

Zajímalo vás někdy jak udělat v CSS 3 ovál, trojúhelník, hvězdu, srdce, pacmana...? No tak to se koukněte sem, jelikož vám to tento tutoriál ukáže!

V tomto tutoriálu si vytvoříme jednoduchý formulář s jedním tlačítkem a jedním textovým polem na email. Na formuláři si procvičíme HTML a CSS.

V tomto tutoriálu si dokončíme formulář pro zahradkáře. Dostylujeme políčko pro email, nastavíme zvýraznění správnosti údajů pomocí CSS a ozdobíme stránku.

Buďte líní, ale chytře! Tutoriál vás naučí jak si usnadnit práci s CSS styly pomocí preprocesoru LESS. Ušetříte tak spoustu času se stylováním vašich webů.

V tutoriálu si ukážeme, jak navrhovat weby v grafickém programu GIMP. Jak na tvorbu pozadí, písma, ikon a dalších prvků, které na webu nesmí chybět.

První část seriálu o flexibilním textu v HTML stránkách, o používání různých jednotek velikosti písma v CSS.

Animovaný carousel pro několik itemů, která se otáčí dokolečka. Itemy vpředu jsou větší než ty vzadu, což vytváří 3D efekt. Animace pouze přes CSS bez JS.

V ukázce je obsaženo 5 poměrně jednoduchých log vytvořených pouze pomocí CSS 3. Výherní řešení ze soutěže Machr na webdesign - Logo.

HTCS Game je krátká jednoduchá adventura, ve které máte za úkol chytit utíkající myšku. Různě se schovává a tak podobně.

Výzdoba webové stránky listím nebo sněhem padajícím na pozadí. V soutěži Machr na webdesign - 3D transformace se výtvor umístil na prvním místě.

Animovaná železnice pro soutěž Machr na webdesign. Animace je postavená ze dvou scén, na jedné se vyrábí parní lokomotiva, na další pak jezdí vláčky.

Výherní logo soutěže Machr na webdesign je vytvořené pouze pomocí HTML a CSS 3, tedy bez obrázku. Logo je společnosti Eset.