Zkrášlování kódu („prettify“ – postup opačný k obfuskaci) není pouze záležitost estetická; hezky zapsaný kód je především lépe čitelný a tím i snáz pochopitelný. Zkrášlení souborů pomůže leckdy i odhalit pozapomenuté úpravy. Pokud chcete takto zpracovat své…

Tak trochu jako doplněk předchozí zprávičky může působit odkaz na zajímavé řešení, publikované na webu Impressive Webs. Ukazuje, jak lze udělat přepínání obsahu (zhruba funkce tabů), které běžně řešíme JavaScriptem, pomocí HTML a…

S nástroji, které umí vytvořit kostru webu a patřičné HTML/CSS soubory na několik kliknutí jsme se už setkali. Dalším takovým je InstantCSSCode. Umožní vybrat z různých typů HTML, můžete si zvolit JS framework či přípony…

Seznam nejčastějších chyb, kterých se dopouštějí kodéři při psaní CSS, přináší článek 12 Common CSS Mistakes Web Developers Make. Mezi chyby řadí nedostatečný (nebo žádný) CSS reset, příliš specifické selektory, redundantní pravidla, nerespektování „kaskádové“…

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.

Na serveru CSS Tricks vyšel článek, popisující možnosti stylování a úprav HTML elementu Textarea. Od prostého obrázku na pozadí, které zmizí, jakmile uživatel začne psát (víte že HTML5 na to má atribut „placeholder“?)…

A List Apart před časem vydal článek nazvaný Responsive Web Design. Ethan Marcotte (mimo jiné spoluautor knih Jeffreyho Zeldmana nebo Dana Cederholma) v něm shrnuje myšlenky „webdesignu zítřka“, který požaduje flexibilitu a nespokojí se s jediným…

Mezi kodéry jsou populární různé „CSS resety“, tedy sady pravidel, které nastaví základní vlastnosti různých elementů ve všech prohlížečích plusmínus stejně. Na webu, pojmenovaném příznačně HTML5 Reset, naleznete takový „reset“ pro HTML5 – ovšem…

Knihovna PIE přináší možnost používat některé dekorátory z CSS3 i v prohlížečích IE6–8. K zápisu pro moderní prohlížeče, např. -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; -webkit-box-shadow: #666 0px 2px 3px; -moz-box-shadow: #666 0px 2px 3px; box-shadow: #666 0px…

Na webu CSS Tricks vyšel článek s názvem Feature Table Design, v němž autor popisuje vytvoření a nakódování dobře vypadajících tabulek. Popisovaný postup využívá CSS a špetku JavaScriptu a především pro začínající kodéry bude velmi…