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.

12 nej­za­jí­ma­věj­ších fron­ten­do­vých tech­no­lo­gií roku 2018

15. 1. 2019 na blogu

S pomocí vás, čtenářů, jsem se pokusil vybrat technologické trendy, které stojí za naučení nebo minimálně sledování.

CSS Grid v Internet Exploreru: Jde to!

3. 1. 2019 v příručce

Na vědomí se tímto dává, že díky zásadním aktualizacím v Autoprefixeru je možné Grid používat v daleko více případech než tomu bylo dosud.

Jednotky pro tvorbu webu (em, rem, %, px, vh, vw): Kde použít jakou?

3. 12. 2018 v příručce

Pojďme si tady shrnout všechny CSS jednotky použitelné v dnešním webdesignu. A na příkladu ukázat, k čemu se která hodí.

CSS grid: 3 příklady použití, které se vám budou líbit (a fallback k tomu)

5. 9. 2018 v příručce

Mřížka jako v Bootstrapu na pár řádcích kódu, pojmenované oblasti a umísťování prvků podle vzhledu, ne podle pořadí.

Velikost okna prohlížeče v CSS a JavaScriptu: min-width, innerWidth, clientWidth

18. 8. 2018 v příručce

Hodnoty innerWidth a clientWidth se občas pletou. Pojďme si je rozebrat i s ukázkou.

Stylelint, protože pořádek musí být. I v CSS kódu

21. 5. 2018 v příručce

Lintujete už CSS? Měli byste. V článku se dozvíte, jak na to.

Weby bez CSS: Existuje to vůbec? A jak to testovat?

4. 3. 2018 v příručce

I váš web se možná někde zobrazuje bez vašich pečlivě připravených CSS.

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.