Lightnews — Scholar-powered news

Dave Rupert @davatron5000.bsky.social · 3h

There's lots to like in Quiet UI (tokens, lots of components, great docs, etc), but I think my favorite part is the collection of "gimmicks", tiny little extras that culminate in a feeling of fun. Non-essential, but useful-on-occasion components to spice up your apps and websites. Nice.

8

Dave Rupert @davatron5000.bsky.social · 3h

📝 As President of #webcomponents it's my duty to publicly comment on every web component library.

Today I'm looking at @cory.laviska.com's new @quietui.org

daverupert.com/2025/10/quie...

Lots to shout about in Quiet UI

The personal blog of Dave Rupert, web developer and podcaster from Austin, TX.

daverupert.com

3 2 26

Dave Rupert @davatron5000.bsky.social · 21h

can you set /etc/hosts to permission 777 so everyone can get in?

2 20

Reposted by Dave Rupert

Robb Owen @robbowen.digital · 1d

Looks like I'll be coming to the end of a contract shortly so will have availability for new projects from later this month

Give me a shout if you're on the lookout for frontend dev or design systems work and particularly if you're looking for animations, interactions or anything a bit experimental

What I do - Robb Owen

From interaction design to scaleable design systems, single-page apps to something more experimental with WebGL. I help awesome people to build ambitious yet accessible web projects

robbowen.digital

37 45

Dave Rupert @davatron5000.bsky.social · 1d

Log into Medium
Log into Medium
Log into Medium
Log into Medium
...

1

Dave Rupert @davatron5000.bsky.social · 1d

I'll take 1,000 posts filled with ideas on how to rip design and technology from the hands of the attention economy. I enjoyed this post from @seanvoisen.com

seanvoisen.com/blog/design-...

Philosophy for Designers 4: Design for lingering

Inspired by Byung-Chul Han’s "The Scent of Time," this is an exploration of design interventions for contemplation and lingering.

seanvoisen.com

2 6

Reposted by Dave Rupert

Josh Collinsworth @collinsworth.dev · 1d

xkcd.com/1902/

State Borders

xkcd.com

8 15 110

Reposted by Dave Rupert

Devon Govett @devongovett.me · 1d

All of the colors are calculated based on a single CSS variable using relative oklch, so you can change the theme with just one line.

--tint: green;

Modern CSS is amazing! 😲

Screenshot of all the components with various color themes: indigo, blue, green, pink, red, and orange.

2 11 110

Dave Rupert @davatron5000.bsky.social · 1d

[stares at vanilla js bench scores, pondering]

2 4

Dave Rupert @davatron5000.bsky.social · 1d

<del>
...90 pages of framework-specific code examples..
</del>

<ins>
Use `@view-transition { navigation: auto; }`
</ins>

24

Reposted by Dave Rupert

Una Kravets @una.im · 1d

View transitions are in every browser now ✨

Ollie Williams @ollie-williams.bsky.social · 2d

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

2 44 230

Dave Rupert @davatron5000.bsky.social · 1d

We must restore the Honmoon. Get back to the Obama Timeline. With haste!

Tom MacWright @macwright.com · 2d

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?

10

Dave Rupert @davatron5000.bsky.social · 1d

Obama Timeline 2: The Michellening

Dave Rupert @davatron5000.bsky.social · 1d

What's "£", is that like a crumpled up Euro or something?

2 5

Dave Rupert @davatron5000.bsky.social · 1d

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.

Mat “Wilto” Marquis @wil.to · 2d

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

6 19

Dave Rupert @davatron5000.bsky.social · 2d

My youngest is 10 now! She gets mad at me about homework. And wants a phone. 😱

1

Reposted by Dave Rupert

Germain Lussier @germainlussier.bsky.social · 2d

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.

2 26 82

Reposted by Dave Rupert

Justin Fagnani @justinfagnani.com · 2d

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);

IntentToShip @intenttoship.dev · 2d

Blink: Intent to Prototype: The inherit() CSS function

groups.google.com

7 16 59

Dave Rupert @davatron5000.bsky.social · 2d

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.

1 3

Reposted by Dave Rupert

Mat “Wilto” Marquis @wil.to · 3d

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.

2 15 42

Dave Rupert @davatron5000.bsky.social · 2d

a man wearing a harley davidson shirt and suspenders is smiling

ALT: a man wearing a harley davidson shirt and suspenders is smiling

media.tenor.com

5

Reposted by Dave Rupert

Brad Frost @bradfrost.com · 2d

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

1 3 19

Dave Rupert @davatron5000.bsky.social · 2d

a man is dancing in front of a lamp while a band plays behind him

Alt: david byrne from the talking heads is dancing with a lamp while a band plays behind him

media.tenor.com

1

Dave Rupert @davatron5000.bsky.social · 2d

- Byrne
- Psycho Killer
- This Must Be The Place
- Lamp
- GreySuit

1 2

Reposted by Dave Rupert

Passle @passle.dev · 2d

mom grab the camera

Dave Rupert @davatron5000.bsky.social · 3d

📝 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

1 7