Full Width [alt+shift+f] Shortcuts [alt+shift+k]
Sign Up [alt+shift+s] Log In [alt+shift+l]

Chris Nicholas

Chris Nicholas
Building an AI toolbar for text editors I've been experimenting with a floating AI toolbar, designed for use in text editors. Here’s some...
7 months ago
68
7 months ago
I've been experimenting with a floating AI toolbar, designed for use in text editors. Here’s some details on how it was created.
Chris Nicholas
How to use Next.js middleware Middleware functions can be used for all sorts such as redirecting, rewriting, preventing access,...
over a year ago
17
over a year ago
Middleware functions can be used for all sorts such as redirecting, rewriting, preventing access, and more. Let’s take a look.
Chris Nicholas
Live cursors with Liveblocks & Next.js Displaying other users' cursors live on-screen has always been tricky to implement... but no longer!...
over a year ago
16
over a year ago
Displaying other users' cursors live on-screen has always been tricky to implement... but no longer! Using Liveblocks and Next.js we can get it working in a matter of minutes.
Chris Nicholas
Quick UI: Rotating text mask I came across an appealing text effect on the Adobe XD home page, and thought I'd recreate it here,...
over a year ago
16
over a year ago
I came across an appealing text effect on the Adobe XD home page, and thought I'd recreate it here, and give it a quick colourful retouch.
Chris Nicholas
How to animate multiplayer cursors Smoothly rendering live cursors is more difficult than it sounds when real-world conditions are...
over a year ago
15
over a year ago
Smoothly rendering live cursors is more difficult than it sounds when real-world conditions are taken into account.
Chris Nicholas
A new blog for 2024 It’s been a long time since I’ve published a blog post. Two whole years. Now we’ve reached 2024,...
a year ago
14
a year ago
It’s been a long time since I’ve published a blog post. Two whole years. Now we’ve reached 2024, it’s time for a complete refresh.
Chris Nicholas
How to use Sandpack for code demos Sandpack allows you to take interactive code demos to the next level, supporting just about every...
over a year ago
13
over a year ago
Sandpack allows you to take interactive code demos to the next level, supporting just about every JavaScript framework.
Chris Nicholas
Which blend mode? This guide explains the basics behind each blend mode, and offers a number of practical examples for...
over a year ago
13
over a year ago
This guide explains the basics behind each blend mode, and offers a number of practical examples for use in the wild.
Chris Nicholas
Dark mode by local sunlight Dark mode is increasingly appearing as an option on websites, but why not have it enable...
over a year ago
11
over a year ago
Dark mode is increasingly appearing as an option on websites, but why not have it enable automatically?
Chris Nicholas
A reactive framework in 40 lines In this article I'll be explaining one method to create a basic reactive framework (in just 40 lines...
over a year ago
11
over a year ago
In this article I'll be explaining one method to create a basic reactive framework (in just 40 lines of code).
Chris Nicholas
Integrate Twitter newsletters with API Routes Last week newsletters started popping up on Twitter profiles, using their recently purchased...
over a year ago