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-builder2 ай бұрын
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
@spazef0rze2 ай бұрын
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ší.
@VzhurudoluCz2 ай бұрын
Více o obsahu i Michalovi je zde: www.vzhurudolu.cz/podcast/251-podcast-michal-spacek
@Mr.Cuboid4 ай бұрын
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.
@VzhurudoluCz4 ай бұрын
Audio verze by měla být lepší: open.spotify.com/episode/3FvzRhUpm6cCERsNo4tflI?si=060b19275daf4300
@latrodectusmactans96334 ай бұрын
Super podcast
@VzhurudoluCz4 ай бұрын
Některé zásadní myšlenky z videa a všechny možné odkazy najdete zde: www.vzhurudolu.cz/blog/248-podcast-ilincev
@martinkrsik22088 ай бұрын
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áš.
@martinkrsik22088 ай бұрын
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.
@absolutmachal8 ай бұрын
To mám radost. :) Tady jsou další, dříve natočené, webináře. kzbin.info/aero/PLIdlKRR9lxIdE7CmSnbIad2xoPzG3zijg
@xopabyteh9 ай бұрын
Super :-)
@absolutmachal9 ай бұрын
Děkujeme!
@vn6469 ай бұрын
Htmhell sleduju. A vás taky😎
@absolutmachal9 ай бұрын
To máte samé dobré zdroje! 😅 Každopádně děkujeme.
@lakevibe10 ай бұрын
'JpgCrush' pro kompresi JPEG
@MikiGerlasinsky10 ай бұрын
Díky. DÍKY. DÍKY!!!
@mikulaszacok759410 ай бұрын
dakujem, super prednaska, sice pozeram ze je to asi starsie, ale zaujimave
@VzhurudoluCz9 ай бұрын
Ano, všechny tyto přednášky jsou staršího data. Zveřejňujeme zdarma placené kurzy, pro podporu komunity.
@PavelGracias-pj4mi10 ай бұрын
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.boucek10 ай бұрын
Prosím, je možné zveřejnit odkaz na prezentaci? jsou v ní odkazy na užitečné nástroje.
@absolutmachal10 ай бұрын
Ano, dodáme to. Jen prosím o chvilku strpení. Je potřeba ty podklady probrat s lektory.
@VzhurudoluCz9 ай бұрын
Nově jsou podklady doplněné ke všem popiskům záznamů webinářů.
@brablc10 ай бұрын
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.
@absolutmachal10 ай бұрын
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.
@brablc10 ай бұрын
Ř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 Жыл бұрын
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 Жыл бұрын
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 Жыл бұрын
Odkaz na celý podcast je zde: www.vzhurudolu.cz/podcast/229-podcast-qwik
@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 Жыл бұрын
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 Жыл бұрын
@@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 Жыл бұрын
super shrnuti, diky za nej :)
@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 Жыл бұрын
Super podcast, super host a super, že už jdou na webu přidávat komentáře. To mi tam chybělo 😊
@VzhurudoluCz Жыл бұрын
Díky za zprávu a oceňujeme dobrý postřeh. Ano, na Vzhůru dolů je možné nově komentovat. ;)
@ZeptejSeFilipa Жыл бұрын
Moc pěkný návod!
@petrvalenta8835 Жыл бұрын
Dobře zvolené a hlavně aktuální téma, a moc hezky zpracované. Díky za video Martine! 👍
@jirichlebus Жыл бұрын
Fajn video. A díky za zmínku mého článku 👍
@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 Жыл бұрын
Ten zvuk pánové, ten zvuk... ÁÁÁÁÁÁ
@Tomsrb Жыл бұрын
Urvu si usi!
@petrhejda16682 жыл бұрын
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...
@mariankohn84112 жыл бұрын
Ďakujem, že ste a že som mal tú česť po dlhej dobe vidieť legendu českého internetu Marka Prokopa. ;-)
@michal.katuscak2 жыл бұрын
Díky za tipy! A hlavně video 🙂
@patrikkeblusek2872 жыл бұрын
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 :).
@absolutmachal2 жыл бұрын
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.
@VzhurudoluCz3 жыл бұрын
→ 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
@amidfallen3 жыл бұрын
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 :)
@vinannnnn3 жыл бұрын
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...
@absolutmachal3 жыл бұрын
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.
@IcMichal3 жыл бұрын
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í.
@absolutmachal3 жыл бұрын
Bezva, díky za doplnění. A je to hlas pro Rikiho nebo Robina? :-)
@IcMichal3 жыл бұрын
@@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_p4 жыл бұрын
Ta Lego 75159 Hvězda smrti - Good 👍
@robinpokorny4 жыл бұрын
Dobrý postřeh 😊
@shane_p4 жыл бұрын
@@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.
@TadeasKubat4 жыл бұрын
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í.
@VzhurudoluCz4 жыл бұрын
Dky, známe a fandíme. :-)
@pepapiskotu68354 жыл бұрын
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-bs63874 жыл бұрын
Trošku nahlas pls ale dobrý videjko
@enviroglobals.r.o.96644 жыл бұрын
Dobrý den, existuje nějaký plugin pro WordPress, který by přístupnost řešil automaticky?
@IcMichal4 жыл бұрын
Komentáře zvyšují dosah videa, včetně těch zbytečných a spamových :D
@VzhurudoluCz4 жыл бұрын
To je dobře, tímpádem rádi odpovídáme! :-)
@ThomasCoastline4 жыл бұрын
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.
@absolutmachal4 жыл бұрын
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
@ThomasCoastline4 жыл бұрын
Skvely tutorial! Diky
@absolutmachal4 жыл бұрын
Díky moc!
@atanajya4 жыл бұрын
Jste super a děkuji :-) za pár dnů budu řešit web pro ZŠ a rozhodně jej chci zpracovat kompletně pro AA pravidla :-)
@IcMichal5 жыл бұрын
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?
@absolutmachal5 жыл бұрын
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.
@IcMichal5 жыл бұрын
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.
@VzhurudoluCz5 жыл бұрын
Problematiku probíráme také na kurzu Optimalizace rychlosti webu: www.vzhurudolu.cz/kurzy/rychlost-nacitani
@matty_kunc5 жыл бұрын
Supr video, rozhodně budu vděčný za další obsah :)
@IcMichal5 жыл бұрын
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"? :)
@VzhurudoluCz5 жыл бұрын
Pokud vím, tohle byla opravdu vývojářská "urban legend". :)
@myfonj5 жыл бұрын
@@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.