WebExpo 2022 obrazem
Čtrnáctý ročník vrátil WebExpo do zajetých kolejí. Více než tisíc účastníků, živí přednášející a našlapané party, to vše dalo zapomenout na komplikace uplynulých dvou let.
Články
Co nezmeškat na WebExpo 2022
Začíná čtrnáctá konference WebExpo 2022. Tento rok s nabitým frontendovým programem díky spolupráci s komunitou Frontendisti.cz. Co si rozhodně nesmíte nechat ujít?
Nové CSS vlastnosti pro rok 2022, které můžete začít používat už dnes. Díl 1. — Layout
Rok 2021 byl pro CSS výjimečný. Chytré hlavy z CSS Working Group připravily specifikaci spousty novinek a vylepšení. Rok 2022 je přelomový tím, kolik novinek je skutečně implementováno do prohlížečů a které můžeme reálně použít. Jaké to jsou?
WebExpo 2021 obrazem
Po roční nucené přestávce se letos v Praze konal třináctý ročník největší konference o webu ve střední Evropě. Novinkou byla hybridní forma akce, jíž se část návštěvníků i přednášejících účastnila online.
Browserslist: užitečný nástroj, který funguje jinak, než jste si možná mysleli
Jako frontendoví vývojáři se u každého projektu rozhodujeme, které prohlížeče (a v kterých verzích) budeme podporovat a jaké technologie tím pádem můžeme použít. Dohoda se vytesá do kamene zvaného Browserslist. Ten ale možná funguje jinak, než jste čekali.
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ů.
Budoucnost je v no-code aneb Proč květinářství nepotřebuje web na míru
Většina lidí nepotřebuje drahý web na míru, ale levné hotové řešení. Jejich potřeby a zadání se totiž stále opakují. A co se opakuje, to je výhodné dělat sériově. Vítejte v no-code webdesignu.
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?
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?
Dark mode s CSS custom properties: přístupnost v atraktivní podobě
Dark mode, tmavý režim, night shift — v poslední době často skloňované pojmy, umocněné podporou tmavého režimu v novém iOS 13. Ukážeme si, jak upravit svůj web pro dark mode čistě s pomocí CSS.
Konzultanta potřebujete najmout předtím, než víte, že ho potřebujete. Velký rozhovor s Harrym Robertsem
Harry v rozhovoru nechal nahlédnout do své práce konzultanta. Prozradil, jak pracuje s lidmi, proč se věnuje webové rychlosti i co si myslí o AMP nebo CSS v JavaScriptu.
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.
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 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?
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.
