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.
Page 15 of 45
π₯ If you code on a mac, you gotta turn this keyboard setting on to tab between dialog box buttons.
System Settings β Keyboard β Keyboard Navigation
System Settings
Keyboard
Keyboard Navigation
Access your cars backup camera with JavaScript π
π₯ These are 5 of my favorite tips for creating, moving and renaming files/folders in VS Code.
File utils extension is π
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
π₯ Use .valueAsNumber and .valueAsDate to get + set numbers and dates on your inputs.
.valueAsNumber
.valueAsDate
Super handy in TypeScript because input.value always is a string
input.value
π₯ Here is how I use Caddy Server to get local HTTPS and a custom domain without port numbers.
Super simple!
π₯ Experimental JavaScript Eyedropper API is in Chrome! Pretty nice async API.
Hoping it will return more than just a hex string when finished.
π₯ Here is how I use Cloudflare workers to intercept and modify SASS requests to add my own custom endpoints, links and CSS
π₯ CSS object-fit: cover; is super handy for aligning images.
object-fit: cover;
Works really well with CSS Grid image galleries too!
π₯ Use JavaScriptβs new array.at():
array.at()
.at(0) β first item
.at(0)
.at(-1) β last item
.at(-1)
It also floors the index, which is handy for random items!
dogs.at(Math.random() * dogs.length)