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
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...
Seems to be the week for annoucements for me... yesterday my HTML & CSS for beginners course, and now: frontendmasters.com/courses/pro-...
Not to brag, but I can always put a USB-C cable in the right way up first time.
👋 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
my hobby is looking for cute vscode extensions (ft. celestial magic girl icon theme) 🎀✨
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...
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...
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
Oh my god, I've been putting up with this for so long that I stopped dreaming this day would come.
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
the world must watch this hamster stretch and yawn www.reddit.com/r/hamsters/s...
#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)
begging the devs for a reddit style 'collapse post' button to make reading threads easier
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:
💡 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
10 powerful ways to use #CSS variables
a non-exhaustive list, but a good one nonetheless!
nerdy.dev/custom-prop-...
ESLint:
⚠️ "Nesting ternary expressions can make code more difficult to understand."
TypeScript:
