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.

Podcast: S Martinem Držkou z Fakturoidu o utility třídách v CSS

2. 2. 2018 v podcastech

S Robinem jsme Martina pozvali, protože nás zajímaly zkušenosti tvůrců oblíbeného fakturačního software s utility třídami.

To nejlepší z Bootstrapu 4: utility třídy

14. 11. 2017 v příručce

Čtyřka přišla s užitkovými třídami. A mě se to děsně moc líbí.

Rozhovor před WebExpo: S Markem Robbinsem o moderním kódování e-mailů

7. 9. 2017 na blogu

Umíte si představit kódování newsletterů bez tabulek a inline stylů? Používání moderních CSS3 technologií nebo třeba SVG tamtéž? Sci-fi!?

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?

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í