Today's lunch video is "Little Dummies: Simple FPO Content Helpers" - "Eleventy is great for rapid prototyping! Here are my favorite shortcodes, filters and other techniques to quickly populate interactive mockups and wireframes with 'dummy' placeholder content." https://www.youtube.com/watch?v=NHgiKb8XfU0
The Enforced Accessibility of the Geolocation Element: "It enforces a variety of accessibility requirements quite strictly. I’m not sure if we’ve had an element in HTML that behaves quite like this before." #a11y https://frontendmasters.com/blog/the-enforced-accessibility-of-the-geolocation-element/
Un-Sass'ing My #CSS: Colour Functions Without Sass: "A practical guide to replacing Sass color functions like lighten(), darken(), and tint() with modern CSS using color-mix() and relative color syntax." https://www.alwaystwisted.com/articles/UnSassing-my-CSS-colour-functions
#CSS contrast-color() beyond black & white: "Two techniques that bypass the black-or-white limit of contrast-color() for custom color palettes." https://una.im/advanced-contrast-color/
The Big Gotcha of Anchor Positioning: "I thought that one of the benefits of #CSS Anchor Positioning is you can position elements relative to others regardless of where they are in the DOM. But no, you can’t. There are limitations which feel inscrutable at first." https://frontendmasters.com/blog/the-big-gotcha-of-anchor-positioning/
Abusing Customizable Selects: "Let’s go over a few demos using the new customizable `<select>` feature that may be wild, but also give us a great chance to learn new things in #CSS." https://css-tricks.com/abusing-customizable-selects/
Today's lunch video is "Building a Computer with #CSS" - "Ever wondered how a computer actually works? What a CPU is actually built of? And if it's possible to build one using only CSS? If so, this talk is for you." https://www.youtube.com/watch?v=PFqtjjpfp6o
AI will Eliminate the Need for Accessibility Professionals? I think not. "Let AI handle mechanical checks and grunt work. But can it replace humans who understand the nuanced reality of disability? Don't say you weren’t warned when your next lawsuit arrives." #a11y https://buttondown.com/access-ability/archive/ai-will-eliminate-the-need-for-accessibility/
Why we teach our students progressive enhancement: "A famous example of PE is when an escalator breaks down it can still be used as stairs, which satisfies its core task. Progressive enhancement isn't about preventing failure, it’s about defining what must always work." https://cydstumpel.nl/why-we-teach-our-students-progressive-enhancement/
Popover API or Dialog API: Which to Choose? "Choosing is difficult because they seem to do the same job, but they don’t! After lots of research, I discovered that the Popover API and Dialog API are wildly different in terms of accessibility." #a11y https://css-tricks.com/popover-api-or-dialog-api-which-to-choose/
I'd heard <select> is customizable now, but I didn't understand just how much until I saw this demo. The <select> opens a full Duck Hunt-style game with no JS! And because it's still just a native <select> under the hood, it's even keyboard accessible! Wild stuff. #CSS https://codepen.io/t_afif/pen/PwGPJOB
How We Do Code Reviews at Cloud Four: "If your team members dread the notification that they’ve been added as a reviewer on a pull request, I think the following guidelines can help." https://cloudfour.com/thinks/how-we-do-code-reviews-at-cloud-four/
Today's lunch video is "Smart Layouts" - "In this talk, I’ll walk you through my process of building smarter layouts that are aware of their surroundings and context, in the hope of inspiring you to take the next step and use modern #CSS in your workflow." https://www.youtube.com/watch?v=_njUxg5UfR0
You Know What? Just Don’t Split Words into Letters: "If you need to split words into their constituent letters to adjust kerning, apply gradients, animate them, or whatever, find another method, because screen readers will present the words letter by letter." #a11y https://adrianroselli.com/2026/02/you-know-what-just-dont-split-words-into-letters.html
Sprites on the Web: "In game development, it’s common to use spritesheets for animation, but this technique isn’t as widely used on the web these days. Which is a shame, because we can do some pretty cool stuff with sprites! In this post, we’ll share the niche #CSS function you can use to leverage this technique, and explore some of the potential use cases." https://www.joshwcomeau.com/animation/sprites/
Breakpoints: "The problem is, there is no agreed-upon minimum resolution. Talking about 360px being some kind of 'minimum' when it comes to #CSS pixels means we only take the phone’s default accessibility settings into account." https://cssence.com/2026/breakpoints/
Graph Theory using Modern #CSS: "A CSS-only implementation of a shortest path algorithm" https://css-tip.com/graph-theory/
"x86CSS is a working #CSS-only x86 CPU/emulator/computer. Yes, the *Cascading Style Sheets* CSS. No JavaScript required." https://lyra.horse/x86css/
Today's lunch video is "A Dao of #CSS" - "CSS isn’t broken or lacking—it’s deeply misunderstood. It’s not a language of force. It suggests, it yields, it adapts. The cascade, inheritance, and layout are not problems to overcome, but patterns to follow." https://www.youtube.com/watch?v=-iV1I7_0New
Modern #CSS Code Snippets: "A collection of modern CSS code snippets. Every old CSS hack next to its clean, native replacement, side by side." https://modern-css.com/