πŸ”₯ 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.

πŸ”₯ If you code on a mac, you gotta turn this keyboard setting on to tab between dialog box buttons.

System Settings β†’ Keyboard β†’ Keyboard Navigation

7427940184
21412207.6K

Access your cars backup camera with JavaScript πŸ˜†

3.8K1857192K

πŸ”₯ These are 5 of my favorite tips for creating, moving and renaming files/folders in VS Code.

File utils extension is πŸ‘Œ

6218411153
37412119K

Amazing how easy it is to build menu bar apps with HTML, CSS and JS in electron!

Pommade: for checking your hair! My first app ever, and it took just over an hour.

Code here: https://github.com/wesbos/pommade

6815622196

πŸ”₯ Use .valueAsNumber and .valueAsDate to get + set numbers and dates on your inputs.

Super handy in TypeScript because input.value always is a string

422561086
206874.2K

πŸ”₯ Here is how I use Caddy Server to get local HTTPS and a custom domain without port numbers.

Super simple!

1.6K21041645
964
5.2K41311286K

πŸ”₯ Experimental JavaScript Eyedropper API is in Chrome! Pretty nice async API.

Hoping it will return more than just a hex string when finished.

510571260
552231111K

πŸ”₯ Here is how I use Cloudflare workers to intercept and modify SASS requests to add my own custom endpoints, links and CSS

1318234
1K112219K

πŸ”₯ CSS object-fit: cover; is super handy for aligning images.

Works really well with CSS Grid image galleries too!

9131118311
781
4.2K1674767K

πŸ”₯ Use JavaScript’s new array.at():

.at(0) β†’ first item

.at(-1) β†’ last item

It also floors the index, which is handy for random items!

dogs.at(Math.random() * dogs.length)
85413117160
959374120K