Nik
@nik.digital
📤 231
📥 106
📝 104
Web Developer Writing at nik.digital
pinned post!
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
loading . . .
8 months ago
6
64
15
Happy new year folks ❤️ Hope you had a great 2025 and wishing you an even better 2026 🎉
3 days ago
1
3
0
reposted by
Nik
James Vincent
8 days ago
another robot highlight for 2025: man wearing humanoid mocap suit kicks himself in the balls
loading . . .
953
46797
17584
This really resonated with me. I appreciate Apple trying new things, but Liquid Glass on the Mac is a disaster. Last Year on My Mac: Look back in disbelief
eclecticlight.co/2025/12/28/l...
loading . . .
Last Year on My Mac: Look back in disbelief
If someone had told me 12 months ago what was going to happen this past year, I wouldn’t have believed them. Skipping swiftly past all the political, economic and social turmoil, I come to th…
https://eclecticlight.co/2025/12/28/last-year-on-my-mac-look-back-in-disbelief/
7 days ago
0
3
0
reposted by
Nik
Sam Rose
19 days ago
New post! ✨ Prompt caching ✨ My first big project post for
@ngrok.com
. 5 weeks, 12217 lines of code, 195 commits. I poured a lot into this one, and learned a lot in the process. I really hope you enjoy it ❤️
add a skeleton here at some point
6
95
21
reposted by
Nik
Jen Simmons
16 days ago
Have you been wishing masonry layouts would just hurry up and arrive in CSS?? Well, happy holidays!
webkit.org/blog/17660/i...
loading . . .
Introducing CSS Grid Lanes
It’s here!
https://webkit.org/blog/17660/introducing-css-grid-lanes/
12
275
81
reposted by
Nik
Piccalilli
about 1 month ago
If you're still on the fence about Mindful Design, we got Scott to record a thorough run-through of exactly what to expect on the course and the material he covers.
www.youtube.com/watch?v=s1j6...
loading . . .
A tour of the Mindful Design course
Scott has spent hundreds and hundreds of hours recording video, so we got him to record another one! If you were wondering "what can I get out of this course and how does it work?" then we have *got…
https://www.youtube.com/watch?v=s1j6zF5KiZ4
1
7
3
Check this out! Strange Attractors by
@shashanktomar.bsky.social
I could spend hours playing around with this for sure...
blog.shashanktomar.com/posts/strang...
loading . . .
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.
https://blog.shashanktomar.com/posts/strange-attractors
2 months ago
0
1
0
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?
2 months ago
2
2
1
reposted by
Nik
Scott Jehl
2 months ago
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...
loading . . .
Web Components Demystified online course | Scott Jehl, Web Designer/Developer
A comprehensive, premium course about building dynamic, fast, resilient apps with standard web components.
https://scottjehl.com/learn/webcomponentsdemystified/
16
63
46
reposted by
Nik
David Darnes
2 months ago
Seems seasonally appropriate to reshare this
@ghost.org
easter egg
1
114
14
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...
2 months ago
0
14
1
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.
3 months ago
0
2
1
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...
loading . . .
https://github.com/reactjs/rfcs/blob/main/text/0188-server-components.md#changes-since-v1
3 months ago
1
12
2
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...
loading . . .
Namibia: Live stream in the Namib Desert
YouTube video by NamibiaCam
https://www.youtube.com/watch?v=ydYDqZQpim8
3 months ago
0
2
0
reposted by
Nik
Mat “Wilto” Marquis
3 months ago
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.
2
42
15
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...
loading . . .
Here's Why Your Anchor Positioning Isn't Working
How to find an anchor element
https://www.oddbird.net/2025/01/29/anchor-position-validity/
3 months ago
0
1
0
reposted by
Nik
Ben McCann
3 months ago
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 😄)
loading . . .
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...
https://github.com/immich-app/immich/releases/tag/v2.0.0
2
85
16
reposted by
Nik
Sam Rose
3 months ago
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!
add a skeleton here at some point
1
19
5
reposted by
Nik
Josh W. Comeau
3 months ago
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. 😄
loading . . .
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!
https://whimsy.joshwcomeau.com/
18
306
142
reposted by
Nik
Piccalilli
3 months ago
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...
loading . . .
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...
https://piccalil.li/blog/transitioning-from-being-a-developer-to-a-manager/
0
10
2
reposted by
Nik
Josh W. Comeau
4 months ago
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.
loading . . .
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!
https://whimsy.joshwcomeau.com/
10
75
16
reposted by
Nik
Saron Yitbarek
4 months ago
Wrote a little thing about subgrid that I hope you find helpful. Short and sweet, with nice, clean code 🥰
webkit.org/blog/17339/s...
loading . . .
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.
https://webkit.org/blog/17339/subgrid-how-to-line-up-elements-to-your-hearts-content/
2
44
8
reposted by
Nik
Addy Osmani
4 months ago
✍️ How modern browsers work
addyo.substack.com/p/how-modern...
- my write-up on browser internals for web developers
loading . . .
How modern browsers work
A web developers guide to browser internals
https://addyo.substack.com/p/how-modern-browsers-work
2
79
20
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 🤯
4 months ago
2
3
1
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!
add a skeleton here at some point
4 months ago
0
2
0
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
loading . . .
Nic Chan
Nic Chan is a front-end web developer who specializes in design systems, accessibility and Shopify.
https://www.nicchan.me/
4 months ago
2
35
5
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! 🥳
4 months ago
0
3
1
Great writeup of the math behind refraction and Liquid Glass in the browser! (Chrome only at the moment)
kube.io/blog/liquid-...
loading . . .
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.
https://kube.io/blog/liquid-glass-css-svg/
4 months ago
0
2
1
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...
loading . . .
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...
https://smashingconf.com/freiburg-2025/jam-session
4 months ago
0
1
1
reposted by
Nik
Sam Rose
4 months ago
✨ 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.
loading . . .
29
421
127
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/...
loading . . .
Overflow `hidden` vs `clip`
...
https://codepen.io/NikxDa/details/NPGYXLv
5 months ago
1
4
0
If you're ever building something that requires users to sign or draw in the browser, you'll want to use
@tldraw.com
's Perfect Freehand. Super smooth freehand lines with any input device!
www.perfectfreehand.com
loading . . .
perfect-freehand
https://www.perfectfreehand.com/
5 months ago
0
4
0
reposted by
Nik
Sam Rose
5 months ago
Email addresses are very simple, and you will score highly in this quiz.
e-mail.wtf
loading . . .
Email is Easy
Everyone knows what an email address is, right?
https://e-mail.wtf/
41
277
183
reposted by
Nik
Ahmad Shadeed
5 months ago
I reimagined the hero section of Time's website with modern CSS. I hope you like it!
ishadeed.com/article/time...
5
65
14
Lovely primer on anchor positioning by
@saron.bsky.social
on the WebKit blog! Check it out:
webkit.org/blog/17240/a...
loading . . .
A gentle introduction to anchor positioning
Anchor positioning allows you to place an element on the page based on where another element is.
https://webkit.org/blog/17240/a-gentle-introduction-to-anchor-positioning/
5 months ago
1
2
0
I saw a post on Mastodon where someone pointed out the word "passport" comes from a time where you used it to... pass a port. The revelation is real with this one. Is this as mind-blowing for native speakers as it is for me?! 🤯
5 months ago
0
0
0
Super useful tip for working with inline CSS and/or JS using //# sourceURL comments
add a skeleton here at some point
5 months ago
0
2
0
TIL: CSS variables can contain non-ASCII characters. That means that yes, you can have emoji in a CSS variable name, and yes, zero width spaces are valid, too... in case you want to spice up your stylesheets!
5 months ago
1
1
0
@benholmen.com
made it to #1 of HN with
@kilopx.com
– and with it, by pure chance, my little cat drawing. What are the odds! Congrats on how well the project is received over there, well deserved :)
5 months ago
1
6
0
Going to be talking about
@tanstack.com
Start at React Karlsruhe tomorrow night. Come check it out if you happen to be nearby!
www.meetup.com/de-DE/react_...
loading . . .
React Karlsruhe | Meetup
React Meetup is a regularly hosted event all about React and its ecosystem including React Native, ReasonML, GraphQL, CSS in JS and more.
https://www.meetup.com/de-DE/react_ka/
5 months ago
1
0
0
I've encountered problems with memoization dependency chains many times, but I never found a good solution until React Compiler – or so I thought. The latest ref pattern outlined here is really smart!
add a skeleton here at some point
5 months ago
0
8
2
Daily reminder that AI is still terrible at producing sources
5 months ago
0
1
0
reposted by
Nik
TypeScript
5 months ago
TypeScript 5.9 RC is available to try! Let us know how it works before next week's stable release!
devblogs.microsoft.com/typescript/a...
loading . . .
Announcing TypeScript 5.9 RC - TypeScript
Today we are excited to announce the Release Candidate (RC) of TypeScript 5.9! To get started using the Release Candidate, you can get it through npm with the following command: npm install -D typescr...
https://devblogs.microsoft.com/typescript/announcing-typescript-5-9-rc/
4
113
15
Opinions are divided on this one for sure, but I need to rant about the new macOS design. Why would the sidebars float? Why would they be translucent if the background it now sits above is white? Everything about this looks so off, and I will hate having to look at it every day once Tahoe releases.
5 months ago
0
1
0
reposted by
Nik
Josh W. Comeau
6 months ago
One of the most powerful tools in my toolbox is SVG. When combined with CSS and JavaScript, we can do some truly remarkable things. ✨ 📝 I’ve just published a brand-new blog post that covers the most critical fundamentals. It’s chock full of interactive demos. 😄 Check it out:
loading . . .
A Friendly Introduction to SVG • Josh W. Comeau
SVGs are one of the most remarkable technologies we have access to on the web. They’re first-class citizens, fully addressable with CSS and JavaScript. In this tutorial, I’ll cover all of the most imp...
https://www.joshwcomeau.com/svg/friendly-introduction-to-svg/
16
373
102
reposted by
Nik
Scott Hanselman 🌮
6 months ago
I just wanted to say, I’m probably more proud of this Ted talk than just about anything I’ve ever done so I’m gonna be absolutely useless for the next couple of weeks as I promote the shit out of this because I want you to watch it because it matters in the moment we are in
youtu.be/dVG8W-0p6vg
loading . . .
Tech Promised Everything. Did it deliver? | Scott Hanselman | TEDxPortland
YouTube video by TEDx Talks
https://youtu.be/dVG8W-0p6vg
80
991
368
Inspired by
@samwho.dev
's infuriating
jsdate.wtf
, I decided to go and look at how Chrome actually goes about parsing JS dates. Turns out it's actually super interesting to look at this at the engine level! You can have a peek at the parser implementation here:
github.com/v8/v8/blob/6...
loading . . .
new Date("wtf")
How well do you know JavaScript's Date class?
https://jsdate.wtf
6 months ago
0
3
0
This is fantastic! As opposed to JS Dates, which are… not so fantastic 😂
add a skeleton here at some point
6 months ago
0
3
0
Looking forward to joining
@smashingconf.com
in Freiburg this year and meeting a bunch of fellow web folks! September can't come soon enough :)
add a skeleton here at some point
6 months ago
0
1
1
Highly recommend this awesome talk from CSS day by
@ntim.bsky.social
talking about form control styling! A new appearance mode and more standardized input pseudo-elements would be awesome to have 🤩 Very interesting proposals in there.
www.youtube.com/watch?v=WgS...
loading . . .
Form control styling - Tim Nguyen - CSS Day 2025
Tim talks you through form fields.CSS Day 2025 individual sessions are available via https://cssday.nl/stream. This video appears here courtesy of Apple.Text...
https://www.youtube.com/watch?v=WgSiqSqxTxw
6 months ago
0
1
0
Load more
feeds!
log in