Dave Rupert
@davatron5000.bsky.social
7.7K followers 190 following 1.1K posts
Web components at Microsoft. Co-host at ShopTalk. Previously Luro and Paravel. Blogger.
Posts Media Videos Starter Packs
Pinned
davatron5000.bsky.social
I can quit Balatro anytime okay.
davatron5000.bsky.social
[stares at vanilla js bench scores, pondering]
davatron5000.bsky.social
<del>
...90 pages of framework-specific code examples..
</del>

<ins>
Use `@view-transition { navigation: auto; }`
</ins>
Reposted by Dave Rupert
una.im
View transitions are in every browser now ✨
ollie-williams.bsky.social
Firefox now supports view transitions, the command and commandfor HTML attributes, and the moveBefore() method.

www.firefox.com/en-US/firefo...
Firefox 144.0, See All New Features, Updates and Fixes
www.firefox.com
davatron5000.bsky.social
We must restore the Honmoon. Get back to the Obama Timeline. With haste!
macwright.com
i think the 2005-2015 era open source boom was built on a nice job environment where people had a little free time and employers believed in creativity

the free time dried up, everyone burned out, 2015-2025 open source has been explicitly targeted toward getting funding & making money. what's next?
davatron5000.bsky.social
Obama Timeline 2: The Michellening
davatron5000.bsky.social
What's "£", is that like a crumpled up Euro or something?
davatron5000.bsky.social
If you've piece-meal assembled your JS knowledge over the years AND you care more about "how it works" as opposed to "how to npm install my problems away", get this course!!1

I've learned a lot from @wil.to over the years and he'll engage and entertain you the whole way.
wil.to
At last, today is the day. I am immensely proud to announce that JavaScript for Everyone is here.

Tell a friend, tell a Slack channel — write it on a slip of paper, fold it once, and slide it across your boss' desk without breaking eye contact. _It's time to get weird._

piccalil.li/javascript-f...
JavaScript for Everyone
A high quality, expansive written course that will elevate your JavaScript skills to a level you never thought was achievable.
piccalil.li
davatron5000.bsky.social
My youngest is 10 now! She gets mad at me about homework. And wants a phone. 😱
Reposted by Dave Rupert
germainlussier.bsky.social
As recently as last week, I was writing about the brilliance and impact of the art of Drew Struzan. Today, we learn he's passed. I'm gutted.

His artistic genius and inspirational images will truly be appreciated forever. May we continue to treasure his work & the man who made it. Thank you, Drew.
Reposted by Dave Rupert
justinfagnani.com
inherit() is going to be absolutely huge for working with CSS custom properties. Two big things it'll enable:

Nested indentation:

--indent: calc(inherit(--indent, 0) + 1);

Overridable design token defaults:

--primary-color: inherit(--primary-color, blue);
davatron5000.bsky.social
Great question. No... but I was gonna make something adjacent to this, so maybe I could partner with @stuffbreaker.bsky.social on some demo ware.
Reposted by Dave Rupert
wil.to
This is it. 86,791 words. 836 emdashes. 625 `const`, 141 `let`, 16 `var`. One (1) reference to the pause music from Battletoads for the NES.

Spread the word: JavaScript for Everyone launches tomorrow.
A Majora's-Mask-style "Dawn of The Final Day. 24 Hours Remain" title card, but using the JavaScript for Everyone Atari-style type and branding. The background is made up of two low-angle perspective views of rectangles on grids that meet at a sharp line, resembling a horizon.
Reposted by Dave Rupert
bradfrost.com
I think Lists, Details, and Flows by @davatron5000.bsky.social is one of the most important articles about digital design I've ever read: daverupert.com/2016/04/list...

Written as "a lament" in 2016, this distillation has proven to be extraordinarily liberating and empowering in my own work.
Lists, Details, and Flows
I’ve become a bit discontented. In a fit of base reductionism, my brain has begun boiling down digital design (apps/web/product/interface/etc, all the same thing) into to three types of designs: lists...
daverupert.com
davatron5000.bsky.social
- Byrne
- Psycho Killer
- This Must Be The Place
- Lamp
- GreySuit
Reposted by Dave Rupert
passle.dev
mom grab the camera
davatron5000.bsky.social
📝 New Post: The Killer Feature of #webcomponents

A quick dive into the Custom Elements Manifest and why this community standard is a 10x effort multiplier.

daverupert.com/2025/10/cust...
The killer feature of Web Components
The personal blog of Dave Rupert, web developer and podcaster from Austin, TX.
daverupert.com
davatron5000.bsky.social
It's a 3-step process:

1. Document your components
2. npm install & run the analyzer
3. Hang a bunch of tooling off of the custom-elements.json

Bingo bango! Bob's your uncle! You're now popular in your company.
davatron5000.bsky.social
📝 New Post: The Killer Feature of #webcomponents

A quick dive into the Custom Elements Manifest and why this community standard is a 10x effort multiplier.

daverupert.com/2025/10/cust...
The killer feature of Web Components
The personal blog of Dave Rupert, web developer and podcaster from Austin, TX.
daverupert.com
Reposted by Dave Rupert
davatron5000.bsky.social
I reaaaaaally like this heading font. Nice work.
davatron5000.bsky.social
This was awesome and updates my thinking quite a bit. Thanks for sharing!
davatron5000.bsky.social
Few joys greater than driving a car full of girlie-pops around screaming Golden. I will never say “No” and their Korean is getting better every day.
davatron5000.bsky.social
What are you doing to restore the honmoon today?