SVG is just bizarro HTML

View transitions are in every browser now ✨

📙 📗 📘 📕 The History of Themeable User Interfaces: bradfrost.com/blog/post/th... It was an incredible experience to write this piece. It blurs together the history of computers, video games, the web, design systems, and my own existence on this planet.

Utility CSS classes are the opium of the masses

It’s all fun and games till all the vibe coding leads to vibe unmaintainable codebases

One of the most powerful tools in my toolbox is SVG. When combined with CSS and JavaScript, we can do some truly remarkable things. ✨ 📝 I’ve just published a brand-new blog post that covers the most critical fundamentals. It’s chock full of interactive demos. 😄 Check it out:

One of my dev colleagues who has been struggling with many health issues said “my body has a lot of bugs” 🥺🥺🥺

Maintaining the longterm UX of a product is a lot like organizing your Tupperware cabinet.

The Mars Volta achieving mainstream success is the greatest mystery of my lifetime

!important, not even once

If deleting your overgrown CSS doesn’t feel like this, you’re doing it wrong

Ugh, typeface websites are sickeningly good!! And fun! gt-standard.com #designsky

Time to get in shape() with @css-only.dev

My #GoogleIO video “Web animations today and tomorrow” has been published. Check out this session to learn how to guide, inform, and delight users by adding subtle and supportive animations to your web UIs. www.youtube.com/watch?v=UcXW...

View transitions are mind-blowing. The absolute trivial amount of JavaScript it takes to make this shuffling effect work is astounding. I mean, I actually spend more lines *changing the background color* than I do moving elements around! 🤯 codepen.io/collinsworth...

🚨ATTN Design systems designers: Don’t force datepickers on users. Datepickers are great for selecting dates nearby today’s date - like scheduling a meeting, booking a hotel, etc. But for all other dates - like birth, financial, expiration dates, etc - typing is the ideal experience.

CSS grid-area is awesome, but something about it has always felt off to me. Outside of some basic use cases, I’ve found it awkward to use, read, and maintain compared to grid-row and grid-column. Grid-area truthers, what am I missing?

web components are dead? no. they have ascended to immortality — this mortal coil but a pale whisper to the wild invigorate breath, warming those who continue long beyond our meager lifespan

The design of everyday things

Am I the only one who pronounces ARIA and WAI-ARIA like Luigi and Waluigi?

My millennial urge to press ⌘+s compels me

Crappy css begets even crappier css

I still think about this tweet, occasionally, as I fill hundreds of pages with bootstrap helper classes. @robdimarzo.bsky.social

Inside you there are two wolves My wolves:

In this house we celebrate the birth of the World Wide Web on Christmas 34 years ago on December 25, 1990, Tim Berners-Lee launched the first website and the first web browser. Try the emulator worldwideweb.cern.ch/browser/

Twas the night ::before CSSmas and all through the DOM, not a selector was cascading, not even a *

Name a non-LOTR character who could resist the One Ring.

I wish I had the same confidence as Berkshire Hathaway’s website

If the accessibility is ass, is it assessible?

Information is data in formation

Real Gs push experimental CSS to production in silence like lasagna

Hello again👋 After taking a lonnnng break from social media cause the vibes have been unhinged, Bluesky feels like home in all the right ways :) So many familiar faces I’m looking forward to reconnecting with!

Is the bathroom at work telling me to commit more code?

Prompt engineering is late-stage human-computer interaction

How long til Elon rebrands Mars to Planet X?

These lil buddies have been spending a lot of time in my yard all summer 💛

“href” (hurr•remf) is the sound I make every time I see <a> used for action or <button> used for navigation

grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)) is my panacea

.bunny { border-radius: 100%; } .bunny:last-child { border-radius: initial; }

Mentally I’m here

To align the text, one must first justify it to themselves 🧘

button { cursor: pointer; } Always and forever

A fictional character you would give an invite code to Bob, the hero the internet needs right now

Do you think they know?

Just typed position: assolute. Time to log off for the weekend.

Pixel-perfect is the greatest myth in all of web design

Things that make me cry: - <button> with href - <a> without href - <div> with click event

Not enough hours in the day? Try Traveling at the Speed of Light ™

The real css was the subgrids we could’ve made along the way

I like my AI like I like my pasta - Al dente