Články

Sass — čtení na 9 min.

Co jsou Sass moduly a jak @use a @forward zlepší váš kód

Sass moduly mění způsob práce se soubory. Nejsou novinkou, představeny byly před více než rokem. Nově je však Dart Sass jedinou oficiální implementací Sassu. Nucená migrace je příležitostí s moduly začít. Přinášíme podrobného průvodce migrací, zapojením Sass modulů a řešením nejčastějších chytáků.

CSS — čtení na 8 min.

Proč je ITCSS nejpokročilejší metodika organizace CSS

Psát CSS je snadné. Díky tomu dokážeme snadno nastylovat malé dokumenty a nemusíme se zdržovat formalitami. Na velkých projektech si ale s tím samým přístupem vylámeme zuby. Potřebujeme řád a organizaci. Jak zorganizovat CSS, aby i ve velkém měřítku fungovalo stejně úžasně jako v tom malém?

Dokumentace — čtení na 10 min.

Komentáře v CSS kódu: kdy pomáhají a kdy škodí

Na počátku každého komentáře bývá ušlechtilý úmysl: pomoci těm, kdo přijdou po nás. Dobře postavený komentář skutečně může významně pomoci. Přesto je většina komentářů v kódu zbytečná, odvádí pozornost a v krajních případech může mít i devastující účinky. Jak můžeme kód místo komentování vylepšit?

Reportáž — čtení na 3 min.

WebExpo 2019 obrazem

Dvanáctý ročník největší konference o webu ve střední Evropě právě skončil. Téměř čtyři dny nabité řečníky, workshopy a parties (někdy i na jevišti). Vše zarámované atmosférou historického centra Prahy.

CSS — čtení na 6 min.

SUIT CSS versus BEM

Jestli ve svém projektu používáte nějakou metodiku organizace CSS, velmi pravděpodobně to bude BEM. SUIT CSS je metodika méně známá, v mnohém ale o dost zajímavější. Jak BEM obstojí proti SUIT CSS?

CSS — čtení na 9 min.

CSS grid pro mikro layouty

Říká se, že flexbox je nástroj stvořený pro malé layouty. Jeho mladší, zato pokročilejší bratříček CSS grid je zase tolik očekávaným řešením pro velký layout stránky. Co když ale dáme velikost stranou a zaměříme se na to, jaké druhy problémů mohou obě techniky řešit?

CSS — čtení na 10 min.

Převod designových principů do CSS

Jak s pomocí nejmodernějších CSS postupů důsledně převést designovou myšlenku do responzivního webu 1:1 a bez kompromisů. Hutná dávka responzivní typografie a baseline gridu v preprocesorech.