Pinned
Nik
@nik.digital
· May 19
Published a new interactive blog post on tab roving, a nice little technique for making grids and other element groups more accessible for keyboard navigation!
Check it out: https://nik.digital/posts/tab-roving
Check it out: https://nik.digital/posts/tab-roving
Check this out! Strange Attractors by @shashanktomar.bsky.social I could spend hours playing around with this for sure...
blog.shashanktomar.com/posts/strang...
blog.shashanktomar.com/posts/strang...
Strange Attractors | Shashank Tomar
A visualisation of Strange Attractors using a Threejs particle system. In this post, I will try to explain the basics of dynamical systems, chaos theory, attractors and the butterfly effect.
blog.shashanktomar.com
October 31, 2025 at 11:52 PM
Check this out! Strange Attractors by @shashanktomar.bsky.social I could spend hours playing around with this for sure...
blog.shashanktomar.com/posts/strang...
blog.shashanktomar.com/posts/strang...
I'm a React guy and tried Vue with Nuxt recently, and I must say a lot of the magic the Vue compiler does it super unintuitive to me. React seems a lot closer to plain JavaScript.
I ran into so many issues like types not working, props not being passed through, ...
Do I just not get the appeal?
I ran into so many issues like types not working, props not being passed through, ...
Do I just not get the appeal?
October 27, 2025 at 5:26 PM
I'm a React guy and tried Vue with Nuxt recently, and I must say a lot of the magic the Vue compiler does it super unintuitive to me. React seems a lot closer to plain JavaScript.
I ran into so many issues like types not working, props not being passed through, ...
Do I just not get the appeal?
I ran into so many issues like types not working, props not being passed through, ...
Do I just not get the appeal?
Reposted by Nik
Online on a weekend? You can grab access to my web components course for $25 today and tomorrow. Big ol’ discount. Use the code OCT25-26.
(And as usual, if you need further accommodation, just use the email form and we’ll work it out.)
scottjehl.com/learn/webcom...
(And as usual, if you need further accommodation, just use the email form and we’ll work it out.)
scottjehl.com/learn/webcom...
Web Components Demystified online course | Scott Jehl, Web Designer/Developer
A comprehensive, premium course about building dynamic, fast, resilient apps with standard web components.
scottjehl.com
October 25, 2025 at 2:59 PM
Online on a weekend? You can grab access to my web components course for $25 today and tomorrow. Big ol’ discount. Use the code OCT25-26.
(And as usual, if you need further accommodation, just use the email form and we’ll work it out.)
scottjehl.com/learn/webcom...
(And as usual, if you need further accommodation, just use the email form and we’ll work it out.)
scottjehl.com/learn/webcom...
Reposted by Nik
Seems seasonally appropriate to reshare this @ghost.org easter egg
October 25, 2025 at 11:23 AM
Seems seasonally appropriate to reshare this @ghost.org easter egg
Had an absolutely lovely call with @samwho.dev last night and halfway through he pulls up the Google Meet controls on his iPad to find... this abomination of a menu 💀
It gets worse the longer you look at it...
It gets worse the longer you look at it...
October 25, 2025 at 9:05 PM
Had an absolutely lovely call with @samwho.dev last night and halfway through he pulls up the Google Meet controls on his iPad to find... this abomination of a menu 💀
It gets worse the longer you look at it...
It gets worse the longer you look at it...
Had a Philips hairdryer smell burnt today so tried to disassemble it, and what an absolute piece of crap product design. Every decision they made in designing that piece of crap was so that it couldn't possibly be opened up without damage, cleaned, or repaired.
Peak asshole design.
Peak asshole design.
October 19, 2025 at 8:00 PM
Had a Philips hairdryer smell burnt today so tried to disassemble it, and what an absolute piece of crap product design. Every decision they made in designing that piece of crap was so that it couldn't possibly be opened up without damage, cleaned, or repaired.
Peak asshole design.
Peak asshole design.
Studying React Server Components in depth for a paper, and as with all things, there is fascinating stuff there when you dive deeper. Some great resources:
Server Component RFC:
github.com/reactjs/rfcs...
Understanding React Server Components by @tonyalicea.dev:
tonyalicea.dev/blog/underst...
Server Component RFC:
github.com/reactjs/rfcs...
Understanding React Server Components by @tonyalicea.dev:
tonyalicea.dev/blog/underst...
github.com
October 18, 2025 at 11:08 PM
Studying React Server Components in depth for a paper, and as with all things, there is fascinating stuff there when you dive deeper. Some great resources:
Server Component RFC:
github.com/reactjs/rfcs...
Understanding React Server Components by @tonyalicea.dev:
tonyalicea.dev/blog/underst...
Server Component RFC:
github.com/reactjs/rfcs...
Understanding React Server Components by @tonyalicea.dev:
tonyalicea.dev/blog/underst...
Found this on HN the other day, and it's such a chill thing to have open on the side and watch passively. Also, there are way more animals there than I expected!
www.youtube.com/watch?v=ydYD...
www.youtube.com/watch?v=ydYD...
Namibia: Live stream in the Namib Desert
YouTube video by NamibiaCam
www.youtube.com
October 18, 2025 at 9:02 AM
Found this on HN the other day, and it's such a chill thing to have open on the side and watch passively. Also, there are way more animals there than I expected!
www.youtube.com/watch?v=ydYD...
www.youtube.com/watch?v=ydYD...
Reposted by Nik
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.
Spread the word: JavaScript for Everyone launches tomorrow.
October 13, 2025 at 4:55 PM
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.
Spread the word: JavaScript for Everyone launches tomorrow.
Running into a bunch of issues experimenting with anchor positioning, and this blog post sums it up pretty nicely!
www.oddbird.net/2025/01/29/a...
www.oddbird.net/2025/01/29/a...
Here's Why Your Anchor Positioning Isn't Working
How to find an anchor element
www.oddbird.net
October 13, 2025 at 9:16 PM
Running into a bunch of issues experimenting with anchor positioning, and this blog post sums it up pretty nicely!
www.oddbird.net/2025/01/29/a...
www.oddbird.net/2025/01/29/a...
Reposted by Nik
The Immich stable release is out today!
It's an amazing self-hosted alternative to Google Photos and iCloud Photos.
github.com/immich-app/i...
github.com/immich-app/i...
(bonus points: it happens to be written in SvelteKit 😄)
It's an amazing self-hosted alternative to Google Photos and iCloud Photos.
github.com/immich-app/i...
github.com/immich-app/i...
(bonus points: it happens to be written in SvelteKit 😄)
Release v2.0.0 - Stable Release · immich-app/immich
v2.0.0 - Stable Release
Welcome to the release v2.0.0 of Immich. This release marks the first stable version of Immich. You can read our announcement blog post here to learn what stable means for I...
github.com
October 1, 2025 at 10:05 PM
The Immich stable release is out today!
It's an amazing self-hosted alternative to Google Photos and iCloud Photos.
github.com/immich-app/i...
github.com/immich-app/i...
(bonus points: it happens to be written in SvelteKit 😄)
It's an amazing self-hosted alternative to Google Photos and iCloud Photos.
github.com/immich-app/i...
github.com/immich-app/i...
(bonus points: it happens to be written in SvelteKit 😄)
Reposted by Nik
Easily one of the most delightful people to work with. Andy is the talented designer behind the dogs on my blog posts, and if you have a design role open he is well worth talking to about it!
You know what I could use?... permanent, ongoing #Remote #Work in the fields of #Illustration and #Design
If only more people could look at my #Portfolio
andycarolan.com
If only more people could look at my #Portfolio
andycarolan.com
Andy Carolan
Andy Carolan is an illustrator and designer living in the UK. His work is playful and fun with a bold and bright style.He can be discovered flying solo or as part of a distributed team completing miss...
andycarolan.com
October 2, 2025 at 7:48 AM
Easily one of the most delightful people to work with. Andy is the talented designer behind the dogs on my blog posts, and if you have a design role open he is well worth talking to about it!
Reposted by Nik
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 Nik
Management is common progression path in tech and often, a very tough change for developers. Liam Egan is here to help with some really sound advice to help people navigate this complete switch in their day-to-day.
piccalil.li/blog/transit...
piccalil.li/blog/transit...
Transitioning from being a developer to a manager
Management is common progression path in tech and often, a very tough change for developers. Liam Egan is here to help with some really sound advice to help people navigate this complete switch in their...
piccalil.li
September 23, 2025 at 11:08 AM
Management is common progression path in tech and often, a very tough change for developers. Liam Egan is here to help with some really sound advice to help people navigate this complete switch in their day-to-day.
piccalil.li/blog/transit...
piccalil.li/blog/transit...
Reposted by Nik
My next course, Whimsical Animations, launches in “Early Access” in 1 week from today! 🎉
The most important thing to know is that registration will only be open for 7 days. You’ll be able to register from Sept 24th to Sept 30th. Otherwise, you’ll need to wait for the full launch, sometime in 2026.
The most important thing to know is that registration will only be open for 7 days. You’ll be able to register from Sept 24th to Sept 30th. Otherwise, you’ll need to wait for the full launch, sometime in 2026.
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 17, 2025 at 3:43 PM
My next course, Whimsical Animations, launches in “Early Access” in 1 week from today! 🎉
The most important thing to know is that registration will only be open for 7 days. You’ll be able to register from Sept 24th to Sept 30th. Otherwise, you’ll need to wait for the full launch, sometime in 2026.
The most important thing to know is that registration will only be open for 7 days. You’ll be able to register from Sept 24th to Sept 30th. Otherwise, you’ll need to wait for the full launch, sometime in 2026.
Reposted by Nik
Wrote a little thing about subgrid that I hope you find helpful. Short and sweet, with nice, clean code 🥰 webkit.org/blog/17339/s...
Subgrid: how to line up elements to your heart’s content
When Grid became widely available across browsers in 2017, it was an absolute game changer.
webkit.org
September 16, 2025 at 11:20 PM
Wrote a little thing about subgrid that I hope you find helpful. Short and sweet, with nice, clean code 🥰 webkit.org/blog/17339/s...
Reposted by Nik
✍️ How modern browsers work addyo.substack.com/p/how-modern... - my write-up on browser internals for web developers
How modern browsers work
A web developers guide to browser internals
addyo.substack.com
September 13, 2025 at 7:05 PM
✍️ How modern browsers work addyo.substack.com/p/how-modern... - my write-up on browser internals for web developers
Earlier this week, I learned from @patrickbrosset.com that DevTools in Chrome and Firefox are built using web technologies. That means that yes, you can inspect Chrome DevTools using Chrome DevTools 🤯
September 11, 2025 at 6:00 PM
Earlier this week, I learned from @patrickbrosset.com that DevTools in Chrome and Firefox are built using web technologies. That means that yes, you can inspect Chrome DevTools using Chrome DevTools 🤯
This is a great to-the-point summary of when to use "Your" vs. "My" in user interfaces. Tiny details like these add up fast!
“Go to my account” is awkward, unnatural and sounds like you’re being instructed to go to their account, not yours.
So if you must distinguish between the user’s stuff and other people’s stuff, use “Your”.
If you’d like to read more about this:
adamsilver.io/blog/your-v...
So if you must distinguish between the user’s stuff and other people’s stuff, use “Your”.
If you’d like to read more about this:
adamsilver.io/blog/your-v...
“Your” vs “My” in user interfaces
Adam Silver – interaction designer - London, UK
adamsilver.io
September 11, 2025 at 4:48 PM
This is a great to-the-point summary of when to use "Your" vs. "My" in user interfaces. Tiny details like these add up fast!
Just stumbled over this absolute gem of a personal website by @nicmakesstuff.bsky.social. What a creative and beautiful site full of character. 10/10!
www.nicchan.me
www.nicchan.me
Nic Chan
Nic Chan is a front-end web developer who specializes in design systems, accessibility and Shopify.
www.nicchan.me
September 11, 2025 at 12:24 PM
Just stumbled over this absolute gem of a personal website by @nicmakesstuff.bsky.social. What a creative and beautiful site full of character. 10/10!
www.nicchan.me
www.nicchan.me
Had an absolute blast at @smashingconf.com! What a great bunch of folks all around.
My favorite quote coming from @bradfrost.com: „Pixels are cheap“, explaining that failing is a necessary part of progress.
Thanks for creating such an amazing atmosphere, and I hope to join again next year! 🥳
My favorite quote coming from @bradfrost.com: „Pixels are cheap“, explaining that failing is a necessary part of progress.
Thanks for creating such an amazing atmosphere, and I hope to join again next year! 🥳
September 10, 2025 at 9:57 PM
Had an absolute blast at @smashingconf.com! What a great bunch of folks all around.
My favorite quote coming from @bradfrost.com: „Pixels are cheap“, explaining that failing is a necessary part of progress.
Thanks for creating such an amazing atmosphere, and I hope to join again next year! 🥳
My favorite quote coming from @bradfrost.com: „Pixels are cheap“, explaining that failing is a necessary part of progress.
Thanks for creating such an amazing atmosphere, and I hope to join again next year! 🥳
Great writeup of the math behind refraction and Liquid Glass in the browser! (Chrome only at the moment)
kube.io/blog/liquid-...
kube.io/blog/liquid-...
Liquid Glass in the Browser: Refraction with CSS and SVG — kube.io
Explore how to recreate Apple's stunning Liquid Glass effect using CSS, SVG Displacement Maps, and refraction calculations.
kube.io
September 9, 2025 at 7:07 AM
Great writeup of the math behind refraction and Liquid Glass in the browser! (Chrome only at the moment)
kube.io/blog/liquid-...
kube.io/blog/liquid-...
If you're at @smashingconf.com Freiburg next week, come check out the pre-conference Jam Session on Monday night.
There'll be a few awesome lightning talks, in one of which I'll show you everything wrong with JavaScript dates, and what's being done to fix them! 🎉
smashingconf.com/freiburg-202...
There'll be a few awesome lightning talks, in one of which I'll show you everything wrong with JavaScript dates, and what's being done to fix them! 🎉
smashingconf.com/freiburg-202...
Jam Session — Freiburg in Germany, September 8–11.
The night before the conference kicks off, we’re hosting Jam Session with our dear friends from Virtual Identity, with a few snacks, drinks and micro talks from your fellow attendees! We hope you’ll j...
smashingconf.com
August 31, 2025 at 10:31 PM
If you're at @smashingconf.com Freiburg next week, come check out the pre-conference Jam Session on Monday night.
There'll be a few awesome lightning talks, in one of which I'll show you everything wrong with JavaScript dates, and what's being done to fix them! 🎉
smashingconf.com/freiburg-202...
There'll be a few awesome lightning talks, in one of which I'll show you everything wrong with JavaScript dates, and what's being done to fix them! 🎉
smashingconf.com/freiburg-202...
Reposted by Nik
✨ Big O ✨
Let me take you on a visual introduction to what big O notation is in my new blog post: samwho.dev/big-o.
With big O notation you can better understand how algorithms will perform in practice, finding orders of magnitude improvements often with very simple changes to your code.
Let me take you on a visual introduction to what big O notation is in my new blog post: samwho.dev/big-o.
With big O notation you can better understand how algorithms will perform in practice, finding orders of magnitude improvements often with very simple changes to your code.
August 23, 2025 at 2:35 PM
✨ Big O ✨
Let me take you on a visual introduction to what big O notation is in my new blog post: samwho.dev/big-o.
With big O notation you can better understand how algorithms will perform in practice, finding orders of magnitude improvements often with very simple changes to your code.
Let me take you on a visual introduction to what big O notation is in my new blog post: samwho.dev/big-o.
With big O notation you can better understand how algorithms will perform in practice, finding orders of magnitude improvements often with very simple changes to your code.
CSS Tip of the Day: `overflow: clip;`
You can use it to clip overflowing content in one axis while keeping the other axis overflow visible. This is not possible with `overflow: hidden`.
Try it here:
codepen.io/NikxDa/pen/...
You can use it to clip overflowing content in one axis while keeping the other axis overflow visible. This is not possible with `overflow: hidden`.
Try it here:
codepen.io/NikxDa/pen/...
Overflow `hidden` vs `clip`
...
codepen.io
August 20, 2025 at 11:03 AM
CSS Tip of the Day: `overflow: clip;`
You can use it to clip overflowing content in one axis while keeping the other axis overflow visible. This is not possible with `overflow: hidden`.
Try it here:
codepen.io/NikxDa/pen/...
You can use it to clip overflowing content in one axis while keeping the other axis overflow visible. This is not possible with `overflow: hidden`.
Try it here:
codepen.io/NikxDa/pen/...