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 21. dubna 2021 09:50
Návratový kód HTTP 304
RSS export naposledy zpracován 21. dubna 2021 06:40
Kontrola aktuálnosti naplánována na 21. dubna 2021 09:57

Hotwire: Ze serveru na klienta a zase zpět

Hotwire je „krásná nová věc“ ze světa frameworku Ruby on Rails. Jde o zastřešující název pro balíček knihoven. To podstatné je řečeno hned zkraje: Hotwire je alternativní přístup k vytváření moderních webových aplikací bez použití velkého množství…

Vzhůru dolů | Dnes 6:40 | # Nové 

Google Tag Manager: návod na přežití pro vývojáře

Martin Kolář pro Vzhůru dolů píše o nástroji, který u vývojářů není právě populární. Přesto se bez Google Tag Manageru na většině dnešních webů nedá obejít. Po rychlém úvodu si v textu vysvětlíme, proč je GTM tak důležitý a proč by se vývojáři neměli…

Vzhůru dolů | 14. 4. 2021 7:00 | #

Jak zrychlit web v roce 2021?

V květnu letošního roku proběhne ve vyhledávání Googlu aktualizace zvaná Page Experience, kde mají nový význam ukazatele uživatelského prožitku, včetně metrik rychlosti webu zvaných Core Web Vitals. Související Mýty o rychlosti Téma „Rychlost webů“…

Vzhůru dolů | 7. 4. 2021 7:05 | #

Container Queries jsou teď experimentálně v Chrome Canary

Container Queries jsou něco jako Media Queries, jen pro konkrétní komponenty, nikoliv pro celou stránku. Jde o něco, co samozřejmě v CSS chceme a při vývoji webů opravdu hodně potřebujeme. Webdesign je totiž stále více o komponentách, nikoliv o…

Vzhůru dolů | 2. 4. 2021 9:45 | #

S Evou Kuttichovou o mezinárodním freelancingu a AR/VR

Martin a Robin si s produktovou a interakční designérkou Evou povídali o přechodu k freelancingu a rovnou do zahraničí, dále je zaujala témata jako herní design, navrhování pro rozšířenou a virtuální realitu (AR/VR) a další. Uvidíte sami. Přejeme vám…

Vzhůru dolů | 30. 3. 2021 7:20 | #

Flexboty a gridboty: Podpora flexboxu, gridu a vícesloupcového layoutu v prohlížečích

„Nové systémy layoutu v CSS jsou tak úžasné, že to jistě musí mít nějaký háček“, mohl by si někdo myslet. Autorovi téhle myšlenky bychom museli přiznat jistou dávku zdravého skepticismu. Nebo dokonce nemalou životní zkušenost s vývojem webů. Související…

Vzhůru dolů | 26. 3. 2021 6:01 | #

Knihy pro frontendisty a frontendistky. Co číst o CSS, JS, designu, rychlosti nebo přístupnosti?

Od čtenářů mi občas přijde dotaz na seznam doporučených knih. Tak tady je, ať vám slouží. „Cože knihy? V dnešní době?!“ Možná, že vám stačí StackOverflow, Google a pár videí zdarma na YouTube. Pak tenhle seznam nebude pro vás. Možná, že knihy nečtete,…

Vzhůru dolů | 24. 3. 2021 6:45 | #

20 let na volné noze jako frontendista, autor, školitel, konzultant a… kdo ví co ještě?

Nedávný rozhovor pro portál Na volné noze pro mě byl vítanou příležitostí sesumírovat si v hlavě vlastní kariéru freelancera. S drobnými přerušeními jako volnonožec pracuji přes dvě desetiletí. Je to občas náročné, ale celkově vzato skvělé. Za nic bych…

Vzhůru dolů | 18. 3. 2021 7:10 | #

Feature Queries v CSS: @supports a detekce podpory prohlížečů

V CSS nebo JavaScriptu se nám občas hodí napsat kód, který rozlišuje varianty podle podpory určitých CSS vlastností. K tomu můžeme použít poměrně nové pravidlo @supports, součást specifikace „CSS Conditional Rules Module“. S pomocí @supports je možné…

Vzhůru dolů | 8. 3. 2021 7:15 | #

3 nová videa: optimalizujte metriky LCP, CLS a vkládání SVG

Připravili jsme pro vás další video-kurzy, nastříhané z nedávných webinářů Michala Matušky a Martina Michálka. Jejich prostřednictvím získáte za příjemnou cenu slušné množství znalostí z praxe lidí, kteří se problematice věnují při práci pro klienty. K…

Vzhůru dolů | 1. 3. 2021 7:15 | #

Případová studie: Přístupnost na Rohlík.cz

V Rohlíku jsme přístupnost řešili vždy, ale na novou úroveň ji dostal audit a zjištění, že naše služba může být pro uživatele se zdravotními omezeními opravdu užitečná. Zaměřili jsme se nejprve na návrat outline, správnou sémantiku (raději než ),…

Vzhůru dolů | 19. 2. 2021 7:20 | #

CSS flexbox: Průvodce všemi vlastnostmi

Flexbox je jeden z nových způsobů, jak v CSS zapisovat layout, ale také zarovnání a distribuci volné plochy. Související CSS Grid CSS Multicolumn CSS Box Alignment V této aktualizované příručce přibyly texty s příklady pro všechny vlastnosti, které ve…

Vzhůru dolů | 12. 2. 2021 7:27 | #

Jak se vzděláváte online? Výsledky dotazníku ze Vzhůru dolů

Nedávno jsem v newsletteru, na sociálních sítích i zde, na Vzhůru dolů, prosil o vaše názory na online vzdělávání. Jak je zde zvykem – nechci si to všechno nechat jen pro sebe, takže sdílím ty nejzajímavější výsledky. Bylo zajímavé to porovnat s…

Vzhůru dolů | 8. 2. 2021 11:25 | #

Vlastnost aspect-ratio v CSS: Držíme poměr stran snadno a elegantně

Od Chrome verze 88 a brzy i v dalších prohlížečích můžeme používat vlastnost aspect-ratio, která umožňuje vytvářet kontejnery pro asynchronní obsah a zabránit tak nechtěnému překreslování obsahu stránky, který měří Kumulativní posun layoutu (CLS)…

Vzhůru dolů | 1. 2. 2021 7:35 | #

S Rikim Fridrichem o stavu CSS a JavaScriptu

Nad výsledky anket State of CSS/JS 2020 jsme nahlas přemýšleli o aktuálním vývoji frontendových technologií. Nemohli jsme se nepozastavit u některých témat, které vidíme jinak, abychom zjistili, že to někdy vidíme velmi podobně. Probrali jsme Tailwind,…

Vzhůru dolů | 26. 1. 2021 5:40 | #

CSS vlastnost display: jak dobře znáte všechny její hodnoty?

Vlastnost display slouží k určení způsobu vykreslení prvku. Může to být i relativně komplikovaná věc a má spoustu nových hodnot. Možná vás to totiž překvapí, ale od roku 2020 zde máme novou verzi specifikace. Ale víte co? Začneme jednoduchým přehledem…

Vzhůru dolů | 21. 1. 2021 5:30 | #

CSS Multiple Column: Příručka pro vlastnosti vícesloupcového rozložení

Díky vlastnosti column a dalším definovaným v sadě modulu CSS Multi-column Layout můžeme obsah vysázet do více sloupců definované šířky podobně jako v novinové sazbě. Související CSS Grid Flexbox CSS Box Alignment Na rozdíl od podobných layoutových…

Vzhůru dolů | 11. 1. 2021 6:05 | #

To nejlepší z roku 2020 na Vzhůru dolů: populární technologie, články a podcasty

Čtete rozšířenou verzi textu, který jsem psal pro prosincový newsletter. Rok 2020 byl samá změna. Jen měla často podobu komplikace. Nevím jak vám, ale mě se toho letos pracovně změnilo opravdu hodně. Víte, že skoro celý rok nebylo možné organizovat naše…

Vzhůru dolů | 5. 1. 2021 4:20 | #

3 nová videa: NPM, Yarn a testování JS kódu

Nastříhali jsme pro vás tři nová videa. Jde o upravené záznamy hodinových webinářů, které vedl Riki Fridrich v loňském roce. Rok 2021 tak můžete začít investicí do svých znalostí – zde se konkrétně můžete naučit používat NPM, hlavně pro potřeby…

Vzhůru dolů | 2. 1. 2021 14:21 | #

Speciál o trendech pro rok 2021 (druhá část vánočního dvojdílu podcastu)

Loni jsme na konci roku hodnotili změny a novinky zpětně, letos se pokusíme odhadnout trendy do roku 2021. Vybrali jsme pět oblastí a diskutujeme, jak moc ovlivní webový vývoj v příštích 12 měsících. A rovnou prozradíme, že padnou i nějaké palce dolů…

Vzhůru dolů | 31. 12. 2020 7:50 | #

S Robinem a Martinem o Robinovi a Martinovi (první část vánočního dvojdílu podcastu)

Asi nás znáte. Ale možná úplně přesně nevíte, čím se zabýváme, a jak se to změnilo v roce 2020, kdy se změnilo skoro všechno. Řekli jsme si, že by mohlo být užitečné se trochu více představit, ještě než začneme další sezonu vysílání. To proto, abyste…

Vzhůru dolů | 18. 12. 2020 6:45 | #

HTTP/3: Slibná nová verze protokolu, zatím ale jen s malou podporou

Třetí verze protokolu HTTP vypadá slibně. Zatím ji lze z pohledu webaře spíše jen po očku sledovat, na reálné použití si totiž na většině našich projektů zatím kvůli slabé podpoře asi počkáme. Na téhle stránce budu průběžně aktualizovat stav podpory…

Vzhůru dolů | 15. 12. 2020 7:20 | #

Zarovnání boxů v CSS: Příručka pro všechny vlastnosti Box Alignment Module

Modul Box Alignment v CSS specifikuje zarovnání boxů v různých modelech rozvržení CSS: blokovém, tabulkovém, vícesloupcovém, flexboxu nebo Gridu. Související CSS Grid Flexbox Vícesloupcový layout Specifikace Box Alignment Module Level 3 v podstatě vzala…

Vzhůru dolů | 4. 12. 2020 6:35 | #

Masonry v CSS a bez JavaScriptu: nativní podpora přichází

Rozvržení typu masonry je ve webdesignu populární jako zednická lžíce mezi zedníky. Kodérky a kodéři jsou ovšem dneska nucení jej dělat pomocí JavaScriptu. Nativní implementace v CSS byla součástí našich snů už od příchodu flexboxu, ale plně to…

Vzhůru dolů | 26. 11. 2020 7:00 | #

Představujeme nový produkt – videa ze Vzhůru dolů

Milé čtenářky, milí čtenáři, po odvysílání našich webinářů jste se mnozí ptali, zda bude možné koupit si záznam. Teď už ano. :-) Představujeme prvních devět videí, které si na Vzhůru dolů můžete zakoupit. Jde záznamy z webinářů, upravené tak, aby se…

Vzhůru dolů | 24. 11. 2020 10:00 | #

AVIF, nová generace obrázků pro web je tady

Chrome začal od verze 85 a Firefox od verze 86 začaly vcelku nenápadně podporovat nový obrázkový formát AVIF. Inovativní formáty nás webaře zajímají hlavně z pohledu datové efektivity a nových vlastností. Obojí je zde splněno, takže se na AVIF pojďme…

Vzhůru dolů | 18. 11. 2020 6:55 | #

Průvodce formáty obrázků pro web: JPEG, WebP, AVIF, PNG, GIF a SVG

Nedávno jsem si dělal rešerši obrázkových formátů. Které je možné používat v dnešních prohlížečích nebo minimálně byl učiněn pokus o to, abychom je používat mohli? Rozhodl jsem se, že se s vámi o ni musím podělit. Kromě jiného jde o krásný přehled…

Vzhůru dolů | 4. 11. 2020 6:05 | #

Dělená cache v prohlížečích: konec sdílení zdrojů jako CSS, JS a webfonty

Chrome přichází od verze 86 s takzvanou dělenou mezipamětí (partitioned cache), která znemožňuje sdílení zdrojů z CDN mezi weby běžícími na různých doménách. Aktuálně řada webů spoléhá na sdílení CSS, JS a webfontů ze společných adres, umístěných na…

Vzhůru dolů | 28. 10. 2020 17:41 | #

S Borkem Bernardem o vývoji webů na JAMStacku

JAMStack se v roce 2020 vtírá do více a více týmů, projektů a – možná především – konverzací. V živém rozhovoru jsme se Borka Bernarda ptali na to, co to vlastně JAMStack je a nakolik je kompatibilní třeba s WordPressem nebo větším e-shopem. A taky…

Vzhůru dolů | 22. 10. 2020 6:55 | #

Metrika Total Blocking Time (TBT), zaměřeno na pomalý JavaScript

TBT je metrika rychlosti webu, udávající celkový čas, ve kterém není vykreslená stránka schopná reagovat na vstupy uživatele. Přesněji vzato, TBT je celková doba mezi událostmi First Contentful Paint (FCP) a Time to Interactive (TTI), po kterou bylo…

Vzhůru dolů | 12. 10. 2020 10:20 | #