Vzhůru dolů
Základní informace o zdroji
| Podtitulek | Současný webový frontend. |
|---|---|
| Domovská stránka | https://www.vzhurudolu.cz/ |
| RSS export | http://feeds.feedburner.com/vzhurudolu_clanky |
Systémové informace o zdroji
| ID | 139 |
|---|---|
| Jmenné ID | vzhurudolu |
| Články ručně přidává správce systému | NE |
| Články jsou schvalovány správcem | NE |
| Titulek zdroje stahován z RSS exportu | ANO |
| Kontrola aktuálnosti proběhla | 3. února 2023 17:05 |
| Návratový kód | HTTP 200 |
| RSS export naposledy zpracován | 3. února 2023 17:05 |
| Kontrola aktuálnosti naplánována na | 3. února 2023 17:25 |
Jak na dark mode, tmavý režim webů
Dark mode je mezi uživateli, ale i ve webařské komunitě velmi populární. Hodí se na weby, kde uživatelé čtou nebo prostě tráví více času. V textu ukazuji svou cestu k tmavému režimu na Vzhůru dolů a sdílím některé nečekané zkušenosti. Dark mode na…
Tradiční hodnocení roku 2022 a výhled do letoška (Container Queries, selektor :has, Local First nebo BFcache)
Živě s publikem jsme se v kancelářích společnosti Productboard zaměřili na to, co nás zaujalo v roce 2022. Budeme reagovat na výsledky ankety State of CSS 2022, kde se objevily Cascade Layers, selektor :has a další novinky, a kde framework Tailwind dále…
Container Queries přicházejí
To, co Media Queries dělají pro celou stránku, my většinou potřebujeme jen pro její část, pro konkrétní komponentu. A právě to nám snad brzy poskytnou Container Queries. Media Queries, tedy dotazy na média (@media), poskytují metodu dotazování na…
O Figmě s Adélou Dostálovou a Honzou Černým
Do prosincového dílu podcastu jsme si s Robinem pozvali dva hosty: Adélu Dostálovou a Honzu ChemiXe Černého. Probrali jsme fenomén Figmy, nejpopulárnějšího nástroje pro návrh designu webů. V podcastu hledáme příčiny jejího raketového růstu a přemýšlíme…
Proč preferuji grid před flexboxem
Pořád se něco učíme. Abych se naučil layouty v CSS, napsal jsem o nich knížku. Opravdu. Nemyslete si, že jsem si prostě jen sedl k počítači a začal sepisovat to, co jsem měl v hlavě. O gridu a flexboxu jsem toho před třemi lety nevěděl zase o tolik více…
CSS Cascade Layers: budou vrstvy revolucí organizace stylů?
Kaskádové vrstvy jsou novinka, která webařům umožňuje měnit platnost deklarací bez nutnosti uvádět je na konkrétní místo v CSS souboru a v konkrétním pořadí. Obecně vzato, CSS Cascade Layers poskytují strukturovaný způsob uspořádání stylů. Slouží tak ke…
Novinky ke knize „CSS: moderní layout“ – verze 1.1 a knihkupectví
Půl roku od vydání se má kniha „CSS: moderní layout“ čile k světu. Dostávám na ni výborné ohlasy (děkuju za ně!) a e-book nebo tištěnou verzi si koupily už stovky z vás. Jak je u mě zvykem, přišel čas na aktualizaci e-booku a vypuštění tištěné knihy do…
CSS subgrid: grid uvnitř gridu
Subgrid umožní vytvořit zanořenou mřížku, která zároveň podědí layout rodičovského gridu. Je to velmi praktické, ale zatím podporované jen ve Firefoxu a Safari. Subgrid je součástí specifikace CSS gridu. Grid je skvělý, ale dříve či později se s ním…
S Borkem Bernardem o JavaScriptu na serveru
Node, Deno, Bun…? S Borkem (nyní CTO v Shoptetu) se vám v těch serverových javascriptových věcech pokoušíme dělat pořádek. Sobě taky. Svět javascriptových runtimů běžících nikoliv v prohlížeči, ale také na serveru, se nám v posledních měsících rozrostl…
Priority Hints a atribut fetchpriority: jak vytunit rychlost načtení prvků stránky
Priority Hints jsou prostředkem k úpravě prioritizace stahování souborů do prohlížeče. Lidsky řečeno to znamená, že s jejich pomocí můžete zrychlit načtení webu jen pomocí přidání pár řádků kódu. Je to ale obecně už dost pokročilá metoda, takže ji…
Pseudotřídy v CSS (staré i úplně nové)
Vítejte v referenční příručce pro pseudotřídy v CSS! Pseudotřídy pomáhají obyčejným selektorům při snadnějším vybírání prvků pro stylování. Díky specifikaci Selectors Level 4 a spolupráci tvůrců prohlížečů můžeme dnes, my webaři, používat pseudotřídy,…
Ohlédnutí za WebExpo 2022 (Podcast LIVE)
Změny ve vývoji prohlížečů, zase to Safari, Railway oriented TypeScript, parties na WebExpu, nové vlastnosti v HTML, verzování CSS a jeho výhody, Cascade Layers a ITCSS, JS promisy, Remix, JAMstack… probrali jsme toho opravdu hodně. Tentokrát bylo to…
CSS pro tisk, aneb jak jsem sázel knihu „CSS: moderní layout“
Přečtěte si, jak jsem se stal sazečem své vlastní knihy. Stalo se tak s pomocí webových technologií, knihovny Paged.js a několika přesně mířených ručních zásahů do výstupního PDF v Adobe Acrobatu. (Text vychází z přednášky „CSS a sazba knih: jak jsme…
Jak prohlížeče směřují od konkurence ke spolupráci (frontendová keynote z WebExpo 2022)
Na letošním WebExpu jsem uvedl program dodávaný naší komunitou Frontendisti.cz krátkou keynote o zásadních změnách, které se aktuálně dějí ve vývoji prohlížečů. Zde je její obsah v textové podobě, ale můžete se také podívat na prezentaci nebo video…
Interaction to Next Paint (INP): nová metrika prodlevy interakcí
INP je nová metrika rychlosti webu, se kterou přichází Google. Zatím je považována za experimentální, ale všeobecně se očekává, že po doladění nahradí v rámci metrik Web Vitals.) zhruba v horizontu jednoho roku poměrně neuspokojivou metriku FID (First…
WebExpo 2022: konference optimalizovaná pro frontendisty
Když si prolistujete historii Vzhůru dolů, asi nebude potřeba zdůrazňovat, že WebExpo je pro mě srdeční záležitost. Letošní ročník je pro mě však velmi speciální. Alespoň trochu jsem participoval skoro na každém ročníku, během 10. - 12. června 2022 bude…
Novinky z Google I/O 2022 a proč prohlížeče najednou táhnou za jeden provaz?
Google na každoroční konferenci pro vývojáře mnohé oznámil a leccos ukázal. Akci jako celek nesleduji, ale během ní a po ní si ze záznamů a ohlasů na socsítích vyzobávám to, co mě nejvíc zajímá – frontend, a tedy HTML, CSS, performance a občas trochu…
Nová kniha „CSS: moderní layout“ je tady!
Milé čtenářky, milí čtenáři, dnes vydávám svou novou knihu pojmenovanou „CSS: moderní layout“. Pusťte se s její pomocí do moderních metod, které vám ušetří spoustu času a poskytnou nové možnosti jak tvořit design webů. Z původně zamýšleného e-booku o…
Selektory v CSS: znáte je všechny?
Tímto textem v příručce doplňuji mezery, které mám na Vzhůru dolů v oblasti pokrytí základů CSS. Při rešerši jsem si všiml, že takto komplexně se selektory snad žádný český text nezabývá. Tož tady jeden máte. Jasně, cílím zde především na začátečníky,…
Relační selektor :has – zdaleka ne jen selektor rodiče
:has() je funkční selektor, který můžeme mimojiné použít jako selektor rodiče, tedy vybrat rodičovské prvky, obsahující potomky určitého typu: a:has(img) { } Tento selektor cílí na všechny odkazy (a), které mají v DOMu jako potomka obrázek (img). Je to…
S Petrou Dolejšovou a Martinem Koptou o soukromí na webu
Pojďme už (cookie) lišty nechat lištami a zamyslet se nad důvody, proč vlastně my webaři máme řešit soukromí uživatelů. Chtějí to uživatelé nebo se jen EU zbláznila? Zkusme přijít na to, jak asi bude vypadat soukromí na webu z pohledu tvůrce webů za pár…
Anketa „State of CSS 2021“ a co očekávat v roce 2022?
S Robinem tradičně reagujeme na výsledky ankety State of CSS 2021. Nejprve krátké zamýšlení o výhodách a nevýhodách anket. Pak už sypeme novinky a přemýšlíme, jak užitečné pro webaře mohou být. Grid, subgrid, Container Queries, Cascade Layers, clamp(),…
Jak jsem web zbavoval šmírovacích cookies
Sledovací cookies jsou všude. Překvapilo mě, že i na menším webu není vlastně úplně jednoduché se jich zbavit. Asi víte, že od letoška mají weby povinnost si před ukládáním analytických „sušenek“ vyžádat souhlas uživatele. O cookies v roce 2022 jsem…
Zveme vás na únorová školení rychlosti webu
Po čase máme znovu vypsané termíny dvou půldenních školení rychlosti webu. Proběhnou 15. a 17. února online a tímto vás na ně zvu. Na školeních vám ukážeme tipy a triky, které používáme v praxi při práci pro klienty PageSpeed.cz – od velkých jako je…
Rok 2021: State of CSS, rychlost a to nejlepší ze Vzhůru dolů
Jako každý leden jsem i letos podlehl nutkání ohlédnout se za technickými novinkami roku 2021, zavzpomínat, uronit slzu pro Internet Explorer… mám prostě sentimentální náladu. Je to ostatně tradice, takhle jsem přemítal už nad roky 2020, 2019, 2018,…
S Filipem Hráčkem o vedlejších projektech, odchodu z Googlu a Dartu
Filipa nejspíš znáte jako jednoho z prvních Čechů zaměstnaných v Googlu a jako propagátora Dartu a Flutteru. V této epizodě se o obou tématech krátce bavíme. Nejvíc se ovšem ptáme na boční projekty, kterých má Filip přehršel. Ostatně – asi každý vývojář…
Cookie lišta, verze 2022
Už to došlo i do Česka. Od ledna 2022 bude nutné od uživatelů žádat souhlas s ukládáním personalizačních a analytických cookies do jejich prohlížečů. Stačí když na webu máte základní analytiku, např. Google Analytics, a od začátku roku máte povinnost…
CSS deskriptor size-adjust
Deskriptor size-adjust definuje změnu velikosti pro znaky písma a pro metriky spojené s tímto písmem. Cílem je upravit vykreslení písma v prohlížeči. To se může hodit například pro sjednocení rozměrů systémového písma s parametry webového fontu. Nebo…
Lighthouse ve verzi 9: přepracované UI a User Flows
Nástroj pro audit webu Lighthouse vyšel v deváté verzi. Musím tomu věnovat alespoň stručnou poznámku, protože přináší minimálně dvě zajímavé novinky. No a taky je to už tradice. Na Vzhůru dolů se tomuhle nástroji věnuji pravidelně. Psal jsem zápisky…
O MicroFrontends s Břéťou Proftem
Břéťa Proft z Pipedrive (a z Prahy) s námi sdílel zkušenosti s mikrofrontendy, takže jsme opět pokryli jedno téma, které na nás vyskakovalo v předchozích epizodách. Zde očekávejte úvod do microfrontends, ale také porovnání zkušenosti Břéťovy a Robinovy…