Nik
@nik.digital
📤 218
📥 102
📝 85
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 . . .
5 months ago
6
62
13
reposted by
Nik
Ben McCann
1 day 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
78
14
reposted by
Nik
Sam Rose
about 22 hours 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
18
5
reposted by
Nik
Josh W. Comeau
9 days 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
303
143
reposted by
Nik
Piccalilli
10 days 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
16 days 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
16 days 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
19 days 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
1
77
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 🤯
21 days 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
22 days 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/
22 days 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! 🥳
22 days 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/
24 days 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
about 1 month ago
0
1
1
reposted by
Nik
Sam Rose
about 1 month 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 . . .
30
410
126
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
about 1 month 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/
about 1 month ago
0
4
0
reposted by
Nik
Sam Rose
about 2 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
280
185
reposted by
Nik
Ahmad Shadeed
about 2 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/
about 2 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?! 🤯
about 2 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
about 2 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!
about 2 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 :)
about 2 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/
2 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
2 months ago
0
8
2
Daily reminder that AI is still terrible at producing sources
2 months ago
0
1
0
reposted by
Nik
TypeScript
2 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
111
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.
2 months ago
0
2
0
reposted by
Nik
Josh W. Comeau
2 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
372
102
reposted by
Nik
Scott Hanselman 🌮
3 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
995
369
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
3 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
3 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
3 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
3 months ago
0
1
0
My absolute favorite use of this is to ensure that in a switch/case, all cases have been covered. This can be done using `value satisfies never` in the switch's default case (where `value` is being switched over). It will type error if you forgot to check a case!
add a skeleton here at some point
3 months ago
3
13
2
Hey
@kmc.bsky.social
, I‘ve been looking at new calendars recently and remembered Daybridge! The old beta seems to have sunset. Are there any news you‘re able to share? :)
4 months ago
1
0
0
Promised I'd share some of the small quality of life updates I've been working on this weekend. Up first is the ability to link to specific headings with a small link that pops out to the left on hovering!
loading . . .
4 months ago
1
1
0
Modifying the snooze duration? This must be iOS 26's biggest change
#wwdc
4 months ago
0
1
0
This is huge! Great work again by the web folks at Apple 🎉
add a skeleton here at some point
4 months ago
0
2
0
Exploring the idea of a table of contents which I've always liked. This got me thinking that instead of a separate progress indicator, the whole element could be an indicator in itself. Some `clip-path` magic later, this seems interesting! Not quite where I want it yet, but it's a nice little idea
loading . . .
4 months ago
2
1
0
Spending the weekend taking a break from working on my latest post and doing some quality of life updates to my site instead. I'll probably end up sharing a few bits and pieces in the next few days with some tips and tricks!
4 months ago
0
0
0
reposted by
Nik
Sam Rose
4 months ago
Had a blast giving feedback to
@nik.digital
while he worked on this post. He’s got such a sharp design sense, his site looks absolutely beautiful, and it was a challenging topic to cover on mobile. The result is superb.
nik.digital/posts/tab-ro...
loading . . .
2
29
2
Got this cute little demo working 😍 Especially proud of the fact that it has a nice border shape in line with the other objects on the page, and that the overlaps are properly sized (even the MDN docs get this wrong!)
loading . . .
4 months ago
0
2
0
TIL that the CSS isolation property also isolates elements using `mix-blend-mode`, because apparently blend modes are scoped to a stacking context. Super useful!
4 months ago
0
2
0
Dabbling in fireworks, inspired by
@joshwcomeau.com
's Whimsy landing page. He does a _lot_ more in his implementation than I do here, but it's a very fun thing to explore!
loading . . .
4 months ago
2
3
0
reposted by
Nik
Bramus
4 months ago
👀 Coming to Chrome DevTools in Chrome 138: CSS Value Tracing When you hover a --custom-prop in a `var()`, DevTools currently shows you the computed value. From Chrome 138 onwards, you can hover the `var` part to see how CSS actually got to that value.
loading . . .
9
303
65
reposted by
Nik
Wes Bos
4 months ago
This is so random! and muuuuch needed A new Random namespace with 22 methods for working with randomness in JavaScript. proposal just hit Stage 1
add a skeleton here at some point
15
278
38
I've been working on a digital product, and by far the biggest hurdles in launching are the privacy policy and t&cs. There are a million generators that spit out huge amounts of legalese, where I just want a short and concise but GDPR-compliant form.
4 months ago
1
0
0
I‘ve been tinkering with interactive examples for my next blog post and its very slowly starting to come together!
4 months ago
0
1
0
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 . . .
5 months ago
6
62
13
Load more
feeds!
log in