iiinova — where your digital self keeps evolving

Steven Spriggs @stevenspriggs.bsky.social · 24/09/2026

Delivery day for our Rivian R2. Bethel Park PA service center treated us right. Can’t wait for the daily drives and upcoming ski season trips. The 4Runner is going to have light duty moving forward.

120

Reposted by Steven Spriggs

Justin Fagnani @justinfagnani.com · 23/09/2026

Firefox's new design ships September 29. And did you know... The Firefox UI is built with Lit? A web browser built with web components! 🔥

28613

Reposted by Steven Spriggs

Burton Smith @stuffbreaker.bsky.social · 09/09/2026

🌶️ HOT TAKE! 🌶️ Figma is not a very good source of truth for your design tokens. The limitations in types and the way features are implemented make it difficult to capture common tokens like line heights and shadows. #DesignSystems

3202

Steven Spriggs @stevenspriggs.bsky.social · 05/08/2026

Anyone else having authentication issues on codepen? I keep getting dropped to a 500 error page after auth with GitHub oauth. /cc @chriscoyier.net Not sure if this is valid status downforeveryoneorjustme.com/codepen.io but showing down for me.

100

Reposted by Steven Spriggs

Stefan Judis @stefanjudis.com · 17/07/2026

If you're dealing with SVG icons you probably know the pain of overwriting colors. There's a new spec in the making that allows controlling CSS variables from "the outside". And it's shipping in Firefox already! drafts.csswg.org...

Code snippet: img { link-parameters: param(--color, green); } and .foo { background-image: url("image.svg", param(--color, green)); }

613725

Steven Spriggs @stevenspriggs.bsky.social · 28/05/2026

Quick stop in at Shirley heights and tour of Nelson dockyard.

Overlook of English harbor from Shirley heights

000

Steven Spriggs @stevenspriggs.bsky.social · 27/05/2026

This is now a curtain bluff stan account.

010

Steven Spriggs @stevenspriggs.bsky.social · 24/05/2026

Curtain Bluff is an amazing resort in Antigua if you are ever looking for a nice getaway.

First night sunset over the bay, fluffy clouds and slopes mask part of the sunset red lit sky.

Panorama view from a top the bluff. Beautiful palms and tropic plants line the frame with the bay and resort beach in the distance.

000

Reposted by Steven Spriggs

Brian Kardell @bkardell.com · 13/05/2026

Happy Anniversary CSS! On 12 May 1998 CSS level 2 went to Rec. It's amazing how far the web and CSS has come in 28 years. Thank you to everyone who has contributed to CSS over the years! www.w3.org/Style/CSS/Ov... #WebStandards #WebDesign #CSS w3c.social/@w3c/1165617...

w3c.social

World Wide Web Consortium (@w3c@w3c.social)

Attached: 1 image Happy Anniversary CSS! On 12 May 1998 CSS level 2 went to Rec. It's amazing how far the web and CSS has come in 28 years. Thank you to everyone who has contributed to CSS over th...

0379

Reposted by Steven Spriggs

Justin Fagnani @justinfagnani.com · 12/03/2026

I just noticed that @lit.dev crossed the 5M downloads/week mark on npm! 🎉 That's more than 2x in the last year, and 6x in the last three years 🚀

A graph from npmtrends.com of lit downloads over the last 5 years, showing growth from 0 to 5,000,000

14610

Reposted by Steven Spriggs

Tom Joscelyn @tomjoscelyn.bsky.social · 15/02/2026

We must speak plainly about the agenda Elon Musk & other MAGA leaders are pushing. It’s white nationalism. There’s no room for Black, Hispanic/Latino, Asian, Native, Jewish or all other Americans in Musk’s monocultural vision. Multiculturalism is superior. We can’t allow Musk & others to end it.

55253321510

Reposted by Steven Spriggs

Una Kravets @una.im · 05/02/2026

border-shape can handle both insets and outsets, so you can do effects like this chevron nav (corner-shape can't do both). This means you get a perfectly-wrapping focus ring without needing to manage z-index or having it partially covered due to overlap. Demo: codepen.io/una/pen/ByzY...

920731

Steven Spriggs @stevenspriggs.bsky.social · 28/10/2025

Do you work with DTCG-formatted design tokens in CSS? Check out the recently improved Design Tokens Language Server: github.com/bennypowers/... by @bennypowers.dev.web.brid.gy Rewritten in Go for a 96.2% speed increase while using 89.4% less memory and 89.2% smaller binary. Happy coding!

010

Reposted by Steven Spriggs

Octavia Spriggs @octaviaspriggs.bsky.social · 01/10/2025

Happy October! 🍁 Cotton grass at Dolly Sods Wilderness Area, West Virginia #landscape #nature #photography #art

031

Reposted by Steven Spriggs

Lit @lit.dev · 14/10/2025

Lit is joining @openjsf.org! 🎉 Today at JSConf, The OpenJS Foundation announced Lit is officially joining as an Impact Project! We're beyond excited for this move and look forward to continuing our work to build the open web with OpenJS! Read more on our blog: lit.dev/blog/2025-10...

lit.dev

Lit is Joining the OpenJS Foundation!

Lit is officially joining the OpenJS Foundation as an Impact Project!

012140

Reposted by Steven Spriggs

Keith Cirkel @keithamus.social · 01/07/2025

Hot off the presses! Firefox Nightly (www.mozilla.org/en-GB/firefo...) adds the new :heading pseudo! Easily style all headings, or use nth-child-like AnB syntax to select a range of headings! Needs `layout.css.heading-selector.enabled` flag enabled. Try it out and let me know your thoughts.

A screenshot of Firefox Nightly, with the Codepen https://codepen.io/keithamus/pen/wBaZVaX open. The page showing 6 heading levels, showing the CSS, HTML and the rendered page. Each heading is styled differently using the provided CSS selectors, `:heading` (which styles all headers), `:heading(-2n+3)` (styles h1 and h3 elements), `:heading(5, 6)` (styles the h5 and h6 elements). Another Firefox Nightly window is open, showing the `layout.css.heading-selector.enabled` flag is set to `true`, making the rendered page styled using the new selectors.

310029

Reposted by Steven Spriggs

Jim Nielsen @jim-nielsen.com · 17/04/2025

Proposal to rename "dependencies" in package.json to "liabilities”. So the new structure would be: ``` { "liabilities": { "react": "^19.0.0", "typescript": "^5.0.0" }, "devLiabilities": {...} } ```

1648

Reposted by Steven Spriggs

MꙬse Allain @mooseallain.bsky.social · 07/01/2025

Asterisks are ****ing great. I swear by them.

392020323

Steven Spriggs @stevenspriggs.bsky.social · 23/12/2024

Day 2 of the little man shredding the hill. This time no photos, but is incredible to watch things start to click for him. Going to be an incredibly fun season. #blueski #ski

010

Steven Spriggs @stevenspriggs.bsky.social · 21/12/2024

Proud papa today. Took my three year old skiing with his first lift ticket. He did amazing and had a blast. #blueski #ski #skiwv #timberlinemountain

010

Steven Spriggs @stevenspriggs.bsky.social · 05/12/2024

Balancing building complex web components and the desire for progressive enhancement is hard. Hiding content from users until components load brings up ptsd memories of flash load screens.

110

Steven Spriggs @stevenspriggs.bsky.social · 22/11/2024

With the update to chrome 131 and the stated styling improvements for details summary. developer.chrome.com/blog/new-in-... I can no longer use details as display contents in a grid. Works in chrome 130/ Firefox / Safari. codepen.io/zeroedin/pen... Introduced bug? @chromium.social

codepen.io

grid with display: contents child (chrome 131 bug?)

...

221

Reposted by Steven Spriggs

Ana Tudor @anatudor.bsky.social · 12/03/2024

#tinyCSStip One thing that has always annoyed me about `:empty` is that it doesn't work for elements that have text content, but no element children. `:has()` fixes this problem. `:not(:has(*))` selects elements that don't have element children, even if they have text content.

:empty {
/* only selects elements without element children
* and without any text content whatsoever,
* including whitespace */
}

:not(:has(*)) {
/* selects elements without element children,
* even if they have any kind of text content */
}

3569

Steven Spriggs @stevenspriggs.bsky.social · 06/03/2024

“the ‘grid’ the designers wield (those … light pink lines superimposed over a whitespace-rich design comp) is a different beast than the ‘grid’ that developers wield (which includes CSS Grid, Flexbox, and a slew of other modern CSS techniques).” - @bradfrost.bsky.social 🍻 I’m here for this

bradfrost.com

Layout & Grid in Design Systems

Simply saying the word "grid" conjures up strong and confusing feelings. Kinda like puberty! With so much history and so many different (and sometimes competing) paradigms, it's no wonder conversation...

000

Steven Spriggs @stevenspriggs.bsky.social · 05/03/2024

Attempting to learn to use and configure neovim (again).

000

Steven Spriggs @stevenspriggs.bsky.social · 01/02/2024

Been awhile since I checked back in on bluesky looks like more action. Might start cross posting from mastadon

040