Vzhůru dolů

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 používá pro kódování libovolného grafického návrhu. O utility-first přístupu jsme diskutovali v kontextu component-first frameworků, jako je Bootstrap...

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 zaměříme na to, abychom poněkud vágní definici upřesnili. Obsah Obsah je stále král Kdy se to začne nasazovat? Signály, které do Page Experience...

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 Webflow. MP3 ke stažení Host: Jan Řezáč Zajišťuje, aby firmy dělaly digitální projekty smysluplně. Napsal Web ostrý jako břitva – první českou ...

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 dokonce známo, jaký program na vás čeká. Tohle mám totiž na starosti já. Na jaké přednášky se můžete těšit? Tohle mám na komunitách rád. Že to ...

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 { background-image: image-set( "obrazek.png" 1x, "vetsi-obrazek.png" 2x ); } Od února 2021 tento zápis podporuje Firefox (zatím ve verzi Nightly). Dík...

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í JavaScriptu zasíláním HTML namísto JSON, říká text na titulce. Hotwire jde proti aktuálnímu trendu javascriptových klientských aplikací (SPA), které ...

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 vzdávat zodpovědnosti za správu značek na svých webech. Základním účelem správců značek (tag managerů) je snadná správa značek (tagů). V případě w...

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. Podle všech vyjádření z Googlu, které jsem měl možnost číst, nepůjde o velký revoluční posun a pokud nemáte obzvlášť pomalý web, asi se nemusíte bát. V každém případě se ale mít rychlý web vyplatí. ...

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 stránkách. Container Queries přistály v Chrome Canary. Je fakt mazec, jak jde ten vývoj rychle.https://t.co/pLFKHnBs55— Martin Michálek (@machal) April ...

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 příjemný poslech. MP3 ke stažení Host: Eva Kuttichová Eva je produktová a interakční designérka na volné noze. Pracuje pro americké startupy a jak...