Responsive and Fluid Typography with Baseline CSS Features | As designers, it makes sense to think about what space is available in the browser, and adjust your typography accordingly. It's also important to remember that different use... | www.oddbird.net/2026/01/08/t...

How markdown took over the world by @anildash.com

Opening and Closing Dialogs Without JavaScript Using HTML Invoker Commands | Learn how to use HTML invoker commands to open and close dialogs without writing any JavaScript. | schalkneethling.com/posts/openin...

New year, new website. Here's a little (big) write up about the evolution of my website, and some of the new fun things I built in the redesign. p.s. please don't find any bugs, thank you

And for my first blog post of the year, a good old fashioned rant. "I'm sorry" amyhupe.co.uk/articles/sor...

Enjoy Trevor Noah's podcast with Dr Jessica Knurick on Debunking the MAHA Movement & Nutrition Myths while going on a walk.

#CSS Popover Context Menus with Anchor Positioning

Great selection 👍🏾, I would also include advance attr and state queries to this list.

Temporal is the Date system we always wanted in JavaScript. It's extremely close to being available so Mat Marquis thought it would be a good idea to explain exactly what is better about this new JavaScript date system. piccalil.li/blog/date-is...

Suggestion Idea - "Future #CSS : :drag (and Maybe ::dragged-image?)" by @css-tricks.bsky.social

🎂 Happy Birthday, Safari. www.apple.com/newsroom/200... “MACWORLD EXPO, SAN FRANCISCO—January 7, 2003—Apple® today unveiled Safari™, the fastest and easiest to use web browser ever created for the Mac®”

The final nail in the HTML5 document outline coffin

Blink: Intent to Prototype: Support `hanging` and `each-line` for the `text-indent` property

4 #CSS Features Every Front-End Developer Should Know In 2026 nerdy.dev/4-css-featur...

Gecko: Intent to Prototype: "Customizable Select"

For reference, Interop starts every year there is an open call for proposals (already closed for the next iteration), and then a selection by consensus. Focus for Interop 2026 will be published on February 5th.

Set the podcast speed to 2.5x. 😳

My favourite recent AI announcements. Vivaldi Browser @vivaldi.com roadmap for 2026 bsky.app/profile/viva... Buttondown @buttondown.com use of your content to power AI buttondown.com/blog/generat... The future of Procreate @procreate.com procreate.com/ai #ai

New Year, New Article! Fluid typography comes with its own challenges. How to correctly set leading and tracking when our type sizes are variable? This led me to explore best practices on both, which ended up being a rabbit hole. (Demos only in Chrome) electricmagicfactory.com/articles/flu...

Playing around with grid-lanes in a personal project. I 💟 love feature queries. I like that the syntax takes advantage of existing code in CSS grid. So much easier to learn. Grid-lanes demos: webkit.org/demos/grid3/

How I Write Custom Elements with lit-html

How To Dynamically Install Custom Elements by @heydonworks.com

Top 10 articles that became a hot topic on the front end

Rethinking #SVG icons by @ollie-williams.bsky.social

A complete guide to the #HTML number input by @ollie-williams.bsky.social

Toggle `position: sticky` to `position: fixed` on Scroll Fixed and sticky positioning behave very differently, but we can switch between the two at exact points for some unusual looking effects.

Gecko: Intent to prototype: Replacing <input type=color> picker with in-browser popup

Here's one of those super duper minor details that can make a designer's eyes water. css-tricks.com/text-decorat...

#CSS background divider line (using linear-gradient() with a single colour value)

The #HTML Elements Time Forgot htmhell.dev/adventcalend...

Introducing #CSS Grid Lanes

The many lives of the page title

Semantics beyond the tag name

Masonry Layout is now `grid-lanes`

For my last blog post of 2025, let me end the year with something personal. cssence.com/2025/accessi... #WebDev #A11Y

IDREFs: what they are and how to use them. @kilianvalkhof.com explains how attributes for, form, list, and ARIA IDREFs work for better structure and accessibility and the importance of unique, existing IDs and cross-browser testing. #html #a11y htmhell.dev/adventcalend...

This trend is real. Some websites have erred and gone in the "email magic link" direction instead of passkeys. The good news is that emailed magic links work great as a fallback for passkeys, so their work isn't completely wasted. rmondello.com/2025/01/02/m...

- support for Threaded Scroll-driven Animations - #CSS CSS display: grid-lanes (Masonry) and more...

Check out all the revised demos of Grid Lanes in Safari Technology Preview 234! webkit.org/demos/grid3/

More holiday cheer. For those of you asking about Safari’s “stable” Interop 2025 score…

Streams are now iterable in Safari Technology Preview developer.apple.com/documentatio... web.dev/articles/str...

Safari Technology Preview 234

HTML hidden=until-found and auto-opening <details> is newly baseline… or is it? Here's how it works, and issues to watch out for:

Less of a wrap up and more of a call to action this year. TL;DR we need to take these motherfuckers down bell.bz/wrapping-up-...

Web platform features Newly available: - caretPositionFromPoint() - Event timing - Largest contentful paint (LCP) - #CSS at-scope - #CSS scrollbar-color - scrollend

Why the Sanitiser API is just setHTML()

Forms are a badly designed part of HTML

Something that hasn't been made clear: Firefox will have an option to completely disable all AI features. We've been calling it the AI kill switch internally. I'm sure it'll ship with a less murderous name, but that's how seriously and absolutely we're taking this. …

Dynamic Datalist: Autocomplete from an API

A rant in the face of the industry's continued neglect and outright hostility towards digital accessibility and care for users. vale.rocks/posts/access... #WebDev #Accessibility #a11y #FrontEndDevelopment