Nik

A Majora's-Mask-style "Dawn of The Final Day. 24 Hours Remain" title card, but using the JavaScript for Everyone Atari-style type and branding. The background is made up of two low-angle perspective views of rectangles on grids that meet at a sharp line, resembling a horizon.

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.

Here's Why Your Anchor Positioning Isn't Working How to find an anchor element

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...

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...

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 😄)

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!

It honestly sucks that lots of folks that used to be inspiring or looked-up-to in the community turn out to be huge pricks. It‘s not that hard _not_ to take selfies with war criminals 🤦🏻‍♂️

Me too! Or better yet share it here 👀

Your transition to frontend developer is progressing as planned ✅

Congrats on the launch Josh! Looking forward to your many whimsical interactive examples :)

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!

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. 😄

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...

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...

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!

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.

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.

Wrote a little thing about subgrid that I hope you find helpful. Short and sweet, with nice, clean code 🥰 webkit.org/blog/17339/s...

How we built the GitHub globe GitHub is where the world builds software. More than 56 million developers around the world build and work together on GitHub. With our new homepage, we wanted to show how…

Did you see this? :) Could be helpful

github.blog/engineering/...

How modern browsers work A web developers guide to browser internals

✍️ How modern browsers work addyo.substack.com/p/how-modern... - my write-up on browser internals for web developers

Try it: Open Chrome DevTools, detach them into their own window, then hit the shortcut to inspect (Cmd+Option+I on macOS). Another DevTools instance will open and you can inspect away!

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!

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

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! 🥳

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.

Great writeup of the math behind refraction and Liquid Glass in the browser! (Chrome only at the moment)

kube.io/blog/liquid-...

Thanks so much Patrick! 🙏

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...

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...

Sounds like a great topic, looking forward to hearing it! See you there 🥳

✨ 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.

A good use case is blow-out images that are larger than their container – if they border the viewport edge, you want to show the overflow in the y direction but prevent the viewport from becoming horizontally scrollable. `overflow-x: clip` can do just that!

The subtle difference between the two is that elements with their overflow set to `hidden` are still a scroll area and can be programmatically scrolled, while `clip` will simply crop the content and not be scrollable at all.

Overflow `hidden` vs `clip` ...

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/...

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

Awesome stuff! Where will you be studying?

This is _terrifying_