🔥 There are 449 Hot Tips!!

Here are a couple VS Code kickflips that I often get asked about when I do them in videos.

🔥 Select ranges of elements in CSS with multiple nth-child selectors and negative n values

🔥 4 TypeScript tips in context of when you would use them. as const, typeof, keyof and template string types

🔥 Here’s what the new TypeScript 4.9 Satisfies Operator is for

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

🔥 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

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

🔥 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:

🔥 Fixing Twitter’s border-radius problem.

Get perfect border radius with: outerRadius = innerRadius + spaceBetween

🔥 4 JavaScript console tips: $, $$, $0 → $4 and $_