Dave Rupert
@davatron5000.bsky.social
š¤ 8203
š„ 203
š 1853
Web components at Microsoft. Co-host at ShopTalk. Previously Luro and Paravel. Blogger.
pinned post!
I can quit Balatro anytime okay.
over 1 year ago
24
287
29
reposted by
Dave Rupert
about 3 hours ago
logging on
0
182
41
reposted by
Dave Rupert
drewtoothpaste
about 4 hours ago
american history
0
143
24
reposted by
Dave Rupert
starring red as computer bronson
1 day ago
āWhat we really need to do is create a powerful sense of dread. The longer the note, the more dreadā
6
30
2
SCOTUS pushing a bunch of bullshit to prod right before going on vacation. I see you.
1 day ago
0
20
0
reposted by
Dave Rupert
Ingrid Burrington
1 day ago
Untitled Goose Factory
1
48
7
reposted by
Dave Rupert
Kevin Powell
1 day ago
Design systems have always intrigued me, but they are something that I don't have any experience with, so, I've teamed up with someone who does have that experience!,
@michaelwarren.dev
! It's still early days, but if you want updates as we work on it, sign up here:
thecascade.dev/courses/desi...
loading . . .
Thoughtful Design Systems - a course by Kevin Powell and Michael Warren
Founded by Kevin Powell, with curated learning paths, courses, and clear explanations that will have you writing CSS with confidence.
https://thecascade.dev/courses/design-systems/
4
67
11
reposted by
Dave Rupert
Cory Rylan
3 days ago
š NVIDIA Elements is now open source. After years of work + API hardening, it's stable enough to share. A framework-agnostic design system for AI/ML robotics & autonomous vehicle UIs. Web Components that run in any stack, plus CLI/MCP/Skills/lint tooling.
nvidia.github.io/elements/
loading . . .
NVIDIA Design System for AI UI | NVIDIA Elements
NVIDIA Elements Design System: framework-agnostic Web Components, design tokens, CLI, MCP, skills, and lint tooling for AI infrastructure, robotics, and autonomous vehicle UI.
https://nvidia.github.io/elements/
5
29
6
Oh my days!
add a skeleton here at some point
2 days ago
2
6
2
š New post about finding curated public domain images
daverupert.com/2026/06/cura...
loading . . .
Finding curated public domain images
The personal blog of Dave Rupert, web developer and podcaster from Austin, TX.
https://daverupert.com/2026/06/curated-public-domain-images/
2 days ago
3
8
0
reposted by
Dave Rupert
Jason Lengstorf
3 days ago
we have a rare window of availability at
@codetv.dev
, so if you're looking to make something special that helps your company connect with devs, now is a very good time to get in touch. I love working with teams that have the courage to experiment & take big swings ā if that's you, get into my inbox!
4
61
19
reposted by
Dave Rupert
Evil Martians
3 days ago
We migrated an Astro site from React and Ark UI to native Web Components. This resulted in 100 KB less JavaScript and no functionality lost. In the process, we built a tiny library called nanotags that makes Custom Elements enjoyable to write. Here's how we did it:
loading . . .
From React to native web with nanotags: a migration that saved 100 KBāMartian Chronicles, Evil Martiansā team blog
Most marketing sites ship a SPA framework just to toggle a sidebar. Here's how we migrated an Astro site from React and Ark UI to native Web Components: 100 KB less JavaScript, no functionality lost, ...
https://evilmartians.com/chronicles/from-react-to-native-web-with-nanotags-a-migration-that-saved-100kb
6
48
10
I say this in all humility as a man with a 3ft x 12ft x 1ft deep trench in his backyard and an enormous pile of rocks⦠If itās a tool that has a stick for a handle, I probably own it at this point.
3 days ago
2
12
0
reposted by
Dave Rupert
Una Kravets
3 days ago
With style queries now in all browsers, here's my take on the best way to do dynamic color theming with modern CSS: - Custom properties - light-dark() - contrast-color() - Style queries - Relative color syntax (^Features available in all modern browsers) Read about it ā¬ļøā¬ļø
una.im/modern-css-t...
loading . . .
una.im | Modern CSS theming with light-dark(), contrast-color(), and style queries
Combine three new CSS features to build fully adaptive themed components.
https://una.im/modern-css-theming
4
106
21
Dave Rupert LLC is happy to announce the launch of GameBox, a box for games. Games are fun. You own tons already. Now have a box for them. Starting at $39,999 MSRP.
4 days ago
3
23
2
reposted by
Dave Rupert
Large Heydon Collider
4 days ago
The HTML cat is out of the Web Audio bag. I've finally released HYPERBLAM. Itās my system for sampling, processing, and sequencing sound and music directly in HTML.
hyperblam.how
loading . . .
Hyperblam Docs Home
Documentation for HyperBlam. Make HTML make music.
https://hyperblam.how
6
190
71
reposted by
Dave Rupert
Josh Collinsworth
5 days ago
There should be digital garage sales. Unused fonts - $1 ea. Unplayed video games - $3 each or 4 for $10 Bundle of online courses I barely even started: $50 OBO
4
50
7
When it comes to web stuff⦠Itās one thing to have an idea. Itās another to be able to build the idea. Itās another to be able to explain the idea with words. Itās another to be able to build examples that illustrate the idea and the problem it solves. Thatās quadfecta is difficult and rare.
6 days ago
2
57
3
reposted by
Dave Rupert
Ahmad Shadeed
6 days ago
Another thought while working on this. I'm solving problems that look simple, but require care and thinking. I'm confident to say that LLMs won't be able to figure this out, as it's solely depend on your CSS knowledge. I will compile all those thoughts and share them as an article or a video.
add a skeleton here at some point
4
56
4
reposted by
Dave Rupert
Nathan Pitman
6 days ago
Beautifully executed "non-work" site by
@maxvoltar.be
-
maxvoltar.com
#noteworthy
loading . . .
Max Voltar
The non-work.
https://maxvoltar.com/
0
10
2
Correction: I said "shipped" but it's actually behind the
#enable-experimental-web-platform-features
flag, which I forget I have turned on in stable. So it's subject to change. Thanks
@bram.us
for calling that out.
add a skeleton here at some point
7 days ago
1
9
0
> What do _you_ want to happen next?
ethanmarcotte.com/wrote/all-to...
loading . . .
All tomorrowās parties. āĀ Ethan Marcotte
What happens next? Well, you tell me.
https://ethanmarcotte.com/wrote/all-tomorrows-parties/
7 days ago
1
8
3
This change to interest invokers shipped and itās wild to me. ā¦wow.
add a skeleton here at some point
7 days ago
3
14
2
reposted by
Dave Rupert
Amanda Kolson Hurley
8 days ago
It gets better. His companyās name: Greenwater Services. Did he once pay a bribe to Jim Traficant: yes, of course
add a skeleton here at some point
117
3386
796
š New post: A workaround for `:host(:has([slot]))` in Chromium using `@scope`
#webcomponents
daverupert.com/2026/06/fix-...
loading . . .
A workaround for hiding empty slots in Chromium
Named slots are one of web componentsā biggest superpowers āØ. Imagine a Button component with an optional icon; in Web Components we donāt need a separate Button and IconButton, a single Button compon...
https://daverupert.com/2026/06/fix-for-host-has-slot/
8 days ago
1
24
5
New post: How my daily puzzle doubles as a cogntive function test.
daverupert.com/2026/06/spoo...
loading . . .
Spoons by Sam
I play Clues by Sam nearly every single day. I wrote about it before, but solving a little crime puzzle adds a micro-thrill to my day. A little blast of logic, misdirection, and wordplay. Itās a frequ...
https://daverupert.com/2026/06/spoons-by-sam/
8 days ago
2
21
2
Remote work productivity hack! Wear shoes at your desk. (Or don't.)
8 days ago
5
9
0
I would love it if "Subtractive Engineering" became more popular. An analogy (because we love those), you can get rich extruding plastic and sending it all over the world, but removing plastic and preventing plastic from entering the environment is a much harder task.
htmx.org/essays/code-...
loading . . .
</> htmx ~ Code is Cheap(er)
In this essay, Carson Gross argues that as AI makes code cheap to produce, understanding code becomes the expensive and scarce resource. He warns of the complexity that LLM code can generate and propo...
https://htmx.org/essays/code-is-cheap/
9 days ago
4
53
8
reposted by
Dave Rupert
Luca Casonato š³ļøāš
9 days ago
What's this, a new HTML proposal? Built-in localized time formatting in HTML!
github.com/whatwg/html/...
19
422
70
reposted by
Dave Rupert
Brecht De Ruyte
10 days ago
Based on the feedback at
@css.cafe
I opened a few issues to discuss at open UI on the enhanced range inputs. I also tried to make some new examples with waves and circles. š
brechtdr.github.io/enhanced-ran...
loading . . .
<rangegroup> proposal ā Open UI
https://brechtdr.github.io/enhanced-range-slider-poc/
0
18
7
f'n lmao
11 days ago
0
56
7
reposted by
Dave Rupert
Shaun Lambert
11 days ago
yessss
2
199
31
reposted by
Dave Rupert
Sunkanmi Fafowora
11 days ago
I'm looking for a new role in tech! š If you know any founder, publication, or company looking for a remote technical writer, developer educator, or developer advocate, I am interested! Here's a link to my resume for anyone interested:
www.dropbox.com/scl/fi/6j8qz...
Kindly like & reshare!
loading . . .
https://www.dropbox.com/scl/fi/6j8qzig1bthog0j3wxffl/Olasunkanmi-Fafowora-Technical-Content-Writer-Resume-Updated.docx?rlkey=hwd0q61mz419odcmegz81e5lu&st=4ifeb5jr&dl=0
0
10
11
reposted by
Dave Rupert
Haus of Decline
12 days ago
43
7820
1694
You tellinā me a CNC machine made this music factory?
12 days ago
4
28
5
reposted by
Dave Rupert
Web Awesome
14 days ago
They said it couldn't be done. We did it anyway. SSR is available in Web Awesome 3.8. We're calling it experimental, but it won't stay that way for long.
1
19
8
reposted by
Dave Rupert
Patrick Brosset
15 days ago
This has been a common theme today at
#cssday
and itās true: complaining about broken stuff in browsers is a great way to get them fixed! Donāt silent. Let us know. Have a new idea: write a blog post!
add a skeleton here at some point
0
35
10
Came across an interesting CSS cascade issue where global padding/margin resets override `:host` styles in the Shadow DOM. Found a workaround, but don't love it. Curious if others have thoughts.
codepen.io/davatron5000...
loading . . .
* margin/padding resets break :host styles
...
https://codepen.io/davatron5000/pen/NPdNJjM
15 days ago
8
12
0
reposted by
Dave Rupert
Cyd Stumpel
16 days ago
When
@chriscoyier.net
asks you to write an article, you say yes! š
master.dev/blog/demysti...
loading . . .
Demystifying the View Transition Pseudo Tree
Each pseudo element plays a distinct role in how the view transition animates. The browser does most of the heavy lifting though, which makes it a little hard to see whatās actually happening under th...
https://master.dev/blog/demystifying-the-view-transition-pseudo-tree/
0
31
10
reposted by
Dave Rupert
Andy Bell
17 days ago
We've got availability October onwards, so check us out
set.studio
add a skeleton here at some point
0
17
4
3D printing is a fun hobby filled with an interesting cross section of people: makers, DIYers, creative modelers, craft moms, organization freaks, and lots of dudes who really, really, really, really love guns.
21 days ago
3
29
0
[A gong sounds in the distance] Three houses of JavaScript remainā¦
22 days ago
1
68
4
reposted by
Dave Rupert
Rachel Cunliffe
22 days ago
Classicist here to inform you all that this is ancient Greek for summoning a cat
add a skeleton here at some point
22
3535
1109
Watch me revolutionize text message spam filtering: function isSpam() { if (num_prev_txt_msgs === 0 && [āwarrantyā, āroofā, āvoteā, ādonateā].some(t => msg.includes(t))) return true }
23 days ago
2
18
0
reposted by
Dave Rupert
Firefox for Web Developers
24 days ago
Ever struggled to get heading tags right in includes/components? headingoffset could be the answerā¦
loading . . .
10
246
79
reposted by
Dave Rupert
Burton Smith
25 days ago
@davatron5000.bsky.social
and
@chriscoyier.net
thanks for the shout-out on this week's episode of
@shoptalkshow.com
! I'm happy to help out with
#WebComponents
DX where I can.
shoptalkshow.com/717/
loading . . .
717: Better DX for Web Components, What Was Popular That Now Weāre Used To?
Daveās changing up his camera angles, Chris has been upgrading his Sprinter van, how many hobbies is too many, what kinds of web tech was popular years ago that now seems normal, why isn̵ā¦
https://shoptalkshow.com/717/
1
9
1
reposted by
Dave Rupert
Amy Hupe
25 days ago
Hi BlueSky pals š£ Having just completed a fun project with the folks at Clearleft, Iām on the lookout for my next project. Iām open to part-time or full-time contracts outside IR35 and I can help you with: - design systems consultancy & management - content design - design systems documentation
loading . . .
Testimonials
Content design and design systems consultant
https://amyhupe.co.uk/testimonials/
1
44
32
Rented a tiller and absolutely went ham on my whole backyard mud pit. That machine beat the shit out of me tho. Yeesh, Iām exhausted.
26 days ago
3
11
0
reposted by
Dave Rupert
Lucas Seehafer
27 days ago
Look, plantar fascitis sucks but I think this guy has bigger issues going on
1115
28871
5820
reposted by
Dave Rupert
Mike McMahan
27 days ago
We should be two āD&D Honor Among Thievesā sequels deep.
187
9750
2302
If you give me six hours to 3D print a tree, I will spend the first 4 hours printing things for my 3D printer itself and then run out of filament and the time it says it takes to do the actual print.
27 days ago
0
15
2
Load more
feeds!
log in