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. září 2021 15:20
Návratový kód HTTP 304
RSS export naposledy zpracován 18. září 2021 09:00
Kontrola aktuálnosti naplánována na 21. září 2021 15:35

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 podle anglického originálu říká „gutter“. gap je mezera mezi vnitřními prvky layoutu. Vlastnost gap je možné použít ve všech layoutech…

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 | #

Tailwind CSS: další evoluční krok pro CSS frameworky

CSS framework, který má vcelku slušnou šanci změnit mnohým z nás způsoby, jakými jsme zvyklí psát HTML a CSS kód. Propaguje zápis pomocí utilitárních tříd, tedy více HTML a méně CSS. Dělá to ve jménu zlepšení zážitku vývojáře – zjednodušení jeho práce…

Vzhůru dolů | 21. 7. 2021 9:00 | #

Ohlédnutí za FrontKon, prvním ročníkem konference Frontendisti.cz

Mnozí z vás se zúčastnili historicky první konference Frontendisti.cz, která proběhla na konci května. Přináším obsah v podobě záznamů a taky přicházím s vlastním subjektivním pohledem jakožto člena organizačního štábu. Páteční organizační schůzka…

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

Odpočívej v pokoji, Microsoft Internet Explorere, a díky za všechno!

MSIE dělá vývojářům starosti. Používat moderní vlastnosti jako CSS grid je složitější a někdy i nemožné, pokud je na projektu nutné tento starý prohlížeč od Microsoftu podporovat. Text píšu v červnu 2021. A píšu ho proto, že pokud Internet Explorer…

Vzhůru dolů | 23. 6. 2021 17:40 | #

Co je nového v Lighthouse verze 8

Google před dvěma týdny vydal osmou verzi populárního nástroje pro automatické testování rychlosti, přístupnosti a dalších aspektů webů — Lighthouse. To samozřejmě stojí alespoň za krátký blogpost. Aktualizace se v této verzi týkají hlavně testování…

Vzhůru dolů | 15. 6. 2021 10:10 | #

O Tailwind CSS s Honzou Bienem a Adamem Kudrnou

Tento díl podcastu vznikl jako záznam diskuze o novém a zajímavém CSS frameworku, která proběhla během prvního ročníku konference Frontendisti.cz, takzvaného FrontKonu. Honza Bien do programu přispěl výbornou přednáškou, kde ukazoval jak Tailwind…

Vzhůru dolů | 9. 6. 2021 12:00 | #

Google Page Experience update: Skoro vše co potřebujete vědět

Asi víte, že Google bude od poloviny června postupně nasazovat aktualizaci algoritmu zvanou Page Experience. Kluci a holky v největším vyhledávači ji navrhli tak, aby zvýrazňovala stránky, které nabízejí výborný uživatelský prožitek. V tomhle článku se…

Vzhůru dolů | 2. 6. 2021 7:00 | #

S Janem Řezáčem o výběrových řízení na weby

Zakladatele rodu House of Řezáč jsme pozvali v reakci na jeho nedávný text Proč MENDELU vyhodí 5,4 milionů korun z okna. Proč jsou výběrka (pořád) tak špatná a dá se s tím něco dělat? V závěru podcastu nám vyšel čas probrat ještě nástroj pro tvorbu webu…

Vzhůru dolů | 16. 5. 2021 21:55 | #

#FrontKon: První česká frontendová konference

Tohle je velká věc, alespoň pro mě. Ve štábu spolku Frontendisti.cz organizujeme první českou frontendovou konferenci a zhmotňujeme tak něco, o čem už dlouhá léta mluvíme. Kdy? V sobotu 29. května od 10:00 do 16:30. Kde? Online na platformě Hopin. Už je…

Vzhůru dolů | 12. 5. 2021 6:40 | #

image-set(): nechte prohlížeč vybrat obrázek v CSS vlastnosti background-image

Zápis image-set() umožňuje nechat prohlížeč vybrat nejvhodnější obrázek, definovaný v rámci vlastnosti background-image, ze sady, kterou mu připravíme. Je to vhodné zejména pro posílání různých obrázků na obrazovky s vysokou hustotou pixelů: .box {…

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

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ů | 21. 4. 2021 6:40 | #

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 | #