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.
Here are a couple VS Code kickflips that I often get asked about when I do them in videos.
59412K
1252
1.1K342117K
26324107742K
π₯ Select ranges of elements in CSS with multiple nth-child selectors and negative n values
35546710643K
753
43319117.9K
53612K
π₯ 4 TypeScript tips in context of when you would use them. as const, typeof, keyof and template string types
1104
43347413156K
642221615K
67214K
π₯ Hereβs what the new TypeScript 4.9 Satisfies Operator is for
52512K
2619106.1K
953
53571812476K
π₯ CSS Container Queries allow us to style elements based on their containers size. Drops in Firefox Feb 14th, and then all browsers will have support!
49159610367K
1255
1.2K992420K
π₯ CLI tip: Get a list of files with ESLint issues and open in VS Code
Pipe eslint β grep β xargs code.
Also handy for opening all files with merge conflicts
57513K
35911137.4K
614
1672164233K
π₯ Terminal Tip: Suspend or Background processes to temporarily get access to your prompt.
Handy if you need to quickly npm install something, but your server is already running.
44960109665K
52713K
610221813K
π₯ Did you know Node.js has an async readline package built in?
Super handy for prompting your user for things like tokens or filenames.
Quick example:
2339.4K
462
2132136040K
220386.3K
π₯ Fixing Twitterβs border-radius problem.
Get perfect border radius with: outerRadius = innerRadius + spaceBetween
I thought I was done having holy shit AI moments
I had claude convert one of my favourite photoshop actions to a python script
It's even better than using the photoshop action because I can describe "Ah, too much chatter" and it knows which knob to turn