Toasts: "GitHub no longer uses toasts because of their accessibility and usability issues." #a11y primer.style/accessibilit...

The Web Animation #Performance Tier List: "Performance isn’t a dark art. But is is an art. Learn what makes web animations fast, slow, and everything in between with our 2025 web animation performance tier list." #CSS motion.dev/blog/web-ani...

Simple One-Time Passcode Inputs: "I have good news! You can ship a fully functional OTP input today without any CSS hacks or JavaScript frameworks. All you need is some #HTML." #a11y cloudfour.com/thinks/simpl...

Range Syntax for Style Queries: "Style queries are getting an upgrade! Like media queries, and container queries, They can now respond to a range of values, and not just predefined states. The new range syntax supercharges style queries." #CSS una.im/range-style-...

Today's lunch video is "Easier Site-Wide Theming with Style Queries" - Style queries make it easier to track things like light and dark theme, which may be set by both a system preference and a user setting. #CSS www.youtube.com/watch?v=E8M6...

ChatGPT's Atlas: The Browser That's Anti-Web: "OpenAI released something new: the first browser that actively fights against the web. Let's talk about what that means, what dangers there are, and why it probably needs a warning label when you install it." #AI www.anildash.com//2025/10/22/...

Your URL Is Your State: "A deep dive into how thoughtful URL design can enhance usability, shareability, and performance. Learn what state belongs in URLs, common pitfalls to avoid, and practical patterns for modern web apps." alfy.blog/2025/10/31/y...

Some practical examples of #CSS view transitions to elevate your UI: "Declan Chidlow here with some really practical uses of view transitions, along with some of the stuff that will trip you up, with guidance to help you navigate that." piccalil.li/blog/some-pr...

Staggered Animation with #CSS sibling-* Functions: "This post covers a demo where selecting an item causes the preceding and succeeding items to disappear sequentially from the outside." frontendmasters.com/blog/stagger...

Magnificent SVGs With <use> And #CSS Custom Properties: "SVG is one of those web technologies that’s both elegant and, at times, infuriating. In this article Andy Clarke explains his technique for animating #SVG elements that are hidden in the Shadow DOM." www.smashingmagazine.com/2025/11/smas...

Today's lunch video is "A Simple Guide to Color Contrast in Web Design" - "As a web designer, you have to get colour contrast right. So how do you know what’s correct in each scenario and if your designs meet the standard? Matt Brunton shows you how." #a11y www.youtube.com/watch?v=shoX...

Inlining Critical #CSS: Does It Make Your Website Faster? "Learn what critical CSS is, how to inline it to improve page load #performance, and understand the trade-offs before implementing it on your website." www.debugbear.com/blog/critica...

I Built the Same App 10 Times: "I needed to choose a framework for a mobile-first app, comparing Next.js, SolidStart, SvelteKit, Nuxt, and more. The measurements revealed dramatic differences in bundle sizes, #performance, and the real cost of framework choices." www.lorenstew.art/blog/10-kanb...

Custom Asidenotes: "In which I turn inline asides into robustly enhanced sidenotes with CSS and just a touch of JS." #WebComponents meyerweb.com/eric/thought...

Start implementing view transitions on your websites today: "The View Transition API allows us to animate between two states with relative ease. They can be used to animate filtering, sorting, add to cart, page transitions, and much more." #CSS piccalil.li/blog/start-i...

Perfectly Pointed Tooltips: A Foundation: "The Anchor Positioning API in #CSS is very powerful. This is the beginning of a series where we understand it through the perfect use-case: tooltips." frontendmasters.com/blog/perfect...

Today's lunch video is "25 New & Rad Features of #CSS" - "A fast paced, animated, and jam packed tik-talk on CSS features from the past ~5 years. CSS has moved so fast, don't feel bad you aren't all caught up, no one is." www.youtube.com/watch?v=QW6G...

Identifying Accessibility Data Gaps in CodeGen Models: "Here’s where things get interesting, and hopeful. When I retested using prompts that included #a11y hints, the output improved dramatically, often going from fundamentally broken to genuinely accessible." www.aaron-gustafson.com/notebook/ide...

#HTML dialog: Getting accessibility and UX right: "The HTML dialog element gives us powerful native modal capabilities, but creating dialogs that work well for all users still requires intentional accessibility and UX decisions." #a11y jaredcunha.com/blog/html-di...

Solved by #CSS Scroll State Queries: hide a header when scrolling down, show it again when scrolling up: "There’s a new type of CSS scroll-state query coming: `scrolled` remembers the last direction you scrolled in, which you can use to build 'hidey bars.'" www.bram.us/2025/10/22/s...

A beginner-friendly guide to view transitions in #CSS: "Learn how to bring smooth, animated navigation to multi-page apps with view transitions. With just one line of CSS, you can enable seamless transitions between pages." developer.mozilla.org/en-US/blog/v...

Solved By Modern #CSS: Section Layout: "In this article, I take a typical section design and make it more dynamic with container queries, has, clamp, and grid. It’s an example of the potential of modern CSS, and this was just one section." ishadeed.com/article/mode...

Today's lunch video is "Light mode versus Dark mode, why not both?" — "Some people have very real physical reasons to need one mode over another. It's super easy to code up both using #CSS color-scheme." www.youtube.com/watch?v=iZ4X...

forced-color-adjust: none is an unavoidable foot gun: "A very long treatise on why text backplates were a bad idea. Most of the time." #a11y sarahmhigley.com/writing/forc...

Transition to the Other Side with #CSS Container Query Units: "How container queries help move an element to the opposite side of its parent container when both have dynamic responsive dimensions." ryanmulligan.dev/blog/transit...

#CSS :is() :where() the Magic Happens: "Both :is() and :where() come with many advantages beyond just reducing the complexity of your code and provide a lot of ways to write more flexible, useful, and maybe even a bit magical CSS." matthiasott.com/notes/css-is...

Custom #CSS Functions in the Browser: "There’s been a lot of progress in the CSS Working Group lately, but I want to draw your attention to a prototype that landed in Chromium Canary. Author-defined Functions are coming to CSS, and you can experiment with them now!" www.oddbird.net/2025/04/11/c...

Modern #CSS Round-Out Tabs: "I’m so hyped on shape(). It’s an amazing addition to CSS, giving us a primitive that can draw anything you could draw with a pen tool. We’re going to use shape() with clip-path to carve a tab out of a rectangle. No extra elements!" frontendmasters.com/blog/modern-...

Today's lunch video is "#CSS Anchor Positioning in Practice" - "What is Anchor Positioning? Why is it exciting? What can you use it for? How does the polyfill work? Join us as we talk through these questions and answer yours." www.youtube.com/watch?v=76hI...

A threat model for accessibility on the web: "There is one basic, underlying threat to disabled users having a consistently accessible experience when using the web: The primary threat for accessibility on the web is neglect." #a11y alice.boxhall.au/articles/a-t...

Conditional Border Radius with Modern #CSS: "A simple trick to control the border-radius based on the screen/container size." css-tip.com/conditional-...

Numbers That Fall (Scroll-Driven Animations & Sibling Index): "With view() style scroll-driven animations, it's helpful to think about how you want it to work then tweak the ranges toward that goal." #CSS frontendmasters.com/blog/numbers...

A pragmatic guide to modern #CSS colours: "Whether you've got a firm grasp on modern CSS colour capabilities, or you're thinking 'I struggle to understand why I should use modern CSS colours at all', then this article series, by Kevin Powell, is for you." piccalil.li/blog/a-pragm...

Getting Creative With shape-outside: "There are so many creative opportunities for using shape-outside that I’m surprised I see it used so rarely. So, how can you use it to add personality to a design? Here’s how I do it." #CSS css-tricks.com/getting-crea...

Today's lunch video is "The BEST way to work with #CSS shape-outside" - "Wrapping text around a shape makes a layout more interesting, but editing the points of a complex polygon is tedious. Firefox has a great tool for this, making the process fun and easy!" www.youtube.com/watch?v=hKiL...

Inset Shadows Directly on img Elements: "Inset `box-shadow` doesn't work directly on image elements. There are work-arounds, but this #SVG filter can do it directly. Don't run! There is powerful stuff to learn here through interactive demos." frontendmasters.com/blog/inset-s...

A Few Fun #CSS Nesting Tips & Tricks: "There are some handy things that you can do with nesting, espcially when you start moving the `&` placeholder around!" html-css-tip-of-the-week.netlify.app/tip/nesting-...

Touring New #CSS Features in Safari 26: "Browsers release new versions all the time, where they sprinkle in a couple or few new features. Safari 26 is different, though, introducing 75 new features, 3 deprecations, and 171 other improvements." css-tricks.com/touring-new-...

Styling Siblings With #CSS Has Never Been Easier: "Ready to spice up your CSS? This article dives into the new sibling-count() and sibling-index() functions, showing you how they can simplify your styling and create cool effects." utilitybend.com/blog/styling...

How much do you really know about #CSS media queries? "It’s not that I thought media queries were only for responsive design, but out of sight, out of mind, right? I’ve come to the conclusion that many of them definitely deserve more attention." frontendmasters.com/blog/learn-m...

Today's lunch video is "Navigating the World of Web Accessibility with Sara Soueidan" - "Sara is a renowned expert in web accessibility. Our conversation was a deep dive into the nuances of making the web more inclusive and accessible for everyone." #a11y www.youtube.com/watch?v=ndGK...

The Big Gotcha With @starting-style: "#CSS has been on fire lately, with tons of great new features. @starting-style allows us to use transitions for enter animations, something previously reserved for keyframe animations. But is the juice worth the squeeze?"

Preventing jank on focused overflow-causing elements: "Hope this gives you the push you might need to use overflow: clip a little more frequently. It’s been widely available for over 5 years now, so it’s pretty safe to use!" #CSS chriskirknielsen.com/blog/prevent...

Ambient Animations In Web Design: "Creating motion can be tricky. Too much and it’s distracting. Too little and a design feels flat. Ambient animations are the middle ground — subtle, slow-moving details that add atmosphere without stealing the show." #CSS www.smashingmagazine.com/2025/09/ambi...

The Best #CSS Unit Might Be a Combination: "We don’t have to choose between px and rem for spacing, now that comparison functions are well supported in CSS." www.oddbird.net/2025/09/23/t...

What You Need to Know about Modern #CSS (2025 Edition): "If you thought 2024 was packed with amazing new CSS, well, you're right. But so is 2025 and it keeps looking bright. Check out our list of the best stuff with easy-to-reference examples." frontendmasters.com/blog/what-yo...

Today's lunch video is "Common #CSS Layout misconceptions" - "There are a lot of CSS misconceptions out there in general, and today I’m tackling two of the biggest layout-related ones: How `flex: 1` works, and the idea that Flexbox is inherently simpler than Grid." www.youtube.com/watch?v=Drtu...

CSS to speech: alternative text for #CSS-generated content: "This is a 101 post on when and how to use the slash content property syntax in CSS to provide alt text for CSS-generated content, and why it is important." #a11y www.sarasoueidan.com/blog/alt-tex...

Taking a shot at the double focus ring problem using modern #CSS: "A double focus ring is really useful in general but especially so with complex, themed systems. Eric Bailey shows us how to develop a really smart system, using modern CSS." piccalil.li/blog/taking-...

Start using #CSS Scroll-driven animations today! "To celebrate scroll-driven animations finally landing in Safari 26, here are some things you probably want to know before using them." cydstumpel.nl/start-using-...