🔥 There are 446 Hot Tips!!

Hot tips are spicy lil' nuggets related to web development and tooling that I share on my twitter account. I've logged them here to make them easier to find.

I keep importing the wrong thing in VS Code!

Pop an autoImportFileExcludePatterns in your settings file to exclude typescript types

Super helpful for Radix UI, Drizzle DB adapters, and node:test

34913
379613K
35821931219K
28613220

Are you using position: absolute; to overlap elements?

It's almost always better to Use CSS Grid instead!

3.9K366773.2K293K
2.5K3064K
1.8K1165829K
1.1K43

Use CSS Grid to stack items, and visibility: hidden to hide/show spinner.

This approach allows the largest item to size the button, and keeps the button text accessible

2.7K219532K175K
1.7K78
30723195

One of the biggest problems with UI development is about to be solved!

Customizable <select> brings allows us to create totally custom dropdowns with HTML and CSS.

Accessible, gracefully degrades and requires no JS!

712671034053K
1.4K59
632753510K
591308425

Tanstack Start doing doing server calls a bit different than React Server Components.

You can write the client and server logic in the same file and it replaces it with fetch calls when run on the client.

No “use client”, no errors around using client APIs in server components, etc..

Good idea to mix client + server code in the same file?

4391212K
2548127.5K
44518
39918241
717372434368K

Bugs in Safari make me sad, bugs in old Safari make me mad.

Here is how to run any version of Safari, on Mac or Windows, for free!

1931425.6K
3368
62243750861K
93461

You’ve heard of sidebar on the right, but what about terminal on the top?!

702871410
123040317K
2466289.8K

Did you know you can use Promise.allSettled() for async error handling with a single promise?

Collect errors and returned data at the same level!

9978118666103K
42516811K
58415
431710K
136551

Can we please stop with the scroll-jacking carousels on websites?

CSS Scroll Snap is a much better solution!

Re-built the Uniqlo home page with 6 lines of CSS and 4 lines of JS

6K449555.5K291K
1K632619K
1K2518K
2.5K64
16712102

Trying the Aerospace tiling window manager.

I've tried both yabai and amethyst but could never get into it.

313132013K
417560422200K