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 26. září 2022 10:45
Návratový kód HTTP 200
RSS export naposledy zpracován 26. září 2022 10:45
Kontrola aktuálnosti naplánována na 26. září 2022 11:05

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…

Vzhůru dolů | Dnes 10:45 | # Nové 

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…

Vzhůru dolů | 29. 8. 2022 10:10 | #

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,…

Vzhůru dolů | 8. 8. 2022 13:35 | #

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…

Vzhůru dolů | 19. 7. 2022 11:50 | #

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…

Vzhůru dolů | 23. 6. 2022 9:40 | #

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…

Vzhůru dolů | 15. 6. 2022 8:10 | #

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…

Vzhůru dolů | 2. 6. 2022 14:40 | #

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…

Vzhůru dolů | 25. 5. 2022 9:40 | #

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…

Vzhůru dolů | 18. 5. 2022 9:45 | #

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…

Vzhůru dolů | 12. 5. 2022 10:10 | #

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,…

Vzhůru dolů | 5. 5. 2022 10:40 | #

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…

Vzhůru dolů | 12. 4. 2022 18:25 | #

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…

Vzhůru dolů | 17. 3. 2022 10:25 | #

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(),…

Vzhůru dolů | 7. 2. 2022 10:15 | #

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…

Vzhůru dolů | 25. 1. 2022 7:50 | #

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…

Vzhůru dolů | 11. 1. 2022 10:05 | #

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,…

Vzhůru dolů | 5. 1. 2022 9:50 | #

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ář…

Vzhůru dolů | 22. 12. 2021 10:10 | #

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…

Vzhůru dolů | 16. 12. 2021 12:35 | #

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…

Vzhůru dolů | 8. 12. 2021 7:05 | #

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…

Vzhůru dolů | 23. 11. 2021 6:20 | #

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…

Vzhůru dolů | 26. 10. 2021 7:00 | #

Open Graph: meta značky pro sociální sítě

V tomto článku si budeme povídat o starých dobrých HTML značkách postavený na specifikaci Open Graph od Facebooku. Asi je skoro všichni znáte, ale všiml jsem si, že je tam pár nuancí, ve kterých leckdo plave. A taky jsem značky pro sociální sítě ještě…

Vzhůru dolů | 20. 10. 2021 9:35 | #

Logické vlastnosti a rozměry v CSS (Logical Properties and Values)

V CSS často pracujeme s rozměry v určitém směru. Občas se ale může stát, hlavně při práci s cizokrajnými jazyky, že typografii nebo layout potřebujeme sázet v jiných směrech než zleva doprava jako naši mateřštinu. Logické vlastnosti a rozměry (podle…

Vzhůru dolů | 1. 10. 2021 10:20 | #

CSS vlastnost gap: mezera pro flexbox a grid

Pomocí CSS vlastnosti gap můžeme definovat mezery v rozvrženích vytvářených pomocí CSS layoutů. Téhle mezeře se občas i v češtině podle anglického originálu říká „gutter“. A brzy taky možná „gap“. gap je mezera mezi vnitřními prvky layoutu. Vlastnost…

Vzhůru dolů | 14. 9. 2021 7:15 | #

WebExpo 2021: Konečně osobně!

Hlavně aby to bylo. Hlavně aby to bylo. Hlavně abychom se viděli osobně. Po roce a půl života v online už nemusí být vaše požadavky na WebExpo vysoké. Chcete se třeba konečně vidět s větším počtem spřízněných lidí. Jako já. WebExpo ale splní vaše…

Vzhůru dolů | 10. 9. 2021 8:00 | #

Letní speciál o Container Queries

V tomhle díle podcastu si Robin s Martinem povídali o novince, která se nedávno objevila v Chrome. O technologii, kterou si oba dlouho v CSS přáli. O specifikaci, které by mohla být tou nejdůležitější za posledních několik let. O Container Queries…

Vzhůru dolů | 7. 9. 2021 4:25 | #

CSS funkce min(), max(), clamp(): minima, maxima a ideály hodnot

Logické porovnávací funkce jsou součástí čtvrté verze specifikace CSS Values and Units Module, podporují je všechny moderní prohlížeče a ještě k tomu jsou užitečné. Umožňují porovnat dvě a více hodnoty: Funkce Význam min() Vrací nejmenší hodnotu z…

Vzhůru dolů | 10. 8. 2021 8:20 | #

UX pro vývojáře: pokročilé techniky

Jednoduché problémy v UX snadno jako vývojáři vyřešíte sami nebo pomocí best-practice, jako například v předchozím článku 21 tipů pro lepší UX. Pokročilejší UX postupy, které jsou obsahem tohoto článku, vám pomohou s řešením komplikovaných problémů…

Vzhůru dolů | 4. 8. 2021 9:20 | #

Prázdninové ceny videí ze Vzhůru dolů

Naučte se o prázdninách něco nového. Představujeme nový cenový model pro naše hodinová vzdělávací videa. Prázdninové ceny videí Pro červenec a srpen jsme výrazně snížili ceny hodinových video-kurzů, kterých na webu máme už 21. Nově je také u…

Vzhůru dolů | 29. 7. 2021 13:40 | #