--- title: "The end of srcset/sizes headaches is here" publication: "Frontend Focus" issue: 739 published_at: "2026-04-29" canonical_url: "https://frontendfoc.us/issues/739" --- Plus, experimenting with the Animation Timeline API, a font to render inline charts, and what's new to the web platform in April 2026. Together with [![Shaders\](https://res.cloudinary.com/cpress/image/upload/c_fill,g_auto,e_trim,w_1280,h_254/e_make_transparent/co_white,e_outline:7/lp79vjw5tnrxzg88ktbd.png)](https://shaders.com?utm_source=content-syndication&utm_medium=referral&utm_campaign=frontend-focus-newsletter) 🚀 **Frontend** Focus #​739 — April 29, 2026 | [Read on the web](https://frontendfoc.us/issues/739) [![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60,q_auto/v1777462238/wpio7cmhnj9snmwqvuxo.png)](https://piccalil.li/blog/the-end-of-responsive-images/) [The End of Responsive Images](https://piccalil.li/blog/the-end-of-responsive-images/) — Mat, former chair of the [Responsive Images Community Group](https://www.w3.org/community/respimg/), reflects on 14 years of `srcset`/`sizes` headaches, admitting he hates the `sizes` syntax he championed. Relief is in sight: the new cross-browser [`sizes="auto"`](https://caniuse.com/wf-sizes-auto) (now in Firefox 150, too) sizes lazy-loaded images automatically. Mat Marquis [![\](https://res.cloudinary.com/cpress/image/upload/c_limit,w_480,h_480,q_auto/copm/18efdda5.png)](https://shaders.com?utm_source=content-syndication&utm_medium=referral&utm_campaign=frontend-focus-newsletter) [Add Stunning Shader Effects to Your UI in Minutes](https://shaders.com?utm_source=content-syndication&utm_medium=referral&utm_campaign=frontend-focus-newsletter) — Build creative WebGPU shader effects with components—or let your AI agent handle it via MCP. Start from a collection of [550+ pro presets](https://shaders.com/presets), customize visually, and ship fast. Works with React, Vue, Svelte, Solid, vanilla JS and more. Shaders sponsor [Scroll-Driven Animations](https://www.joshwcomeau.com/animation/scroll-driven-animations/) — Josh has been experimenting with the 'majestic' [new Animation Timeline API](https://caniuse.com/mdn-css_properties_animation-timeline). Here he shows us how it works (complete with demos and code), gotchas to be aware of, and some of the more advanced things we can do with it. “_honestly, it’s so good_”. Josh W. Comeau ⚡️ IN BRIEF - 📢 Rachel Andrew gives an update on [what's new to the web platform in April.](https://web.dev/blog/web-platform-04-2026?hl=en) - 🛠️ The [Build Awesome Kickstarter has returned](https://www.kickstarter.com/projects/fontawesome/build-awesome-pro), already hitting its funding goal. _ICYMI, Build Awesome is the new name for 11ty_. - 🗓️ The U.S. Department of Justice has [pushed back](https://convergeaccessibility.com/2026/04/17/doj-delays-t2-rule/) the Title II Web Accessibility deadline into 2027. - 📝 [Firefox has a new 'Tab Notes' feature](https://blog.mozilla.org/en/firefox/tab-notes/) if you want to remember why you have that 40th tab open. 📙 Articles, Opinions & Tutorials [![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60,q_auto/v1777458861/fgxjaflufucvl8yybr4i.png)](https://nik.digital/posts/compositing-blending) [Compositing & Blending](https://nik.digital/posts/compositing-blending) — A fascinating look at what both compositing and blending are, what’s going on under the hood when you apply blend modes in CSS, and how to approach their use. Niklas Gadermann [Optimistic UI Won't Fix a 3-Second Query](https://www.tigerdata.com/timescaledb?utm_source=content-syndication&utm_medium=referral&utm_campaign=frontend-focus-newsletter) — TimescaleDB extends Postgres so dashboard queries return in milliseconds, not seconds. No pipeline needed. [Try for free](https://www.tigerdata.com/timescaledb?utm_source=content-syndication&utm_medium=referral&utm_campaign=frontend-focus-newsletter). Tiger Data (creators of TimescaleDB) sponsor [Recreating Apple’s Vision Pro Animation in CSS](https://css-tricks.com/recreating-apples-vision-pro-animation-in-css/) — Apple’s site is filled with delightful animation touches, and here John attempts to recreate such an effect with CSS’s scrolling animation capabilities. John Rhea [Let’s Use the Nonexistent `::nth-letter` Selector Now](https://css-tricks.com/using-nonexistent-nth-letter-selector-now/) — Explains the long-standing absence of the `::nth-letter` selector in CSS and presents a functional “_impossible_” polyfill to actually implement it today. Lee Meyer [Constructable Stylesheets and `adoptedStyleSheets`: One Parse, Every Shadow Root](https://frontendmasters.com/blog/constructable-stylesheets-and-adoptedstylesheets-one-parse-every-shadow-root/) — A technical guide looking at creating `CSSStyleSheet` objects directly in JavaScript and attaching them to Shadow DOM, eliminating redundant `