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.

Zděděná a výchozí hodnota v CSS, vlastnost all a klíčová slova inherit, initial, unset, revert

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

Jak vracet nastavení vlastnosti k výchozí nebo poděděné hodnotě a taky jak všechno zrušit pro potřeby refaktoringu.

Dědičnost v CSS: Co to je a kterých vlastností se týká?

30. 10. 2019 v příručce

Spolu s kaskádou je to základní vlastnost CSS. Dokážete ji definovat?

Funkce repeat() v CSS gridu (a klíčová slova auto-fill a auto-fit)

11. 10. 2019 v příručce

Usnadnění opakujících se předpisů pro sloupce nebo řádky mřížky. Nově také s vysvětlením auto-fill a auto-fit.

CSS funkce minmax() a klíčová slova min-content, max-content a fit-content

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

Důležitá vlastnost pro skládání layoutů pomocí CSS Gridu a její ošemetnosti.

Jednotka fr: Podíl na rozměru v CSS gridu

21. 8. 2019 v příručce

Jedná se o flexibilní jednotku, která reprezentuje podíl na volném prostoru v CSS gridu. Proto fr jako fraction unit.

CSS Grid: Kompletní příručka všech vlastností (s příklady)

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

Aktualizovaná příručka nové sady vlastností pro tvorbu layoutu vsazeného do pravidelné mřížky.

Vlastnosti grid-template-rows a grid-template-columns: definice explicitního gridu

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

První část z chystané příručky k vlastnostem CSS gridu.

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.