CSS regions je relativně mladá součást CSS3 (zatím podporovaná jen ve WebKitu a IE10, viz caniuse). Umožňuje určit několik nezávislých bloků, mezi kterými následně může přetékat jejich obsah (obvykle text). Lze tak snadno…

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ď…

Opera začíná podporovat prefix -webkit. Další prohlížeče uvažují o tomtéž. Proč se to děje? A co si o tom má webdesigner nakonec myslet?

O CSS preprocesorech LESS i SASS jsme už psali (LESS: stejné CSS za méně peněz, CSS preprocesory: méně psaní, vyšší efektivita) a nedávno o nich psala i česká blogerská scéna. Pokud si je chcete vyzkoušet online, podívejte…

O responsive designu jste mohli opakovaně slyšet nejen tady na Zdrojáku. Luke Wroblewski sestavil pět návrhových vzorů (čili jakýchsi univerzálních řešení, která můžete opakovaně používat na řadě svých projektů), se kterými se při použ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…

Twitter používá, stejně jako mnohé další velké weby, vlastní kodérský framework a k němu sadu pravidel pro vytváření stránek a uživatelských rozhraní (Coding standard, coding rule). Jejich CSS framework se jmenuje Bootstrap, je dostupný…

Nástroj CSS Lint slouží ke statické analýze CSS stylopisu a měl by patřit do základní výbavy webkodérů. Sadu hlášených doporučení si můžete přizpůsobit vlastním potřebám, v plném nastavení hlídá CSS Lint kromě syntaktických chyb například…

Kodérům může přijít vhod článek Safe CSS Hacks, který sumarizuje některé známé CSS hacky pro různé verze Exploreru a vybírá z nich ty „bezpečné“. Dozvíte se, jak bezpečně rozlišit různé verze IE, „ohackovat“ vlastnosti…

Ne jen samými novými technologiemi a frameworky živ je webař. Někdy je také třeba vymyslet řešení pro, na první pohled triviální, věc – jako třeba interaktivní mapa ČR s vyznačenými kraji, která bude reagovat na „ježdění myší“ a zvýrazňovat kraje (hover) a bude navíc umožňovat mít jeden kraj vybraný.