CSS

Zabýváme se CSS3 vlastnostmi a organizací kaskádových stylů. Přečtěte si CSS3 příručku nebo si ji pořiďte v rámci ebooku Vzhůru do CSS3.

Funkce calc(): počítání uvnitř CSS

2. 8. 2016 v příručce

Funkce, která umožňuje vložit matematický výraz namísto hodnoty vlastnosti.

Problémy v CSS kódu: závorková pekla, komentáře a „zlomostřednost“

21. 7. 2016 na blogu

Během spolupráce na nové verzi eshopového řešení ShopSys dělám review CSS kódu. Podívejme se společně na pár špeků.

Vydal jsem „Vzhůru do CSS3“ ve verzi 1.3: flexbox, calc(), Browsersync, Grunt a další

11. 7. 2016 na blogu

Tentokrát se jedná o větší aktualizaci. Pokud ebook ještě doma nebo ve firmě nemáte, je tady příležitost si jej pořídit.

Flexbox: vlastnosti kontejneru

9. 7. 2016 v příručce

Referenční příručka pro vlastnosti kontejneru flexboxu.

Flexbox: vlastnosti položky layoutu

9. 7. 2016 v příručce

Referenční příručka pro vlastnosti položky flexboxu.

BEM CSS: Jak se vyhnout častým chybám?

3. 7. 2016 na blogu

David Berner prostřednictvím bezva článku na Smashing Magazine bojuje s častými problémy při používání BEM metodiky.

CSS řešení: hlavička s videem na pozadí

18. 5. 2016 na blogu

Hlavička na celou výšku okna, video na pozadí a centrované. Na mobilech video není. Jak na to?

Houdini: specifikace co může radikálně zrychlit přidávání CSS vlastností do prohlížečů

29. 3. 2016 na blogu

Představte si třeba, že stáhnete polyfill pro Flexbox, který bude konzistentně fungovat ve všech prohlížečích. A bez přehnaných nároků na výkon.

Reboot je další evoluční krok pro resetovací CSS

10. 3. 2016 na blogu

Bootstrap 4 přichází kromě jiného s náhradou Normalize.css. vlastním kódem pro sjednocení výchozích nastavení prohlížeče – Reboot.

Jednodušší vkládání webfontů pomocí WOFF a WOFF2

28. 1. 2016 na blogu

Formát WOFF2 už má slušnou podporu – Firefox, Chrome, Opera mohou tvořit něco kolem třetiny až poloviny vaší návštěvnosti.

Kontrolní seznam frontend kodéra

21. 1. 2016 v příručce

Co všechno by měl webový kodér zkontrolovat než odevzdá svou práci?

CSS3 Background Origin

25. 11. 2015 v příručce

Určí, kde se v rámci elementu nachází začátek osy pro počítání rozměrů a pozic vlastností.

Směřuje CSS od preprocesingu k postprocesingu?

31. 5. 2015 na blogu

Myslím, že ano. Některé důvody pro preprocesory se totiž vytratily.

Co by měl umět webový kodér?

29. 3. 2015 v příručce

Kóder je technik, který oživuje uživatelská rozhraní webové prezentace nebo webové aplikace. Osnova pro výuku nebo aktualizaci znalostí o profesi.

Viewport na Windows 8 a 8.1

3. 2. 2015 v příručce

S viewportem jsou jen problémy. A Internet Explorer na Windows Phone 8 a 8.1 dal téhle větě nový rozměr.

Organizace CSS, verze 2014

24. 11. 2014 na blogu

Volné pokračování mého 6 let starého článku o udržovatelném stylopise na Zdrojáku. Ten jsem psal v roce kdy Obamu inaugurovali prezidentem a zemřel Michael Jackson. 2009. Toto letí!

Frontendisti.cz — Organizace kódu v Ostravě

15. 5. 2014 na blogu

Poznámky k přednáškám o organizaci frontend kódu z posledního srazu Frontendistů v Ostravě.

Průvodce CSS preprocesory: který vybrat?

1. 4. 2014 na blogu

Čtete poslední díl seriálu o CSS preprocesorech. Pokusím se vám poradit, zda vybrat LESS, SASS nebo Stylus.

Průvodce CSS preprocesory: jak vám vylepší pracovní postupy

24. 3. 2014 na blogu

V článcích o CSS preprocesorech je obvykle argumetováno jejich technickými vlastnostmi. Ty jsme rozebrali v minulém díle seriálu.

Průvodce CSS preprocesory: technické vlastnosti

18. 3. 2014 na blogu

Minule jsme si s preprocesory poprvé podali ruku a dneska je necháme, aby nás vedly a ukazovaly co umí.

Martin Michálek

Autor: Martin Michálek

Nezávislý frontend designér s téměř dvacetiletou praxí a nadšením pro moderní webové postupy a technologie. Píše Vzhůru dolů, školí a je k dispozici pro konzultace. Více informací