Smysluplné CSS: stylujte, jak se má

V současné době máme svět smysluplného značkování přímo před sebou, stačí po něm sáhnout. HTML5 zavedl novou přepychovou sadu sémanticky smysluplných elementů a atributů, ARIA definovala celou dodatečnou platformu, jak popisovat bohatě vybavený internet, a na scéně se objevily mikroformáty, aby

10 animačních nástrojů CSS3, které byste měli mít v záložkách

Protože dnes mají lidé sklon vnímat především to, co se hýbe, mohou šikovně využité animace zkvalitnit uživatelské prožitky na webu tím, že soustředí pozornost uživatelů na důležité elementy, kterých si mají rychle všimnout. CSS3 zavedl novou animační syntax, která pomáhá

Kvantitativní dotazy pro CSS

Taky nesnášíte dokumentární filmy, které slibují kdesi cosi, a skutek utek? Mívají lákavé názvy jako Hledání obrovitého krakena, dráždí kalnými podvodními snímky a vzrušenými vědci, kteří ukazují kamsi daleko na oceán. Rozhodnete se, že se tedy na to podíváte, přesto

Manifest Sass: 6 principů, jak udržet správný workflow

Na nedávném setkání věnovaném CSS jsem se zeptala: “Kdo používá ve své každodenní práci Sass?”. Odpověď byla naprosto pozitivní; Sass už není vyhrazen jen pro hýčkané projekty a experimenty, rychle se stává standardním způsobem, jak psát CSS. To je ale

Jak snadno vytvořit překlápěcí animace s CSS?

CSS animace poskytují spoustu zábavy; jejich největším pozitivem však je, že prostřednictvím mnohých jednoduchých vlastností dokážete vytvořit prakticky cokoliv, od elegantního přechodu typu rozplývání (fade in) mezi dvěma obrázky, až k takovému efektu, kterým by se chlubilo i studio Pixar. Mezi

11 nejlepších HTML a CSS frameworků pro webdesignéry

Používání frameworků může velmi urychlit vývoj nového designu. Kvalitní front-endové frameworky pomohou zlepšit celkovou funkčnost a výkon celého webu či aplikace. Použití vhodného frameworku může být přínos pro celkovou user experience vaší aplikace nebo webové stránky. Existuje spoustu známých HTML

Bizarní tříznakový CSS selektor: Lobotomizovaná sova

Na konferenci CSS Day konané v červnu 2014 jsem uvedl, s mírným rozechvěním, bizarní tříznakový CSS selektor. Pojmenoval jsem ho “lobotomizovaná sova”, protože trochu připomíná bezvýrazný upřený soví pohled, a ukázalo se, že to byla nejoblíbenější část mé přednášky. Viz níže. Nemohu

15 CSS tipů, které vám ve webdesignu nepomohou. Zato ale pobaví.

Práce webdesignera může být náročná. Naštěstí je kolem oboru postavená komunita s velkým smyslem pro humor. Pro chvíli oddechu jsme pro vás vybrali 15 nejpovedenějších CSS vtipů. Dozvíte se například, jak by byla v CSS postavena šikmá věž v Pise. Jak nastylovat potopený

5 důvodů, proč považuji CSS za opravdu zpackané

Přicházím nyní jako generál po bitvě, abych světu vyjevil, oč mohly být CSS lepší, kdyby… Jaké by vlastně měly webové standardy být? jasné, srozumitelné a logické – aby se v nich každý vyznal jednoduché, účelné a kompatibilní – aby se s nimi

CSS audit: Jak na podrobné přezkoumání kódu?

Většina lidí není příliš nadšena představou, že se jim bude někdo hrabat v kódu. Přesto je audit css kódu jedním z mých nejoblíbenějších typů projektů. CSS audit je opravdová detektivní práce. Vezmete kód webu a začnete v něm pátrat. Díváte se, kolik stylových

Pět elementů pro modulární a adaptivní obsah

Rychost, rychlost, rychlost – zrychlete své stránky

Rychlost webu patří mezi jednu z nejdůležitějších věcí při vývoji stránek a webových aplikací. Tento překladový článek přináší několik zajímavých tipů.

CSS 3: úvod do přechodových efektů

Ač na CSS 3 se stále pracuje, je možné používat některé jeho funkcionality (s tím, že nebudou fungovat všem uživatelům). To platí i pro přechodové efekty

CSS 3: rozdovádět se, nebo ještě chvíli počkat?

Implementace CSS 3 jsou v plném proudu, a to skýtá webdesignérům příležitost se na webových stránkách jaksepatří rozdovádět.

Jak psát lepší CSS kód ve vašich projektech?