Very yay for: ``` import stylesheet from "./style.css" with { type: "css" } ```

Getting Started with CSS Anchor Positioning: anchor-name, position-anchor, and position-area | Discover how CSS anchor positioning brings native support for positioning e... | schalkneethling.com/posts/gettin...

With Chrome 144, we now have "scroll-state(scrolled)," a container query that allows styling based on user scroll activity. Every time we replace JavaScript with pure CSS, it's a triumph. una.im/scroll-stat...

The number of redesigns with horizontal scrollbars on mobile devices recently is far too high. Come on people. polypane.app/docs/horizon...

A fascinating look at how some common APIs really work. The speech synthesis one was a real eye-opener. polypane.app/blog/not-all...

One Tip a Week: Free Up 95GB on Your Mac | one-tip-a-week.beehiiv.com/p/one-tip-a-... - Thank you @nickyt.online 🙌 I have been looking for an alternative forever

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...

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...

Everything is designed for single male developers in their twenties. Ashlee’s example is actively doing harm but you also notice it in much smaller ways, like iPads not having multiple accounts. Because it’s impossible to imagine sharing one with your family and wanting to limit kids access.

ReliCSS - Paste CSS code and click "Scan CSS" to analyse for hacks and get modernization suggestions. | www.alwaystwisted.com/relicss/

2025 JavaScript Rising Stars | A complete overview of the JavaScript landscape in 2025: trends about frontend, fullstack and Node.js frameworks, React and Vue.js ecosystems, build tools, state management... | risingstars.js.org/2025/en

Kagi Small Web - @kagi.com www.youtube.com/watch?v=af0O...

Text size in translation | Why translated text breaks your layout - YouTube www.youtube.com/watch?v=sgpZ...

Web Standards for Policy Makers | lolaslab.co/standards-co... @lolaslab.bsky.social

I shrunk down into an M5 chip - YouTube www.youtube.com/watch?v=Jh9p...

You're Storing Passwords Wrong. Here's The Fix - Encryption v Hash, Salt, bcrypt, Argon | www.youtube.com/watch?v=mQHi...

DNS Explained - Stop Waiting 48 Hours for Changes www.youtube.com/watch?v=B96i...

Thinking of everyone with pets tonight 🤗

Millions of euros stolen in elaborate bank vault heist in Germany | This is straight out of a movie  🤯 🥷 www.youtube.com/watch?v=LZ_M...

Homemade Balanced Raw Food for Dogs | www.youtube.com/watch?v=t1JY...

A rough prototype, but it's working! `[email protected]` now has a linter language! you can define "rule sheets" with a css-like syntax, then run them against your actual stylesheets and it'll lint your css in a split second! Run `csskit tree` to see how to select nodes. `npm i csskit@latest` ;)

Does anyone have insights into why we have both of these? <button popovertarget="popover" popovertargetaction="toggle" type="button">Show popover</button> <button commandFor="popover" command="toggle-popover" type="button">Show popover (IC)</button> The docs don't suggest a difference/preference.

One Tip a Week: git rerere | one-tip-a-week.beehiiv.com/p/one-tip-a-...

useId – React | A React Hook for generating unique IDs that can be passed to accessibility attributes | react.dev/reference/re...

#TIL: barrel files - An attempt at a "rule of thumb" of sorts

ARIA: aria-busy attribute The aria-busy attribute is a global ARIA state that indicates whether an element is currently being modified. - For when updates are important but you do not want to be a pain | developer.mozilla.org/en-US/docs/W...

ConsoleMessage objects are dispatched by page via the page.on('console') event. For each console message logged in the page there will be corresponding event in the Playwright context. 🤯 playwright.dev/docs/api/cla...

Mobile First versus Shared First CSS | Michael Großklaus is a Hamburg, Germany based frontend developer. | www.mgrossklaus.de/notes/2023-0...

How Switzerland Engineered the Perfect Country www.youtube.com/watch?v=OMbV...

#webdevs - What's your mental model for "this should be a list" versus "this is just a collection of things that doesn't need list semantics"?

Alan Gogoll - Grizzly Caterpillar www.youtube.com/watch?v=G4iL...

This part of a message from AWS blows my mind: "Even if you aren’t using your Amazon Web Services account or have closed the account, it’s possible that you still have active resources."

Delighted to contribute to the HTMLHell advent calendar. I explained how screen readers don’t always announce what’s visually on screen - through the medium of burritos: www.htmhell.dev/adventcalend... Thanks to experts @matuzo.at and @hidde.blog for making sure the burrito was structurally sound.

The Nu HTML Checker has gotten a bunch of updates to validate ARIA. Try it: validator.w3.org/nu/ Or run it locally: validator.github.io/validator/ If you find issues with ARIA validation, _report them_: github.com/validator/va... #HTML #ARIA #accessibility #a11y

Stop using the legacy color syntax @kevinpowell.co including a very nice shoutout to @piccalil.li www.youtube.com/watch?v=Uynb...

Alan Gogoll - TALES FROM LILY PAD LANE - Reel to Reel Studios www.youtube.com/watch?v=lCH2...

Who’s interested in some css gradient easing functions?

I was startled when I read this about @pnpm.bsky.social - "Files inside node_modules are cloned or hard linked from a single content-addressable storage" - #sold pnpm.io

Support for @starting-style added to Chrome Devtools: developer.chrome.com/blog/new-in-...

Total TypeScript Essentials | Not a reference manual. Not a “here are all the keywords.” A guided way to build the mental model so you stop guessing. | @mattpocock.com www.totaltypescript.com/books/total-...

Julian Lage - Opal (Official Video) ft. John Medeski, Jorge Roeder, Kenny Wollesen www.youtube.com/watch?v=JBj7...

#TIL - Like insertAdjacentHTML, there is also insertAdjacentElement and after - developer.mozilla.org/en-US/docs/W... and developer.mozilla.org/en-US/docs/W...

You might find more info here- css.oddbird.dev/logical/prop.... Also worth checking BCD. If the properties aren't there, it's probable they haven't shipped anywhere yet.

MDN | The background-position CSS property - Does anyone know the status for logical property support with this one? I see it mentioned in the syntax section but I am unsure of the browser support developer.mozilla.org/en-US/docs/W...

Flea - A Plea (Official Music Video) www.youtube.com/watch?v=Tmyj...

Lamp for people with ADHD www.youtube.com/shorts/ZN12D...

A friendly guide to front-end date pickers! | pikaday.dbushell.com

Prevent a page from scrolling while a dialog is open #CSS

For our scientists www.youtube.com/shorts/AYm9w...

WATCH: Intense storm wreaks havoc in Gauteng www.citizen.co.za/news/watch-i...