Zach Leatherman @zachleat.com · 8hthe film American Pie studied this phenomenon through the lens of the American experience in great detail and to great effect, if I remember correctly (in retrospect I probably don’t remember correctly) 170
Reposted by Zach LeathermanJovi 🐨 @jovidecroock.com · 13hPreact 11 is out 🎉 We’ve been hard at work at making our diffing use modern features like moveBefore , leveraging ESM for tree-shaking Preact Compat and ensuring you have a great experience with resumed hydration. 59220
Reposted by Zach LeathermanKilian Valkhof @kilianvalkhof.com · 29/09/2026Working on an infinite canvas is just so, so smooth. 1193
Zach Leatherman @zachleat.com · 29/09/2026<wa-combobox allow-create multiple> is *rad* webawesome.com/docs/compone...webawesome.comCombobox | Web AwesomeComboboxes combine a text input with a listbox, allowing users to filter and select from predefined options or enter custom values. 060
Reposted by Zach LeathermanKathryn Grayson Nanz @kgrayson.com · 28/09/2026"Front-end web developers have lived through a few cycles of this...sold as though improvements to developer experience would cause the reanimated corpse of Ronald Reagan himself to ask you for commit access to ship trickle-down improvements to user experience." www.zachleat.com/web/ai-websi...zachleat.com“AI, make the website good”—zachleat.comA post by Zach Leatherman (zachleat) 072
Zach Leatherman @zachleat.com · 29/09/2026does this also explain why AI company web sites are all slow 230
Reposted by Zach LeathermanKilian Valkhof @kilianvalkhof.com · 29/09/2026hold up when did example.com get a redesign?!example.comExample Domain 105714
Reposted by Zach LeathermanÁlvaro Montoro @alvaromontoro.com · 29/09/2026The W3C released a new HTML element out of nowhere. It was the element of <surprise>. 27215
Reposted by Zach LeathermanManuel Matuzović @matuzo.at · 28/09/2026This advent calendar is your chance to share your knowledge with a large audience. You have 5 more days to submit your ideas. First-time authors are welcome! 01720
Zach Leatherman @zachleat.com · 28/09/2026(ah, yeah I just just kidding around with that last one 😅) 110
Reposted by Zach LeathermanGrace @gracekind.net · 25/09/2026This is complete vibecoded slop, I’m sorry 3958748
Zach Leatherman @zachleat.com · 25/09/2026the awkward part of this post is that if these companies improve the performance of their websites it will change the meaning of the post (the filmstrips update over time) so far I’m about 5% worried about it 080
Reposted by Zach LeathermanCory Rylan @coryrylan.com · 12/09/2026NVIDIA Elements #WebComponentsgithub.comGitHub - NVIDIA/elements: NVIDIA Design System and UI Agent Harness for AI/ML Factories, Robotics, and Autonomous VehiclesNVIDIA Design System and UI Agent Harness for AI/ML Factories, Robotics, and Autonomous Vehicles - NVIDIA/elements 074
Reposted by Zach LeathermanBen Schwarz @benschwarz.bsky.social · 25/09/2026Credit where it's due. Frontier tops the airline benchmark, and has trimmed LCP from 3.29s to 2.60s over 9 months. Small, steady wins. Ryanair has been quietly shipping perf improvements since I wrote about their redesign in 2015. A decade of discipline. 172
Reposted by Zach LeathermanAhmad Shadeed @ishadeed.com · 24/09/2026✍️ New Article: Detect when elements overlap with CSS Can CSS tell when two elements overlap? At first, I thought this was not possible, but it turned out it can be done with scroll-driven animations and anchor positioning. ishadeed.com/article/css-...ishadeed.comDetect when elements overlap with CSSDetecting when two elements overlap using only CSS anchor positioning and scroll-driven animations. 57419
Reposted by Zach LeathermanBob Monsour @bobmonsour.com · 24/09/202611ty Bundle Issue 94 @11ty.dev11tybundle.devTopic relations, Highlight that code, Brennan builds faster, Self-inflicted debugging11ty Bundle Issue 94 082
Zach Leatherman @zachleat.com · 24/09/2026is candy corn was really corn they would have used it to make ethanol by now 260
Zach Leatherman @zachleat.com · 23/09/2026Aw dang, sad to see your website sign off here! Definitely a staple in the dev world! Hope you stick around on socials! 121
Reposted by Zach LeathermanBryce Wray @brycewray.com · 23/09/2026Post > Eight years, and done • And I am aware this is not an airport.brycewray.comEight years, and done | BryceWray.comAnd I am aware this is not an airport. 491
Reposted by Zach LeathermanJake Archibald @jakearchibald.com · 23/09/2026I've proposed "progressive image rendering" as a focus area for Interop 2027, so we can get progressive JPEG XL support in Safari, and progressive AVIF support in both Safari and Firefox. github.com/web-platform...github.comProgressive image rendering for JPEG XL and AVIF · Issue #1459 · web-platform-tests/interopDescription When we looked into JPEG XL, I asked developers why they were interested in the format, and the most common answer was "progressive rendering". This is now working in Firefox and Chrome... 3629
Reposted by Zach LeathermanMark Watson @watsoncomedian.bsky.social · 23/09/2026If you're designing a website for a restaurant, my tip would be: making it easy to find the menu is important, a 30-year breakdown of the founder's original vision and evolving philosophy less important. 1452220177
Reposted by Zach LeathermanPaul Kinlan @paul.kinlan.me · 23/09/2026Great seeing responsively sized iframes landing in Chrome - developer.chrome.com/blog/respons... In my post "The browser is the sandbox", I said: "We need a way to size the outer-iframe (or iframes in general) that doesn’t rely on access to iframe.[...].innerHeight and sandbox='allow-same-origin'"developer.chrome.comResponsive iframes in Chrome 154 | Blog | Chrome for DevelopersChrome 154 adds support for responsively-sized iframes, letting an iframe size itself based on the intrinsic size of its embedded document. 3298
Reposted by Zach LeathermanBramus @bram.us · 22/09/2026Another week, another package: show-keystrokes.netlify.app The native app I typically use to display keystrokes on the screen is disallowed by a corp policy. So I wrote a component to fill that gap. Embed it on your site and you’re good to go.show-keystrokes.netlify.app<show-keystrokes> – Keystroke & Shortcut VisualizerA custom element that visualizes keystrokes, keyboard shortcuts, and navigational keys with macOS/Windows support and customizable themes. 58112
Zach Leatherman @zachleat.com · 23/09/2026100% I would also explicitly add: “Can we do without it?” 😅 030
Reposted by Zach LeathermanZach Leatherman @zachleat.com · 22/09/2026“AI, make the website good” www.zachleat.com/web/ai-websi...zachleat.com“AI, make the website good”—zachleat.comA post by Zach Leatherman (zachleat) 85110
Reposted by Zach Leathermanbeyond tellerrand @beyondtellerrand.com · 23/09/2026Aaand we continue the list of lovely people that show up at the #btconf Düsseldorf speaker page for 2027. Please say HELLO and WELCOME to Mr. Roel Nieskens. 🤗 beyondtellerrand.com/events/dusse...beyondtellerrand.comRoel Nieskens: Speaker at beyond tellerrand in Düsseldorf 2027Roel Nieskens is an independent developer from the Netherlands who loves the web, fonts, webfonts and all combinations thereof. Under the name PixelAmbacht he does front-end development and (web)font ... 0105
Zach Leatherman @zachleat.com · 22/09/2026(the original context was regarding self hosting a webcomic, fwiw: bsky.app/profile/hika...) 020
Zach Leatherman @zachleat.com · 22/09/2026now we must debate the utility of the lowly cockroach! 😅 110
Zach Leatherman @zachleat.com · 22/09/2026“take power into your own hands and make a website that much like a cockroach, can survive” — @hikatamika.com 2130