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.

CSS proměnné: 6 praktických příkladů, které vás nakopnou k jejich používání

17. 7. 2019 v příručce

Autorské vlastnosti v CSS se vám budou hodit, když potřebujete okamžitou změnu jedné nebo více vlastností prvků: na základě interakce uživatele nebo třeba uvnitř Media Query.

CSS proměnné (nebo také autorské či volitelné vlastnosti)

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

Nativní proměnné v CSS jsou fajn. Od proměnných v preprocesorech, které asi znáte více, se liší tím, že se počítají přímo v prohlížeči a že jsou dostupné kromě CSS také v JavaScriptu a HTML.

CSS: Optimalizace datové velikosti

12. 6. 2019 v příručce

Velký článek o krocích, které je potřeba udělat ke zmenšení datového objemu stylů. Datová velikost CSS je totiž důležitá a každý bajt se počítá.

Deskriptor font-display: Jak na řízené vykreslování webfontů?

20. 5. 2019 v příručce

Jak vykreslovat webfonty bez zbytečného probliknutí a jednotně v moderních prohlížečích?

CSS Grid v MSIE: Můžete mít i automatické umísťování do mřížky

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

Další rozšíření možností gridu pomocí Autoprefixeru. Auto-placement, tedy umísťování do mřížky bez nutnosti doslového uvádění souřadnic.

Poslední dva termíny kurzu „Dnešní webová kodéřina“

21. 1. 2019 na blogu

Je čas se na kurzech více zaměřit na moje hlavní téma: Rychlost webů.

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ů.