🔥 There are 453 Hot Tips!!

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.

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

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

Works really well with CSS Grid image galleries too!

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

Three CSS tips for working with inconsistently sized logos

File this under CSS you probably shouldn't write, but can:

p[style="text-align: center"] {
  text-align: left !important;
}

These AI based text-to-CLI commands are starting to pop up in lots of tools. Warp, Fig, Github Co-pilot + more

What do you think? Helpful? Or dumb idea to run commands from smart sand?