Reposted by Tim WuytsEd Morrish @edmorrish.com · 24/09/2026my kids are so much better than ai; they don’t even need to be told to “ignore all previous instructions”, they just do it 120641
Reposted by Tim WuytsWeb Standards @web-standards.dev · 22/09/2026Responsive iframes in Chrome 154. Sebastian Benz and Bramus introduce frame-sizing, a CSS property that sizes an <iframe> to its content, with a <meta> element opt-in and window.requestResize() for later updates. #html #css developer.chrome.com... 3329
Reposted by Tim WuytsSam Rose @samwho.dev · 13/08/2026This might be the most beautiful thing I've read in my life. What a privilege to be alive in 2026. ordinaryabundance.comordinaryabundance.comOrdinary AbundanceA walk through a modern apartment, through the eyes of the people for whom everything in it was new. 13593221
Reposted by Tim WuytsCSS by T. Afif @css-only.dev · 18/08/2026An interactive demo showing how all the values adjust in real time as the grid is resized. codepen.io/t_afif/full/... via @codepen.io All the values are integers, so you can use counters to display them. 1599
Reposted by Tim WuytsAndré Ruffert @andreruffert.com · 20/08/2026A framework-agnostic, customizable toast library built around modern web platform primitives: Popover API, View Transitions, native DOM/events, CSS. With progressive enhancement and fallbacks when newer APIs aren't available. toast-queue.js.orgtoast-queue.js.orgtoast-queue — Accessible, customizable toast notificationsAccessible toast notifications for modern web apps. A framework-agnostic JavaScript library with progressive enhancement, sensible core styles, and optional CSS presets. 0264
Reposted by Tim Wuytskottke.org @kottke.org · 24/08/2026Meat proxy (noun): “A person who forwards AI-generated text, code, or other output without reading, understanding, or validating it. The person acts only as a relay between the AI system and the intended recipient.” [sfisms.org]sfisms.orgMeat proxyA person who forwards AI-generated text, code, or other output without reading, understanding, or validating it. The person acts only as a relay between the AI system and the intended recipient. 14739331
Reposted by Tim WuytsChris Coyier @chriscoyier.net · 24/07/2026I didn't realize that if, say, you have a `box-shadow`, then a @keyframes animation applied to the same element and also applied a `box-shadow`, you can get them to stack on top of each other with `animation-composition`. master.dev/blog/using-a...master.devUsing `animation-composition` in CSS to Avoid Redeclaring Other ValuesHere's an example. You can list multiple comma-separated box-shadows, but if you apply a *new* box-shadow, it overrides anything set before. Not true here. 0231
Reposted by Tim WuytsBrent Morton @b.1mind.dev · 11/07/2026Unlock a CSS super power with named grid lines! You can even combine with grid template areas for some truly amazing control over complex designs. Read Ryans article for my favorite layout wrapper technique. You can also watch @kevinpowell.co go over it in this video. youtu.be/c13gpBrnGEwyoutu.beA new approach to container and wrapper classesYouTube video by Kevin Powell 0175
Reposted by Tim WuytsJen Simmons @jensimmons.bsky.social · 10/06/2026Interested in CSS Grid Lanes? We just launched the Field Guide to Grid Lanes! gridlanes.webkit.org It’s got everything you need in a fun interactive playground + tons of demos. (And read about the Field Guide at: webkit.org/blog/18098/i...) #CSSDay #wwdc26 #CSSgridlanes.webkit.orgThe Field Guide to CSS Grid LanesLearn Grid Lanes to create masonry layouts in pure CSS. Absorb the possibilities with the Field Guide’s interactive playground. Return to the cheat sheet. Get inspired by six real examples with dozens... 814230
Reposted by Tim WuytsCSS-Tricks* @css-tricks.bsky.social · 18/05/2026Lots of moving parts with cross-doc view transitions, and plenty that can go wrong. I struggle with them for sure but this post has helped a lot. css-tricks.com/cross-docume... And a second part coming next week!css-tricks.comCross-Document View Transitions: The Gotchas Nobody Mentions | CSS-TricksThis is Part 1 of a two-part series about cross-document view transitions, going over all the gotchas, from ditching the deprecated way to opt into them to a little-known 4-second timeout. 0151
Reposted by Tim WuytsAddy Osmani @addyosmani.bsky.social · 18/03/2026We talk about the speed AI coding tools give us. We don't talk enough about the hidden cost: Comprehension Debt. addyosmani.com/blog/compreh... ✍ I cover my thoughts on this in a new write-up.addyosmani.comComprehension Debt - the hidden cost of AI generated code. 58729
Reposted by Tim WuytsJosh W. Comeau @joshwcomeau.com · 28/04/2026✨ I just published a brand-new blog post! It digs into one of my favourite modern CSS features, the Animation Timeline API. We explore how to create rich scroll-driven animations without JS. I share the little gotchas to watch out for + some of the more advanced things you can do with this API. 😄joshwcomeau.comScroll-Driven Animations • Josh W. ComeauThe new Animation Timeline API allows us to create dynamic scroll animations without any JavaScript! It’s honestly a very lovely API, and in this blog post, we’ll explore some of the super cool things... 49418
Reposted by Tim WuytsCSS-Tricks* @css-tricks.bsky.social · 09/02/2026Can we make pie chart that's semantic, written with flexible markup, and avoids using expensive JavaScript libraries? @monknow.bsky.social takes a noble shot at it. 🥧 css-tricks.com/trying-to-ma...css-tricks.comTrying to Make the Perfect Pie Chart in CSS | CSS-TricksCan we make pie chart that's semantic, with flexible markup, and avoids using a JavaScript library? Here's how I tackled it. 072
Reposted by Tim WuytsCSS by T. Afif @css-only.dev · 11/02/2026📝 New CSS Article! If you want to understand the magic behind that elastic effect, check my latest article @frontendmasters.com frontendmasters.com/blog/how-to-... Not really useful effect, but you might learn more about new CSS features.frontendmasters.comHow to Create a CSS-only Elastic Text EffectWhat can we say except BOINNNGGG BOINNGGGGGG. 1327
Reposted by Tim WuytsBramus @bram.us · 20/04/2026I always wondered how we could make the speed of the horizontal strip match the vertical scrollspeed, and this aspect-ratio approach solves exactly that … nice! 🤩 1112
Reposted by Tim WuytsHarry Roberts @csswizardry.com · 07/05/2026I’ve been working with a client who runs a lot of social media and ad campaigns, so we’ve been deploying the experimental `No-Vary-Search HTTP` header. It’s amazing to see it actually working! Read all about it here: csswizardry.com/2026/05/bett...csswizardry.comBetter Browser Caching with No-Vary-Search – CSS WizardryNo-Vary-Search lets HTTP caches ignore irrelevant query parameters such as UTM tags, while still keeping meaningful ones like product variants in the cache key. 46827
Reposted by Tim WuytsStuart Robson @sturobson.com · 19/02/2026trying to remember if I knew that list-style-image was a thing or not … but here's @clagnut.com with a (really) in-depth guide to customising lists with CSS on @piccalil.li piccalil.li/blog/an-in-d...piccalil.liAn in-depth guide to customising lists with CSSRichard Rutter helps you to make sense of list-style, list-item, ::marker, counters(), counter(), @counter-style, symbolic, symbols(), symbols and more to push your HTML and CSS lists to the next leve... 0123
Reposted by Tim WuytsJames @43081j.com · 23/05/2026the replacements.fyi site now lets you drop a package.json into it to see which dependencies can be replaced with native functionality, or more performant choices 🎉 17538107
Reposted by Tim WuytsAdrian Roselli, pH0 @aardrian.bsky.social · 09/02/2026“Honoring Mobile OS Text Size” adrianroselli.com/2026/02/hono... Looks at the new HTML thing proposed from CSSWG (yeah, not confusing) and tries to merge Safari’s propriety hack with Google’s CSSWG proposal and Canary implementation. Firefox just works. #HTML #CSS #accessibility #a11yadrianroselli.comHonoring Mobile OS Text SizeIf your users scale the text size in Android or iDeviceOS, that doesn’t always affect the size of text on a web page. It’s a function of browser and authored code, as opposed to a standardized approac... 052
Reposted by Tim WuytsUna Kravets @una.im · 13/03/2026While contrast-color() only returns black or white, there are workarounds! Register a custom property & you can use style queries for full color palette customization (test the contrast yourself!) You can also use the contrast value inside color-mix() to make a color tint. una.im/advanced-con... 49611
Reposted by Tim Wuytsrem / Remy Sharp @remysharp.com · 01/05/2026This blog post is so short it (is) a social post. remysharp.com/2026/05/01/d... But if I don't blog it, I'll forget it. Huge thanks to @keithamus.social for sharing it.remysharp.comdevtools: how to query through the shadow DOMdevtools: how to query through the shadow DOM 2248
Reposted by Tim WuytsJosh W. Comeau @joshwcomeau.com · 18/05/2026🚨 Cool project alert: Bloom, a React component that generates an SVG highlight with a hand-drawn aesthetic. ✨ github.com/yeunoia/bloom 2824
Reposted by Tim WuytsAlistair Davidson @moh-kohn.eurosky.social · 10/06/2026**succumbs to peer pressure** www.mohkohn.co.uk/writing/html...mohkohn.co.ukHow building an HTML-first site doubled our users overnightMy client was a utility company, and they had a big problem... 45620
Reposted by Tim WuytsHarry Roberts @csswizardry.com · 26/06/2026A great, succinct, informative write up from my pal @matuzo.at! Context-aware headings in HTML: www.matuzo.at/blog/2026/co...matuzo.atContext-aware headings in HTML - Manuel MatuzovicI’m a frontend developer, consultant, accessibility auditor, blogger, teacher, and book author from Austria. 082
Reposted by Tim WuytsSarah Drasner @sarahedo.bsky.social · 20/05/2026💥 Play with it here: webmcp-demo-sdras.netlify.appwebmcp-demo-sdras.netlify.appWebMCP — Give agents tools, not DOMA side-by-side demo of how AI agents interact with web pages today versus a future where pages expose structured tools via WebMCP. 271
Reposted by Tim WuytsCSS-Tricks* @css-tricks.bsky.social · 10/02/2026The progress() function is sorta like clamp() but returns 1 or 0. Combine it with calc() and you can get weird with it. css-tricks.com/almanac/func... 0233
Reposted by Tim WuytsPaweł Grzybek @pawelgrzybek.com · 25/02/2026I like a lot this multi-level chat example by @kevinpowell.co youtu.be/lXS2P3xtAUY?...youtu.beA couple of great anchor positioning use casesYouTube video by Kevin Powell 0113
Reposted by Tim WuytsScott Tolinski @tolin.ski · 28/04/2026Dead code, duplication and drift are huge problems with coding with AI. You can't prompt this away. Lately I've been really loving Fallow to reign this in. www.youtube.com/watch?v=XLtu...youtube.comThis Coding Tool Kills AI Code SlopYouTube video by Syntax 1122
Reposted by Tim WuytsZach Leatherman @zachleat.com · 16/03/2026The 49MB Web Page thatshubham.com/blog/news-au...thatshubham.comThe 49MB Web PageA look at modern news websites. How programmatic ad-tech, huge payloads and hostile architecture destroyed the reading experience. 3349
Reposted by Tim WuytsPolypane. Browser for web devs @polypane.app · 08/04/2026We make good use of the Intl API in our app and on our website, so it was high time we did a Polypane-style deep-dive on it. Check out our new article, play around with the interactive examples or hear Kilian yap about it on video. Whatever works for you! polypane.app/blog/the-int...polypane.appThe Intl API: The best browser API you're not using | PolypaneChances are you've used Moment.js , date-fns , Luxon , or numeral.js at some point. Developers have relied on these libraries for years to format dates… 4179
Reposted by Tim WuytsSara Soueidan @sarasoueidan.com · 18/04/2026A *fantastic* article all about CSS containment: csswizardry.com/2026/04/what..., containing practical use cases, gotchas, performance and debugging tips. A goldmine of a resource from none other than the #CSS Wizard himself: @csswizardry.comcsswizardry.comWhat Is CSS Containment and How Can I Use It? – CSS WizardryCSS containment lets you isolate layout and paint work to self-contained ‘islands’. Here’s what each contain value does and how to use it safely. 27114
Reposted by Tim WuytsAaron Gustafson @aaron-gustafson.com · 22/04/2026Browsers crash. Tabs close. Life happens. Here’s a web component that saves form progress so your users don’t have to start over from scratch.aaron-gustafson.comNever Lose Form Progress Again :: Aaron GustafsonFew things are more annoying than losing your progress halfway through a form. Maybe the browser crashes. Maybe the tab gets closed. Maybe your kid yells from the other room and you come back three hours... 0207
Reposted by Tim WuytsDavid Bushell 🪿 @dbushell.com · 10/04/2026blogged: No-stack web development dbushell.com/2026/04/10/n... — a little heavy-handed but i say better to build up from nothing than immediately lock-in to fragile foundationsdbushell.comNo-stack web developmentThe one where I code artisanal organic free-range websites 2417
Reposted by Tim WuytsSindre Sorhus @sindresorhus.com · 08/04/2026Build your own HTTP client with fetch-extras Take only what you need. Tree-shakeable. Built on Fetch. Works in the browser, Node.js, etc. github.com/sindresorhus... 4676
Reposted by Tim WuytsAdam Argyle @nerdy.dev · 15/11/2024#CSS trick not enough folks know about: painting into the sub boxes of an element - border - padding - content you can paint into one, or all of them differently! here's a gradient border, a solid padding fill, and a gradient content (inner) box see fur yerself codepen.io/argyleink/pe... 619129
Reposted by Tim WuytsCodePen @codepen.io · 23/02/2026Out with :nth-child(), in with :sibling-index()! Just so satisfying to use. * no Firefox yet 514620
Reposted by Tim WuytsEvan You @evanyou.me · 13/03/2026Vite+ is open source under MIT and free for everyone. 417222
Reposted by Tim Wuytsabsolute horses @jcoglan.com · 01/06/2025LLMs turn your job into mostly code review, a task everyone famously loves to do and is good at 217835
Reposted by Tim Wuytschloe 🐇 @sapphic.moe · 02/03/2026this is so cool haptics.lochie.mehaptics.lochie.meWebHaptics – Haptic feedback for the mobile web.Haptic feedback for the mobile web. 1322446
Reposted by Tim WuytsAhmad Shadeed @ishadeed.com · 01/02/2026✍️ I wrote a short opinion piece about a pattern I keep seeing lately: switching to the smallest responsive layout too early. I call it The Too-Early Breakpoint. 🔗 ishadeed.com/article/too-...ishadeed.comThe Too Early BreakpointAn opinion on why we shouldn't switch to the smallest design too early. 59212
Reposted by Tim Wuytsrol4nd-css.bsky.social @rol4nd-css.bsky.social · 26/01/2026CSS Anchor Positioning is one of those features that instantly changes how you think about layout. I built a small demo connecting comments and replies using nothing but anchor() — no JS, no extra markup. 🧵 Relationships, not coordinates. rolandfranke.nl/frontend-sto...rolandfranke.nlDrawing Connections with CSS Anchor Positioning - Roland FrankeA practical exploration of CSS Anchor Positioning and the anchor() function to visually connect related elements without extra markup. 0207
Reposted by Tim WuytsJosh Tumath @joshtumath.uk · 27/01/2026Excitingly, Chrome Canary recently added support for <meta name="text-scaling"> behind a flag. What is it? It's something that we're all going to start using on our websites to improve accessibility. Here's a blog post with more info. www.joshtumath.uk/posts/2026-0...joshtumath.ukTry text scaling support in Chrome Canary - Josh Tumath 35118
Reposted by Tim WuytsUna Kravets @una.im · 29/01/2026The CSSWG just resolved to add this to the spec 🥳 github.com/w3c/csswg-dr...github.com[css-flexbox-2] Add flex-wrap: balance; · Issue #3070 · w3c/csswg-draftsWe discussed having a flex-wrap:balance value, similar to text-wrap:balance, to even out the length of pre-flexed lines. We should add to level 2. 815723
Reposted by Tim WuytsCSS Weekly @cssweekly.com · 28/01/2026Are you using the HTML autocomplete attribute on fields for 2FA, one-time codes, and web authentication? 🔒 Please do—it massively improves the login UX. 27317
Reposted by Tim WuytsFronteers @fronteers.bsky.social · 27/01/2026The date is set, so mark your calendars! On Thursday 12 March we are relaunching Fronteers Belgium 🚀 This event will be hosted by Craftzing at their office in Ghent. More info soon! 🎟️ RSVP: www.meetup.com/fronteers-be... #frontendmeetup #betech #frontenddevmeetup #fronteersBelgiummeetup.comFronteers BE at Craftzing Ghent, Thu, Mar 12, 2026, 6:00 PM | MeetupOn Thursday 12 March, we're kicking off the Fronteers Belgium meetups again! For this first edition we are being hosted by [Craftzing](https://www.craftzing.com/), a digit 002
Reposted by Tim WuytsAdam Argyle @nerdy.dev · 23/01/2026a powerful #CSS transition technique enters the ring: Anchor Interpolated Morphing (AIM) nerdy.dev/anchor-inter... 6878
Reposted by Tim WuytsPaul Hebert @haul-pebert.bsky.social · 18/01/2026I'm officially a curmudgeon. Here's a rant about the Shadcn component library and how over-complicated its radio buttons are: paulmakeswebsites.com/writing/shad... (Inspired by this week's work frustrations lol) #WebDev #CSS #HTML #JavaScriptpaulmakeswebsites.comThe Incredible Overcomplexity of the Shadcn Radio ButtonRadio buttons are built into web browsers. Why are we using a UI library that wraps another UI library that rebuilds radio buttons from scratch? Why does rendering a radio button require multiple depe... 99118
