Animace naplno s knihovnou GSAP
50:06
Principy Webpacku
58:51
9 ай бұрын
Jak správně vkládat SVG na web
57:26
Nástroje pro testování JS kódu
56:48
Píšeme testy JS kódu
56:03
10 ай бұрын
Optimalizace obrázků a webfontů
57:20
WebP, AVIF nebo JPEG?
44:12
10 ай бұрын
Variabilní fonty prakticky
1:00:37
10 ай бұрын
Zrychlete web pomocí lazy loadingu
51:17
Měření a optimalizace metriky CLS
58:47
Jak správně měřit rychlost webu?
44:02
Praktický úvod do Vue.js
58:53
10 ай бұрын
Atomické CSS a Tailwind
1:03:53
10 ай бұрын
Ladíme rychlost v Chrome DevTools
1:04:38
CSS grid: mřížka v kostce
1:09:37
10 ай бұрын
Пікірлер
@spazef0rze
@spazef0rze 2 ай бұрын
Díky za pozvání vzhůru dolů! Bylo to fajn a to jsme vlastně ještě ani neprobrali všechno, co jsme si naplánovali 😅
@pobo-page-builder
@pobo-page-builder 2 ай бұрын
Snad se firmy naučí zavádět bug bounty program. Skvěle se zachoval nedávno HeroHero: kzbin.info/www/bejne/baraqZVsnrt1mNk&ab_channel=MarekT%C3%B3th
@spazef0rze
@spazef0rze 2 ай бұрын
Spustit bug bounty program jako takový ale taky není úplně procházka parkem, já to od zaplacení odměny za nalezení chyb odděluju - tzn. je možný zaplatit odměnu a neprovozovat bug bounty program. Myslím, že je potřeba zmínit i další firmy, které se zachovaly tak jak měly, opravili to rychle a nabídli odměnu: v mém případě za poslední cca rok se skvěle zachovala i třeba Alza, CZC, E.ON (hlásil jsem jim chyby, které umožnovaly získat všechny poštovní a e-mailové adresy), RSTS (možnost získat všechny zákaznické dokumenty, smlouvy apod.), Atomer (možnost získat úplně všechno), ZeroSSL (možnost získat privátní klíče k certifikátům) a další a další menší i větší.
@VzhurudoluCz
@VzhurudoluCz 2 ай бұрын
Více o obsahu i Michalovi je zde: www.vzhurudolu.cz/podcast/251-podcast-michal-spacek
@Mr.Cuboid
@Mr.Cuboid 4 ай бұрын
Sorry chlapi, ale nedá se to poslouchat. Máte strašně slabý zvuk a hosta už není slyšet vůbec. Mistr zvuku musí poslouchat, případně porovnávat s jinými autory videí. Je mi to líto. Pokud nezapomenu, budu si to moct poslechnout až doma přes reprobedny.
@VzhurudoluCz
@VzhurudoluCz 4 ай бұрын
Audio verze by měla být lepší: open.spotify.com/episode/3FvzRhUpm6cCERsNo4tflI?si=060b19275daf4300
@latrodectusmactans9633
@latrodectusmactans9633 4 ай бұрын
Super podcast
@VzhurudoluCz
@VzhurudoluCz 4 ай бұрын
Některé zásadní myšlenky z videa a všechny možné odkazy najdete zde: www.vzhurudolu.cz/blog/248-podcast-ilincev
@martinkrsik2208
@martinkrsik2208 8 ай бұрын
Moc moc díky za návod ! Již v půlce videa jsem dostal Lighthouse Performance na 100 % (skočilo ze 70ti :D). Dokonalý. Těším se na další vzdělávací videomanuály pro pokročilejší. Děkujeme ti Martine, že to pro nás děláš.
@martinkrsik2208
@martinkrsik2208 8 ай бұрын
Konkrétně lazy loading a datové velikosti obrázků byly v řešení, ale explicitní rozměry obrázků a Cumulative Layout Shift 0 vyřešilo výsledek 100% hodnocení. Teď se ještě naučit srcset na obrázky po 200 pixelech, aby to šlo od 200px na full HD podle obrazovky.
@absolutmachal
@absolutmachal 8 ай бұрын
To mám radost. :) Tady jsou další, dříve natočené, webináře. kzbin.info/aero/PLIdlKRR9lxIdE7CmSnbIad2xoPzG3zijg
@xopabyteh
@xopabyteh 9 ай бұрын
Super :-)
@absolutmachal
@absolutmachal 9 ай бұрын
Děkujeme!
@vn646
@vn646 9 ай бұрын
Htmhell sleduju. A vás taky😎
@absolutmachal
@absolutmachal 9 ай бұрын
To máte samé dobré zdroje! 😅 Každopádně děkujeme.
@lakevibe
@lakevibe 10 ай бұрын
'JpgCrush' pro kompresi JPEG
@MikiGerlasinsky
@MikiGerlasinsky 10 ай бұрын
Díky. DÍKY. DÍKY!!!
@mikulaszacok7594
@mikulaszacok7594 10 ай бұрын
dakujem, super prednaska, sice pozeram ze je to asi starsie, ale zaujimave
@VzhurudoluCz
@VzhurudoluCz 9 ай бұрын
Ano, všechny tyto přednášky jsou staršího data. Zveřejňujeme zdarma placené kurzy, pro podporu komunity.
@PavelGracias-pj4mi
@PavelGracias-pj4mi 10 ай бұрын
Díky za super video, je to fajn shrnutí a srovnání obou přístupů. 🙂 Jinak property row-gap funguje už i ve flex boxu. Dá se případně použít variable pro snazší definici.
@jakub.boucek
@jakub.boucek 10 ай бұрын
Prosím, je možné zveřejnit odkaz na prezentaci? jsou v ní odkazy na užitečné nástroje.
@absolutmachal
@absolutmachal 10 ай бұрын
Ano, dodáme to. Jen prosím o chvilku strpení. Je potřeba ty podklady probrat s lektory.
@VzhurudoluCz
@VzhurudoluCz 9 ай бұрын
Nově jsou podklady doplněné ke všem popiskům záznamů webinářů.
@brablc
@brablc 10 ай бұрын
Ke konci už byla diskuse o htmx hodně o dojmech. To co dělá htmx už mnoho lidí dělalo dříve s jQuery a XHR - teď to jde jenom radostněji (méně kódu) a sofistikovaněji (eventy a out-of-band swap např.) Backend skoro o htmx neví (až na okamžiky partial page renderingu). Na backendu bych nemluvil o API, tam to je prostě klasika - jedna monolitická aplikace šablony a kód.
@absolutmachal
@absolutmachal 10 ай бұрын
Díky moc za doplnění. Nikdo z nás o tom moc nevěděl, asi jsme trošku vařili z vody. Víš to HTMX více? Třeba bychom o tom mohli spolu natočit alespoň krátký podcasts nebo by z toho mohl být článeček. Sám bych se o tom moc rád více dozvěděl.
@brablc
@brablc 10 ай бұрын
Řekl bych skromě, že toho vím hodně. Dělám svůj projekt v htmx, hyperscript, Tailwind CSS, Django. Než jsem se do toho pustil, tak jsem si udělal poctivý průzkum kam se JS dostal a skončil u tohoto dev stacku. A trochu drze bych řekl, že když se vynechá JS (já úplně), build process, tak dnes může být fullstack každý backend developer a vývojové týmy mohou být rázem poloviční. Nikdy bych si netipnul, kolik zábavy je dnes dělat responsivní design a animace a jaké minumum kódu na to stačí.
@VzhurudoluCz
@VzhurudoluCz Жыл бұрын
Celá epizoda je ke slyšení zde: www.vzhurudolu.cz/podcast/235-podcast-zadavani-prace … a nebo na vašich oblíbených platformách.
Жыл бұрын
Víc takových videií.
@absolutmachal
@absolutmachal Жыл бұрын
děkuju!
Жыл бұрын
​@@absolutmachal já děkuji bylo by skvělé dělat krátká videa o konkrétních novinkách a jejich praktického použití to by bylo hodně zajímavé v CSS, JS, Jquery.
@VzhurudoluCz
@VzhurudoluCz Жыл бұрын
Odkaz na celý podcast je zde: www.vzhurudolu.cz/podcast/229-podcast-qwik
@davidbena41872
@davidbena41872 Жыл бұрын
A pokud potřebuji nastavit maximální výšku / šířku pro BOX (blok), ve kterém je obrázek, aby se obrázek automaticky přizpůsobil velikosti takto nastaveného "boxu", to udělám jak? Důvod, proč to tak chci udělat je ten, že třeba mám spoustu obdobných prvků, kdy každý sloupec obsahuje různě veliký obrázek a poté ostatní komponenty jako tlačítko a text kolem skáčou různě a nejsou v jedné rovině - řádku, protože právě ony obrázky nejsou stejně velké. Chtěl bych tedy, aby onen "box" <div> byl definován max. výškou (příp. max šířkou), aby se obrázky této velikosti přizpůsobily a jednotlivé sloupce měly vždy stejnou velikost a řádky byly srovnané. Jak by to vypadalo?
@VzhurudoluCz
@VzhurudoluCz Жыл бұрын
Pokud to dobře chápeme, doporučili bychom spíše zaměřit se na automatický ořez obrázku. To umí vlastnost object-fit. Konkrétně vás bude zajímat nejspíše hodnota `cover`: www.vzhurudolu.cz/prirucka/css-object-fit-position
@davidbena41872
@davidbena41872 Жыл бұрын
@@VzhurudoluCz Dobrý den. Ne ne, myslím to tak, že bych rád vyhranil boxem určité místo a aby se v něm obrázek zobrazil dle velikosti onoho boxu a do středu jak vertikálně tak horizontálně. Už se mi to trochu podařilo přes box-sizing (tomu jsem nastavil např. 300 px), a jelikož onen box vždy určí velikost obecnou bez ohledu na velikost obrázku, který se vždy v boxu přizpůsobí, potřeboval bych ony menší obrázky v boxu zarovnat do středu - jak vertiálně tak horizontálně. To se mi však nedaří. Pokud mohu uvést můj html kód, budu rád: <div class="px-5"><div class="kimgRemovable mb-4 kimgRatio"><div class="align-content-center text-center"><div class="box-sizing" style="height: 300px"><div class="image"><img class="" src="data/files/navody-ke-stazeni/koboldvg100manual-sm.jpg"></div></div> <div class="koButtons"><a class="btn btn-primary" href="data/files/navody-ke-stazeni/koboldvg100-navodkpouziti-vorwerk.pdf">VG100</a></div></div> Onen obrázek .jpg je sice ve středu horizontálně, ale vertikálně se mi pořád zobrazuje nahoře onoho boxu, ale potřebuji jej zarovnat (umístit) do středu onoho boxu. Jde to nějak? díky
@acidofil
@acidofil Жыл бұрын
super shrnuti, diky za nej :)
@VzhurudoluCz
@VzhurudoluCz Жыл бұрын
- Kompletní příručka k flexboxu s odkazy na další vlastnosti: www.vzhurudolu.cz/prirucka/css-flex - Knížka „CSS: moderní layout“: www.vzhurudolu.cz/css-layout/ - Prázdný CodePen k vyzkoušení příkladu: codepen.io/machal/pen/BaRYjya - Výsledný CodePen: codepen.io/machal/pen/jOVVeVL
@latrodectusmactans9633
@latrodectusmactans9633 Жыл бұрын
Super podcast, super host a super, že už jdou na webu přidávat komentáře. To mi tam chybělo 😊
@VzhurudoluCz
@VzhurudoluCz Жыл бұрын
Díky za zprávu a oceňujeme dobrý postřeh. Ano, na Vzhůru dolů je možné nově komentovat. ;)
@ZeptejSeFilipa
@ZeptejSeFilipa Жыл бұрын
Moc pěkný návod!
@petrvalenta8835
@petrvalenta8835 Жыл бұрын
Dobře zvolené a hlavně aktuální téma, a moc hezky zpracované. Díky za video Martine! 👍
@jirichlebus
@jirichlebus Жыл бұрын
Fajn video. A díky za zmínku mého článku 👍
@VzhurudoluCz
@VzhurudoluCz Жыл бұрын
Další odkazy: - Článek Jiřího Chlebuse: blog.jirichlebus.cz/2019/11/18/jak-tvorit-systematicke-barvy-pro-digitalni-produkty/ - Podpora LCH: caniuse.com/css-lch-lab
@adamjosefus
@adamjosefus Жыл бұрын
Ten zvuk pánové, ten zvuk... ÁÁÁÁÁÁ
@Tomsrb
@Tomsrb Жыл бұрын
Urvu si usi!
@petrhejda1668
@petrhejda1668 2 жыл бұрын
Nové a staré vlny ve 14:40 je všeobecný poznatek - týká se to podle mě i vývojářů jako takových (i Iťáků), vznikají tady další generace a některé nástroje a programy, které tady využíváme vytvořila (započala) generace před námi - což je pěkné a super (myslím, že i generačně si máme tedy co říct...). Takže dva vývojáři si můžou navzájem nezávisle na generaci a trendu říkat, jak to tvořili oni a jak se to tvoří spíše dneska...
@mariankohn8411
@mariankohn8411 2 жыл бұрын
Ďakujem, že ste a že som mal tú česť po dlhej dobe vidieť legendu českého internetu Marka Prokopa. ;-)
@michal.katuscak
@michal.katuscak 2 жыл бұрын
Díky za tipy! A hlavně video 🙂
@patrikkeblusek287
@patrikkeblusek287 2 жыл бұрын
Mňa tento dotazník strašne otrávil tým aký bol dlhý a po ďalšie, CSSkami sa živím ale tento dotazník plný stovkami zbytočných super-moderných selektorov, funkcií... som teda nedával. Poslednú časť som iba rýchlo preklikal, aby som mal to peklo už za sebou, vtedy som si odprisahal, že tento dotazník už nikdy viac :).
@absolutmachal
@absolutmachal 2 жыл бұрын
Ony ty nové funkce úplně zbytečné nejsou, ale chápu… pokud člověka nezajímají všechny detaily moderního CSS, pak to opravdu může být otrava procházet.
@VzhurudoluCz
@VzhurudoluCz 3 жыл бұрын
→ Epizoda na webu: www.vzhurudolu.cz/podcast/203-podcast-container-queries Nalaďte si nás. Nebo nám dejte nějaké ty hvězdičky, pokud už jste naladění. - Apple: podcasts.apple.com/cz/podcast/vzh%C5%AFru-dol%C5%AF-podcast/id1176274658 - Spotify: open.spotify.com/show/1G2kH2YrIwD9BABg4L7xGC - Google: podcasts.google.com/feed/aHR0cHM6Ly9jYXN0LnJvY2tzL2hvc3RpbmcvMTA4OTMvZmVlZHMvQkNIVDcueG1s?sa=X&ved=0CAMQ4aUDahcKEwiAqZW-3evyAhUAAAAAHQAAAAAQAQ&hl=cs
@amidfallen
@amidfallen 3 жыл бұрын
Děkuji za skvělá videa, gratuluju k překročení mety 666 odběratelů a doufám, že se mužeme těšit na více podobného obsahu :)
@vinannnnn
@vinannnnn 3 жыл бұрын
Děkuji Vám Martine a Robine za to, co spolu tvoříte. Za osvětu, kterou sdílíte se světem. V dnešním světě i v odborné branži prezentuje videa a články mnoho lidí. KZbinři nebo přednášející už obecně u mne autoritu ztratili. Leckterý vývojář v pozadí je daleko rozumnější, než valná část lidí, která se veřejně prezentuje (bohužel takové lze najít třeba i na Frontendistech.cz). Po těch mnoha letech už neposlouchám všechno a všude. Ale vaše úvahy jsou inspirující pořád a stále. A já se na ně mohu spolehnout v tom smyslu, že dávají skoro vždy smysl a inspirují k velmi funkčním řešením. To oceňuji jako vývojář, který má těžiště sice trochu jinde, ale chci mít rozumný přehled a dobře implementovat i webdesign...
@absolutmachal
@absolutmachal 3 жыл бұрын
Díky moc za komentář, který povzbudí do další práce! :) Když byste měl chuť rozebrat více tu myšlenku o Frontendistech, klidně soukromě do [email protected]… budu vděčný! Každý názor pomůže.
@IcMichal
@IcMichal 3 жыл бұрын
Podobnost kódu s JSDoc syntaxí a Typescriptem je velká, automatizované nástroje co mají rozpoznat programovací jazyk podle kódu v tomhle často selhávají. Třeba npm ( s jejich npmjs.com ) rád označuje za Typescript kód v obyčejném javascriptu jen podle JSDoc anotací.
@absolutmachal
@absolutmachal 3 жыл бұрын
Bezva, díky za doplnění. A je to hlas pro Rikiho nebo Robina? :-)
@IcMichal
@IcMichal 3 жыл бұрын
@@absolutmachal obecně budu asi na straně Robina, né že bych si tím byl skálopevně jistý, v TS jsou věci co jsem si neoblíbil, jako třeba obří řetězce HTML tagů přímo v JS. Ale souhrnně podle mě výhody převažují :)
@shane_p
@shane_p 4 жыл бұрын
Ta Lego 75159 Hvězda smrti - Good 👍
@robinpokorny
@robinpokorny 4 жыл бұрын
Dobrý postřeh 😊
@shane_p
@shane_p 4 жыл бұрын
@@robinpokorny jj, jak jde o Lego, tak si všímám :D Jinak jsem váš rozhovor přidal do našeho vzdělávacího newsletteru z affil sítě eHUB.cz. Bude rozesílán zítra.
@TadeasKubat
@TadeasKubat 4 жыл бұрын
Díky za zajímavé povídání pánové. Znáte třeba kontent.ai? Umí všechno co Marek vyjmenovává a je i to Jamstack cmsko. A je z Brna :-) Akorát teda taky běží v cloudu, což ale spoustě zákazníků nevadí.
@VzhurudoluCz
@VzhurudoluCz 4 жыл бұрын
Dky, známe a fandíme. :-)
@pepapiskotu6835
@pepapiskotu6835 4 жыл бұрын
Super článek. Pochopilo to dokonce i játro jako jsem já. Video taky v pohodě. Jediné co mi to v terminálu nedělá, tak je vypsání těch adres, ale to není až takový problém.
@erik-bs6387
@erik-bs6387 4 жыл бұрын
Trošku nahlas pls ale dobrý videjko
@enviroglobals.r.o.9664
@enviroglobals.r.o.9664 4 жыл бұрын
Dobrý den, existuje nějaký plugin pro WordPress, který by přístupnost řešil automaticky?
@IcMichal
@IcMichal 4 жыл бұрын
Komentáře zvyšují dosah videa, včetně těch zbytečných a spamových :D
@VzhurudoluCz
@VzhurudoluCz 4 жыл бұрын
To je dobře, tímpádem rádi odpovídáme! :-)
@ThomasCoastline
@ThomasCoastline 4 жыл бұрын
Co si myslis o tzv. skeleton-loaderech? To je v podstate placeholder pro takovyto obsah. U nas krom , carousel je pain treba ajaxove nacitani filtru a vysledku, kdy se na zaklade filtrovani uzivatele meni dostupnost dalsiho filtrovani, ktere dava smysl cili sloupec s filtry tak podivne poskakuje a vzdy se to zabali na loader pak zas rozbali a neni to idealni. Premyslim prave nad skeleton-loaderem a obdobne pak pro ruzne thumbnaily atp.
@absolutmachal
@absolutmachal 4 жыл бұрын
Ano, to je správná cesta. Dám sem odkaz, pokud by to zajímalo někoho dalšího: uxdesign.cc/what-you-should-know-about-skeleton-screens-a820c45a571a
@ThomasCoastline
@ThomasCoastline 4 жыл бұрын
Skvely tutorial! Diky
@absolutmachal
@absolutmachal 4 жыл бұрын
Díky moc!
@atanajya
@atanajya 4 жыл бұрын
Jste super a děkuji :-) za pár dnů budu řešit web pro ZŠ a rozhodně jej chci zpracovat kompletně pro AA pravidla :-)
@IcMichal
@IcMichal 5 жыл бұрын
19:00 asi tolik neznám wordpressové šablony, ale k čemu tam jQuery? Ajaxové načítání obsahu, validace formulářů a takové, to je součástí šablony?
@absolutmachal
@absolutmachal 5 жыл бұрын
Nejde vůbec o technický pohled, ale o to, co potřebují, chtějí a umí autoři těch šablon. Z druhé strany - lidí, kteří ty šablony používají - přitom neexistuje IMHO skoro žádný tlak na to, aby to autoři šablon bez jQuery zkusili. Takhle je to i ve většině jiných oborů, kde jQuery pořád má své místo. Prostě lidi nemají žádný velký důvod jQuery nahradit.
@IcMichal
@IcMichal 5 жыл бұрын
Ještě se mi líbí možnost vyplnit volné místo do kterého se má načíst obrázek nějakou nejběžnější (průměrem) barvou co se na obrázku vyskytuje, případně dokonce gradientem několika barev. To už ale chce server-side technologii, co tohle zjistí a stejný (vlastně tedy ještě větší) problém jako s poměry stran… to že to musím nějak předat ať už pomocí css proměnných nebo inline-ovaným stylem.
@VzhurudoluCz
@VzhurudoluCz 5 жыл бұрын
Problematiku probíráme také na kurzu Optimalizace rychlosti webu: www.vzhurudolu.cz/kurzy/rychlost-nacitani
@matty_kunc
@matty_kunc 5 жыл бұрын
Supr video, rozhodně budu vděčný za další obsah :)
@IcMichal
@IcMichal 5 жыл бұрын
9:00 11 prvků předchozí kategorie nepřebije 1 prvek aktuální kategorie, bylo to tak vždy? Vím, že se říkalo, že 11 už přebije, tak jestli je to chování prohlížečů změnilo, nebo to byla taková vývojářská "urban legend"? :)
@VzhurudoluCz
@VzhurudoluCz 5 жыл бұрын
Pokud vím, tohle byla opravdu vývojářská "urban legend". :)
@myfonj
@myfonj 5 жыл бұрын
@@VzhurudoluCz tak úplně urban legend to ve výsledku nebyla, jenom to číslo bylo reálně trochu větší, www.thecssninja.com/css/extreme-specificity To tedy nemění nic na tom, že specifikované to tak opravdu nebylo nikdy -- tohle býval jenom takový legrační implementační quirk, kterým si tehdy musel zdá se projít snad každý browser.