Steve
@srios.net
built a little guest chat into my contact page: no signup, just a name and your message
its read-only for me (I won’t reply there), but I’ll see it
www.srios.net/contact
its read-only for me (I won’t reply there), but I’ll see it
www.srios.net/contact
Contact - Steve Rios
Get in touch or just say hey.
www.srios.net
January 13, 2026 at 1:29 AM
built a little guest chat into my contact page: no signup, just a name and your message
its read-only for me (I won’t reply there), but I’ll see it
www.srios.net/contact
its read-only for me (I won’t reply there), but I’ll see it
www.srios.net/contact
Reposted by Steve
do you have an idea that you’ve been meaning to build? (or want to help someone build theirs?) are you going to be in SF on Oct 21?
I’m teaming up with @clerk.com to put on a hackathon where you’ll get to demo to industry heavy hitters! limited spots, so sign up now
luma.com/e4cdjt3u
I’m teaming up with @clerk.com to put on a hackathon where you’ll get to demo to industry heavy hitters! limited spots, so sign up now
luma.com/e4cdjt3u
Official Next.js Conf Opening Hackathon by Clerk w/ CodeTV · Luma
Kick off Next.js Conf 2025 with a fast-paced hackathon where developers team up, race against the clock, and bring bold ideas to life.
With only a few hours to…
luma.com
October 12, 2025 at 3:08 PM
do you have an idea that you’ve been meaning to build? (or want to help someone build theirs?) are you going to be in SF on Oct 21?
I’m teaming up with @clerk.com to put on a hackathon where you’ll get to demo to industry heavy hitters! limited spots, so sign up now
luma.com/e4cdjt3u
I’m teaming up with @clerk.com to put on a hackathon where you’ll get to demo to industry heavy hitters! limited spots, so sign up now
luma.com/e4cdjt3u
Reposted by Steve
The Philippines was just hit with yet _another_ earthquake 😔, this time off the coast of my wife's family's island of Mindanao.
You can donate to relief efforts here, and we're donating 15% of all of our course sales to help. More info here: bradfrost.com/blog/post/do...
You can donate to relief efforts here, and we're donating 15% of all of our course sales to help. More info here: bradfrost.com/blog/post/do...
Donating to The Philippines Earthquake Relief Effort
Last week, the island of Cebu in The Philippines was hit with a powerful 6.9 magnitude earthquake. We were on a call with our friend and colleague, Nicole, when the earthquake happened and she had to…
bradfrost.com
October 10, 2025 at 1:46 PM
The Philippines was just hit with yet _another_ earthquake 😔, this time off the coast of my wife's family's island of Mindanao.
You can donate to relief efforts here, and we're donating 15% of all of our course sales to help. More info here: bradfrost.com/blog/post/do...
You can donate to relief efforts here, and we're donating 15% of all of our course sales to help. More info here: bradfrost.com/blog/post/do...
Reposted by Steve
FOLLOW MY INCANTATIONS AND ALL YOUR DREAMS WILL COME TRUE
October 9, 2025 at 6:38 PM
FOLLOW MY INCANTATIONS AND ALL YOUR DREAMS WILL COME TRUE
Reposted by Steve
I'm working on something where I'm going to need to check contrast ratios of text/bg. I know there are a few options, (maybe all flawed in one way or another?), what's the best option these days?
October 3, 2025 at 1:56 PM
I'm working on something where I'm going to need to check contrast ratios of text/bg. I know there are a few options, (maybe all flawed in one way or another?), what's the best option these days?
Reposted by Steve
CSS Ramp Functions? Was this it? Seems pretty dang useful.
Slide up or down a scale like an infinite t-shirt size sort of thing. Could also be 100/200/300/etc. Could also be a base-multiplier sort of situation. Dealer's choice.
(Thanks @mayank.co for jogging my memory)
codepen.io/davatron5000...
Slide up or down a scale like an infinite t-shirt size sort of thing. Could also be 100/200/300/etc. Could also be a base-multiplier sort of situation. Dealer's choice.
(Thanks @mayank.co for jogging my memory)
codepen.io/davatron5000...
ramp-functions
...
codepen.io
October 1, 2025 at 1:02 AM
CSS Ramp Functions? Was this it? Seems pretty dang useful.
Slide up or down a scale like an infinite t-shirt size sort of thing. Could also be 100/200/300/etc. Could also be a base-multiplier sort of situation. Dealer's choice.
(Thanks @mayank.co for jogging my memory)
codepen.io/davatron5000...
Slide up or down a scale like an infinite t-shirt size sort of thing. Could also be 100/200/300/etc. Could also be a base-multiplier sort of situation. Dealer's choice.
(Thanks @mayank.co for jogging my memory)
codepen.io/davatron5000...
I wrote about how you can easily improve website speed with a few lines of CSS.
srios.net/articles/eas...
srios.net/articles/eas...
Easy tricks to improve site-speed with CSS - Steve Rios
Two easy tricks to improve site-speed with CSS
srios.net
September 28, 2025 at 1:58 PM
I wrote about how you can easily improve website speed with a few lines of CSS.
srios.net/articles/eas...
srios.net/articles/eas...
Reposted by Steve
We’re live!! My brand-new course, “Whimsical Animations”, is now available. 🥳🎉
whimsy.joshwcomeau.com
I’m so excited to share all of my animation tools and techniques with y’all. 😄
whimsy.joshwcomeau.com
I’m so excited to share all of my animation tools and techniques with y’all. 😄
Whimsical Animations
Learn how to create charming interactions and delightful touches using the magic of CSS, JavaScript, SVG, and Canvas. I’m sharing all my tricks in this one!
whimsy.joshwcomeau.com
September 24, 2025 at 2:56 PM
We’re live!! My brand-new course, “Whimsical Animations”, is now available. 🥳🎉
whimsy.joshwcomeau.com
I’m so excited to share all of my animation tools and techniques with y’all. 😄
whimsy.joshwcomeau.com
I’m so excited to share all of my animation tools and techniques with y’all. 😄
Reposted by Steve
I’ve spent a long time pouring the contents of my brain into this course. I’m really grateful to @penpot.app for making the course free, and for the brilliant, creative, and generous Penpot team who are bringing it to life.
We're celebrating!
We've just launched our brand new (and free!) Penpot Course, and we're kicking things off with the UI Design with Penpot Free Course!
Check out the course and get all the details here:
community.penpot.app/t/our-new-fr...
We've just launched our brand new (and free!) Penpot Course, and we're kicking things off with the UI Design with Penpot Free Course!
Check out the course and get all the details here:
community.penpot.app/t/our-new-fr...
Our new (free!) UI Design with Penpot course
Hello friends! I’m excited to share our new (free!) UI Design with Penpot course. Together with the wonderful Penpot team, I’ve been working on this for a while! We’re bringing together: Practic...
community.penpot.app
July 1, 2025 at 2:46 PM
I’ve spent a long time pouring the contents of my brain into this course. I’m really grateful to @penpot.app for making the course free, and for the brilliant, creative, and generous Penpot team who are bringing it to life.
Reposted by Steve
Reposted by Steve
Hey all, we are hiring at Google on my team in Core- if you're interested in infrastructure at scale, here are some of the openings!
google.com/about/career...
google.com/about/career...
Senior Software Engineer, Developer Tools, Core — Google Careers
google.com
April 18, 2025 at 1:38 PM
Hey all, we are hiring at Google on my team in Core- if you're interested in infrastructure at scale, here are some of the openings!
google.com/about/career...
google.com/about/career...
Reposted by Steve
🌠 I just updated by CSS Reset to include a handy new declaration:
html {
interpolate-size: allow-keywords;
}
This rule allows us to animate height from "0px" to "auto", perfect for accordions and other collapsible UI. ✨
Learn more in my blog post about it:
www.joshwcomeau.com/css/custom-c...
html {
interpolate-size: allow-keywords;
}
This rule allows us to animate height from "0px" to "auto", perfect for accordions and other collapsible UI. ✨
Learn more in my blog post about it:
www.joshwcomeau.com/css/custom-c...
A Modern CSS Reset • Josh W. Comeau
I have a set of baseline CSS styles that come with me from project to project. In the past, I'd use a typical CSS reset, but times have changed, and I believe I have a better set of global styles!
www.joshwcomeau.com
March 25, 2025 at 3:14 PM
🌠 I just updated by CSS Reset to include a handy new declaration:
html {
interpolate-size: allow-keywords;
}
This rule allows us to animate height from "0px" to "auto", perfect for accordions and other collapsible UI. ✨
Learn more in my blog post about it:
www.joshwcomeau.com/css/custom-c...
html {
interpolate-size: allow-keywords;
}
This rule allows us to animate height from "0px" to "auto", perfect for accordions and other collapsible UI. ✨
Learn more in my blog post about it:
www.joshwcomeau.com/css/custom-c...
Reposted by Steve
I chatted with @linuxjedi.co.uk about what he terms "a war going on within the @wordpress.org community." For this @redmonk.com conversation, we discuss the current litigation, it's broader implications for oss, and his WordPress Slack ban. redmonk.com/blog/2025/03... youtube.com/shorts/c-sWc...
#Wordpress War Checkbox Controversy and Slack Ban w Andrew Hutchings (LinuxJedi)
YouTube video by RedMonk
youtube.com
March 24, 2025 at 1:34 PM
I chatted with @linuxjedi.co.uk about what he terms "a war going on within the @wordpress.org community." For this @redmonk.com conversation, we discuss the current litigation, it's broader implications for oss, and his WordPress Slack ban. redmonk.com/blog/2025/03... youtube.com/shorts/c-sWc...
Curious about the differences between interface and type in TypeScript? 🤔 I wrote a quick blog post that talks about their similarities and when to use each.
srios.net/articles/typ...
srios.net/articles/typ...
Interfaces vs Types in TypeScript - Steve Rios
What’s the difference between interface and type in TypeScript?
srios.net
March 21, 2025 at 12:11 AM
Curious about the differences between interface and type in TypeScript? 🤔 I wrote a quick blog post that talks about their similarities and when to use each.
srios.net/articles/typ...
srios.net/articles/typ...
Reposted by Steve
Pro-tip for folks wanting to upgrade to React 19 but have dependencies with overly aggressive peerDependencies configuration.
Stick this in your .npmrc:
legacy-peer-deps=true
Stick this in your .npmrc:
legacy-peer-deps=true
December 5, 2024 at 8:18 PM
Pro-tip for folks wanting to upgrade to React 19 but have dependencies with overly aggressive peerDependencies configuration.
Stick this in your .npmrc:
legacy-peer-deps=true
Stick this in your .npmrc:
legacy-peer-deps=true
Reposted by Steve
You can float an image and use `shape-outside` and it can be the same src as the actual image itself (as long as it has alpha transparency or whatever I guess).
(From www.bloomberg.com/features/202...)
(From www.bloomberg.com/features/202...)
December 5, 2024 at 8:24 PM
You can float an image and use `shape-outside` and it can be the same src as the actual image itself (as long as it has alpha transparency or whatever I guess).
(From www.bloomberg.com/features/202...)
(From www.bloomberg.com/features/202...)
Reposted by Steve
If you have any projects / products shipped on @Vercel.com, tag us! We’d love to have a feed of all the awesome things you’re building 😁
December 5, 2024 at 8:48 PM
If you have any projects / products shipped on @Vercel.com, tag us! We’d love to have a feed of all the awesome things you’re building 😁
Reposted by Steve
If you're in the Dallas area and haven't signed up for Danny Thompson's 100% for-charity conference, you really need to get on that.
Besides being for a good cause, the content is genuinely impressive. Some incredibly good talks scheduled—and also my TypeScript workshop 😬
Besides being for a good cause, the content is genuinely impressive. Some incredibly good talks scheduled—and also my TypeScript workshop 😬
December 3, 2024 at 9:38 PM
If you're in the Dallas area and haven't signed up for Danny Thompson's 100% for-charity conference, you really need to get on that.
Besides being for a good cause, the content is genuinely impressive. Some incredibly good talks scheduled—and also my TypeScript workshop 😬
Besides being for a good cause, the content is genuinely impressive. Some incredibly good talks scheduled—and also my TypeScript workshop 😬
Reposted by Steve
🏠 I’m having an Open House!
This has become a bit of a tradition for me. Every Black Friday, I select a couple of lessons from my courses and make them public for a few days. This way, potential students can test-drive the content and see if it’s a good fit for them!
The doors have just opened. 😄
This has become a bit of a tradition for me. Every Black Friday, I select a couple of lessons from my courses and make them public for a few days. This way, potential students can test-drive the content and see if it’s a good fit for them!
The doors have just opened. 😄
Introduction • The Joy of React
Welcome, prospective student! This small collection of lessons is designed to give you a feel for my teaching style, and the way the content is structured. I hope it helps give you a sense of what the...
courses.joshwcomeau.com
November 27, 2024 at 10:49 PM
🏠 I’m having an Open House!
This has become a bit of a tradition for me. Every Black Friday, I select a couple of lessons from my courses and make them public for a few days. This way, potential students can test-drive the content and see if it’s a good fit for them!
The doors have just opened. 😄
This has become a bit of a tradition for me. Every Black Friday, I select a couple of lessons from my courses and make them public for a few days. This way, potential students can test-drive the content and see if it’s a good fit for them!
The doors have just opened. 😄
Reposted by Steve
Using `min-width: fit-content` instead of `white-space: nowrap` is probably my favorite discovery and tip that I shared this year.
Basically the same result but no potential overflow issues.
You can see it in action in this video where the buttons stack as the space reduces.
Basically the same result but no potential overflow issues.
You can see it in action in this video where the buttons stack as the space reduces.
November 26, 2024 at 3:56 PM
Using `min-width: fit-content` instead of `white-space: nowrap` is probably my favorite discovery and tip that I shared this year.
Basically the same result but no potential overflow issues.
You can see it in action in this video where the buttons stack as the space reduces.
Basically the same result but no potential overflow issues.
You can see it in action in this video where the buttons stack as the space reduces.
November 25, 2024 at 6:00 PM
Reposted by Steve
NEW WEB DEV CHALLENGE DROPPED
hand turkeys, full stack bash apps, judgmental Pomeranians — this episode has it all!
Google Gemini sponsored and challenged me, @brianholt.me, @zeu.dev, and @badcop.live to build an app inspired by gratitude
lwj.dev/wdc/s1e8
hand turkeys, full stack bash apps, judgmental Pomeranians — this episode has it all!
Google Gemini sponsored and challenged me, @brianholt.me, @zeu.dev, and @badcop.live to build an app inspired by gratitude
lwj.dev/wdc/s1e8
What can you build in 4 hours with Google Gemini? — Web Dev Challenge S1E8
Enjoy the videos and music you love, upload original content, and share it all with friends, family, and the world on YouTube.
lwj.dev
November 25, 2024 at 3:26 PM
NEW WEB DEV CHALLENGE DROPPED
hand turkeys, full stack bash apps, judgmental Pomeranians — this episode has it all!
Google Gemini sponsored and challenged me, @brianholt.me, @zeu.dev, and @badcop.live to build an app inspired by gratitude
lwj.dev/wdc/s1e8
hand turkeys, full stack bash apps, judgmental Pomeranians — this episode has it all!
Google Gemini sponsored and challenged me, @brianholt.me, @zeu.dev, and @badcop.live to build an app inspired by gratitude
lwj.dev/wdc/s1e8
Reposted by Steve
📣 It's live!
Here's the full write up of how I show Bluesky likes on my blog posts, after I've shared them to Bluesky.
Like this post to be featured on this blog post (until there are more than 59 likes, in which case, you'll bumped off)!
Here's the full write up of how I show Bluesky likes on my blog posts, after I've shared them to Bluesky.
Like this post to be featured on this blog post (until there are more than 59 likes, in which case, you'll bumped off)!
How I show Bluesky likes on my blog posts
Learn how to use the Bluesky API to show likes and Bluesky user avatars on your blog posts when you share them on Bluesky.
whitep4nth3r.com
November 22, 2024 at 2:23 PM
📣 It's live!
Here's the full write up of how I show Bluesky likes on my blog posts, after I've shared them to Bluesky.
Like this post to be featured on this blog post (until there are more than 59 likes, in which case, you'll bumped off)!
Here's the full write up of how I show Bluesky likes on my blog posts, after I've shared them to Bluesky.
Like this post to be featured on this blog post (until there are more than 59 likes, in which case, you'll bumped off)!
Reposted by Steve
IT HAS FINALLY HAPPENED!
My brother @leonnoel.bsky.social and I have combined our efforts to bring you
"The Programming Podcast"
We will be talking about careers, technical subjects, making tech topics more approachable, interviews with guests, and more.
The first episode is live!
⤵️
My brother @leonnoel.bsky.social and I have combined our efforts to bring you
"The Programming Podcast"
We will be talking about careers, technical subjects, making tech topics more approachable, interviews with guests, and more.
The first episode is live!
⤵️
November 14, 2024 at 6:07 PM
IT HAS FINALLY HAPPENED!
My brother @leonnoel.bsky.social and I have combined our efforts to bring you
"The Programming Podcast"
We will be talking about careers, technical subjects, making tech topics more approachable, interviews with guests, and more.
The first episode is live!
⤵️
My brother @leonnoel.bsky.social and I have combined our efforts to bring you
"The Programming Podcast"
We will be talking about careers, technical subjects, making tech topics more approachable, interviews with guests, and more.
The first episode is live!
⤵️
Reposted by Steve
Google UI Workshop
✅ scroll driven animations
✅ view transitions
✅ popovers
✅ container queries
nerdy.dev/i-put-a-work...
✅ scroll driven animations
✅ view transitions
✅ popovers
✅ container queries
nerdy.dev/i-put-a-work...
I Put A Workshop On Chrome Developers Youtube · November 13, 2024
Website for Adam Argyle: Teacher, Speaker, CSSWG member, and creator of Open Props and VisBug.
nerdy.dev
November 13, 2024 at 9:04 PM
Google UI Workshop
✅ scroll driven animations
✅ view transitions
✅ popovers
✅ container queries
nerdy.dev/i-put-a-work...
✅ scroll driven animations
✅ view transitions
✅ popovers
✅ container queries
nerdy.dev/i-put-a-work...