CSS

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ý.

Ukažme si jednoduchý příklad, čeho můžete dosáhnout pomocí otevřených technologií HTML5 a CSS3 – přehrávač videa, který dokáže video otočit a zvětšit. Nebudete k tomu potřebovat žádné složité algoritmy, ty za vás zná prohlížeč a umí je udělat sám; my si vystačíme s CSS transformacemi.

Kaskádové styly jsou dnes až na výjimky přijímány jako standard pro popis vizualizace formátu hypertextových dokumentů. Koncepce jednoduchého popisu s sebou ale nese některé nevýhody, které se snaží překonat různé nadstavby a preprocesory. Jedním z nich je LESS, který si představíme v dnešním článku.

V posledním díle našeho Scuk seriálu se od Djanga přesuneme blíž k prohlížeči — do CSS kódu. Ale kódu moc nečekejte. Pokusím se vám na technickém řešení jednoduché části uživatelského rozhraní ukázat dva principy vztahující se ke kodérské práci, které jsem na Scuku aplikoval nebo díky ní získal.

Pojďme se blíže podívat na další dva zajímavé CSS frameworky — YUI CSS Foundation a 960 grid system, a další, které by mohly zajímat webdesignéry, vývojáře i příležitostné autory WWW stránek. Který framework vám bude nejvíce vyhovovat? To napoví srovnání typografických vlastností a závěrečná doporučení.

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ý na Githubu… Více

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… Více

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 a jaké má jaký hack výhody či nevýhody. Více

Nové „experimentální“ vlastnosti v CSS, které testují výrobci prohlížečů, shrnuje článek na Smashing Magazine. Mnohé z nich se pravděpodobně ani nerozšíří, přesto jsou zajímavé a je dobré o nich vědět. Příkladem mohou být -webkit-mask či… Více

HTML5Boilerplate a další „vzorové“ HTML5 stránky jsou, i přes brblání „pravověrných webdesignérů“, přijatelnou alternativou pro velké množství webařů. Komplexnějším bratrancem Boilerplate může být např. framework G5 – přichází s připravenými… Více