sarah
@suwoon.bsky.social
software engineer 🎀
i like to create nice looking things
i like to create nice looking things
Reposted by sarah
flash drives are so big for so cheap nowadays that it actually fucks me up. i don't want to put a single text file on a 128gb stick. it's too big. the file is going to get all rattled around and dinged up if i leave it in there by itself
March 16, 2025 at 6:30 PM
flash drives are so big for so cheap nowadays that it actually fucks me up. i don't want to put a single text file on a 128gb stick. it's too big. the file is going to get all rattled around and dinged up if i leave it in there by itself
Reposted by sarah
i’m back in the game. first blog post in a few years. don’t want to overpromise but this will be a little series
overreacted.io/a-chain-reac...
overreacted.io/a-chain-reac...
A Chain Reaction — overreacted
The limits of my language mean the limits of my world.
overreacted.io
December 11, 2023 at 5:25 PM
i’m back in the game. first blog post in a few years. don’t want to overpromise but this will be a little series
overreacted.io/a-chain-reac...
overreacted.io/a-chain-reac...
Reposted by sarah
Seems to be the week for annoucements for me... yesterday my HTML & CSS for beginners course, and now: frontendmasters.com/courses/pro-...
January 11, 2025 at 1:36 PM
Seems to be the week for annoucements for me... yesterday my HTML & CSS for beginners course, and now: frontendmasters.com/courses/pro-...
Reposted by sarah
Not to brag, but I can always put a USB-C cable in the right way up first time.
January 2, 2025 at 11:12 AM
Not to brag, but I can always put a USB-C cable in the right way up first time.
Reposted by sarah
👋 I’m doing some tests around SVG vs. Canvas performance, and I need your help!
I’ve created 3 tests that render the same interactive UI using different techniques. Can you quickly tell me how they perform on your device?
Here’s the link, more instructions in thread:
wa-svg-vs-canvas.vercel.app
I’ve created 3 tests that render the same interactive UI using different techniques. Can you quickly tell me how they perform on your device?
Here’s the link, more instructions in thread:
wa-svg-vs-canvas.vercel.app
Canvas vs. SVG performance tests
wa-svg-vs-canvas.vercel.app
December 31, 2024 at 6:32 PM
👋 I’m doing some tests around SVG vs. Canvas performance, and I need your help!
I’ve created 3 tests that render the same interactive UI using different techniques. Can you quickly tell me how they perform on your device?
Here’s the link, more instructions in thread:
wa-svg-vs-canvas.vercel.app
I’ve created 3 tests that render the same interactive UI using different techniques. Can you quickly tell me how they perform on your device?
Here’s the link, more instructions in thread:
wa-svg-vs-canvas.vercel.app
my hobby is looking for cute vscode extensions (ft. celestial magic girl icon theme) 🎀✨
January 3, 2025 at 12:40 AM
my hobby is looking for cute vscode extensions (ft. celestial magic girl icon theme) 🎀✨
Reposted by sarah
the meanest react you can leave on github issues is not 👎, but 😕
January 1, 2025 at 5:05 PM
the meanest react you can leave on github issues is not 👎, but 😕
an old article, but an interesting peep under the hood medium.com/@ryardley/re...
React hooks: not magic, just arrays
Untangling the rules around the proposal using diagrams
medium.com
December 18, 2024 at 4:32 PM
an old article, but an interesting peep under the hood medium.com/@ryardley/re...
Reposted by sarah
Here's an end-of-year treat for you.
I'm making my most popular paid workshop free to access until December 19th.
It's the deepest dive into TypeScript generics you could imagine.
GET THAT SWEET SWEET KNOWLEDGE
www.totaltypescript.com/workshops/ty...
I'm making my most popular paid workshop free to access until December 19th.
It's the deepest dive into TypeScript generics you could imagine.
GET THAT SWEET SWEET KNOWLEDGE
www.totaltypescript.com/workshops/ty...
TypeScript Generics Workshop
Master TypeScript's generics with exercises from basics to advanced, including conditional types and currying.
www.totaltypescript.com
December 11, 2024 at 4:04 PM
Here's an end-of-year treat for you.
I'm making my most popular paid workshop free to access until December 19th.
It's the deepest dive into TypeScript generics you could imagine.
GET THAT SWEET SWEET KNOWLEDGE
www.totaltypescript.com/workshops/ty...
I'm making my most popular paid workshop free to access until December 19th.
It's the deepest dive into TypeScript generics you could imagine.
GET THAT SWEET SWEET KNOWLEDGE
www.totaltypescript.com/workshops/ty...
Reposted by sarah
Ooh if you’re interested in the algorithm being put to use here, I wrote an interactive post about them! They’re really cool, and this is a neat use case for them.
samwho.dev/bloom-filters
samwho.dev/bloom-filters
December 17, 2024 at 11:22 PM
Ooh if you’re interested in the algorithm being put to use here, I wrote an interactive post about them! They’re really cool, and this is a neat use case for them.
samwho.dev/bloom-filters
samwho.dev/bloom-filters
Reposted by sarah
React v19 – React
The library for web and native user interfaces
react.dev
December 5, 2024 at 7:05 PM
Reposted by sarah
Oh my god, I've been putting up with this for so long that I stopped dreaming this day would come.
One of the biggest problems with UI development is about to be solved!
Customizable
Customizable
December 5, 2024 at 9:11 PM
Oh my god, I've been putting up with this for so long that I stopped dreaming this day would come.
Reposted by sarah
Do you hate writing JavaScript for simple events?
Invokers are one of the coolest upcoming HTML APIs and they allow you to do things like open a modal without writing a line of JS.
youtu.be/Ctb9-Bb2j-Y
Invokers are one of the coolest upcoming HTML APIs and they allow you to do things like open a modal without writing a line of JS.
youtu.be/Ctb9-Bb2j-Y
Invokers Explained - The new HTML API that to trigger events without JavaScript
YouTube video by Syntax
youtu.be
December 5, 2024 at 9:39 PM
Do you hate writing JavaScript for simple events?
Invokers are one of the coolest upcoming HTML APIs and they allow you to do things like open a modal without writing a line of JS.
youtu.be/Ctb9-Bb2j-Y
Invokers are one of the coolest upcoming HTML APIs and they allow you to do things like open a modal without writing a line of JS.
youtu.be/Ctb9-Bb2j-Y
the world must watch this hamster stretch and yawn www.reddit.com/r/hamsters/s...
From the hamsters community on Reddit: Just casually stretch and yawn 😌
Explore this post and more from the hamsters community
www.reddit.com
December 5, 2024 at 3:03 PM
the world must watch this hamster stretch and yawn www.reddit.com/r/hamsters/s...
Reposted by sarah
#CSS scroll-state() container queries:
the "stuck" query
```css
@container scroll-state(stuck: top) {
box-shadow: var(--shadow-5);
border-radius: var(--radius-3);
margin: var(--size-5);
}
```
article coming soon!
(currently in Canary experiments)
the "stuck" query
```css
@container scroll-state(stuck: top) {
box-shadow: var(--shadow-5);
border-radius: var(--radius-3);
margin: var(--size-5);
}
```
article coming soon!
(currently in Canary experiments)
December 5, 2024 at 12:55 AM
#CSS scroll-state() container queries:
the "stuck" query
```css
@container scroll-state(stuck: top) {
box-shadow: var(--shadow-5);
border-radius: var(--radius-3);
margin: var(--size-5);
}
```
article coming soon!
(currently in Canary experiments)
the "stuck" query
```css
@container scroll-state(stuck: top) {
box-shadow: var(--shadow-5);
border-radius: var(--radius-3);
margin: var(--size-5);
}
```
article coming soon!
(currently in Canary experiments)
Reposted by sarah
begging the devs for a reddit style 'collapse post' button to make reading threads easier
December 3, 2024 at 8:23 PM
begging the devs for a reddit style 'collapse post' button to make reading threads easier
Reposted by sarah
One of my favourite UI patterns is using `backdrop-filter` to create a “frosted glass” effect.
When I see this effect in the wild, though, it’s almost never as lush and realistic as it could be. There’s an important optimization that nobody makes.
✨ I share the secret sauce in my brand-new post:
When I see this effect in the wild, though, it’s almost never as lush and realistic as it could be. There’s an important optimization that nobody makes.
✨ I share the secret sauce in my brand-new post:
Next-level frosted glass with backdrop-filter • Josh W. Comeau
Glassy headers have become a core part of the “slick startup” UI toolkit, but they’re all missing that final 10% that really makes it shine. In this tutorial, you’ll learn how to create the most reali...
joshwcomeau.com
December 2, 2024 at 6:18 PM
One of my favourite UI patterns is using `backdrop-filter` to create a “frosted glass” effect.
When I see this effect in the wild, though, it’s almost never as lush and realistic as it could be. There’s an important optimization that nobody makes.
✨ I share the secret sauce in my brand-new post:
When I see this effect in the wild, though, it’s almost never as lush and realistic as it could be. There’s an important optimization that nobody makes.
✨ I share the secret sauce in my brand-new post:
Reposted by sarah
💡 CSS Tip!
Create a glowing border animation around your image using a few lines of code and modern CSS (single element as usual).
The cool part? The border smoothly returns to its initial position when the mouse leaves the element! 👀
Code & demo 👉 css-tip.com/glowing-bord...
#CSS
Create a glowing border animation around your image using a few lines of code and modern CSS (single element as usual).
The cool part? The border smoothly returns to its initial position when the mouse leaves the element! 👀
Code & demo 👉 css-tip.com/glowing-bord...
#CSS
December 3, 2024 at 11:11 AM
💡 CSS Tip!
Create a glowing border animation around your image using a few lines of code and modern CSS (single element as usual).
The cool part? The border smoothly returns to its initial position when the mouse leaves the element! 👀
Code & demo 👉 css-tip.com/glowing-bord...
#CSS
Create a glowing border animation around your image using a few lines of code and modern CSS (single element as usual).
The cool part? The border smoothly returns to its initial position when the mouse leaves the element! 👀
Code & demo 👉 css-tip.com/glowing-bord...
#CSS
Reposted by sarah
10 powerful ways to use #CSS variables
a non-exhaustive list, but a good one nonetheless!
nerdy.dev/custom-prop-...
a non-exhaustive list, but a good one nonetheless!
nerdy.dev/custom-prop-...
10 powerful ways to use CSS variables · January 26, 2023
Tokens, house props, adaptive props, pseudo-private props, partial props, mixin props, swappy props, style query props, meta lang props and typed props. Oh my!
nerdy.dev
December 3, 2024 at 11:49 PM
10 powerful ways to use #CSS variables
a non-exhaustive list, but a good one nonetheless!
nerdy.dev/custom-prop-...
a non-exhaustive list, but a good one nonetheless!
nerdy.dev/custom-prop-...
Reposted by sarah
ESLint:
⚠️ "Nesting ternary expressions can make code more difficult to understand."
TypeScript:
⚠️ "Nesting ternary expressions can make code more difficult to understand."
TypeScript:
December 3, 2024 at 5:01 PM
ESLint:
⚠️ "Nesting ternary expressions can make code more difficult to understand."
TypeScript:
⚠️ "Nesting ternary expressions can make code more difficult to understand."
TypeScript: