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.

Vkládaná média se zachováním poměru stran

19. 7. 2017 v příručce

Jak zařídit, aby se obrázky, video a prvky vkládané přes `<iframe>` přizpůsobovaly šířce rodičovského elementu a ještě k tomu zachovávaly poměr stran?

Pár poznámek ke komentářům v CSS

10. 7. 2017 na blogu

Keith J. Grant napsal moc hezký článek o komentářích v CSS: „Thoughts on Self-Documenting CSS“. Tady je to nejdůležitější doplněné o mé poznámky.

PostCSS jako jednoduchá náhrada preprocesoru

16. 2. 2017 v příručce

Jak PostCSS využít jako jednoduchý a rychlý preprocesor, který vám na spoustu projektů výborně poslouží. A proč ne CSSnext?

Jak v NejŘemeslníci.cz používají Tachyons

7. 2. 2017 na blogu

Matouš Borák z NejŘemeslníci.cz popisuje zkušenosti svého týmu s Tachyons, knihovnou atomických stylů.

Ebook „Vzhůru do CSS3“ verze 1.4: nové texty o Media Queries, prohlížečích a další

9. 1. 2017 na blogu

Kapitola o Media Queries je zgruntu nová atd. 12 stránek navíc.

Podcast: S Robinem Pokorným o CSS v Javascriptu

8. 12. 2016 v podcastech

V dalším podcastu ze Vzhůru dolů jsme se s Robinem zaměřili na téma tepající mezi frontend kodéry i javascriptovými vývojáři – CSS uvnitř Javascriptu.

CSS řešení: Patička přilepená ke spodní hraně okna

17. 10. 2016 v příručce

Jsou věci, které na CSS grafici prostě nemůžou vystát. Jako třeba patičku, která zůstává viset hned za obsahem.

CSS řešení: Zeldmanovo zatržítko

5. 10. 2016 v příručce

Jednoduchá, ale efektní věc postavená na animovaných přechodech a transformacích.

CSS řešení: Elastická typografie počítaná v procentech z výšky komponenty

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

Pojďme si rozebrat jedno z řešení, které jsem ukazoval v přednášce na WebExpo 2016.

3 otázky na Harryho Robertse před letošním WebExpo: k refaktorování CSS a metodice ITCSS

6. 9. 2016 na blogu

Harry Roberts (@csswizardry) je z pohledu frontend designéra jedním z nejzajímavějších přednášejících na letošním WebExpu.

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.

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í