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 11 of 44
๐ฅ Quick VSCode tip:
โฅ + click on css/js paths that don't exist to quickly create that file
โฅ + click
Move over Sass!
CSS Selector Nesting dropped in Chrome Stable today.
11 years ago I received a Firefox OS Phone (Boot to Geko) - the entire OS was based on HTML, CSS and JS.
Today I re-created the dialer using the WebAudio API - playing two tones at once. Super cool
Iโve been waiting for this forever!
CSS Relative Color functions will let you darken, lighten, add opacity and even calculate complimentary colors.
๐ฅ Not into TypeScript Enums?
Generate types from an object with as const!
as const
๐ฅ CSS: Use gradients with mask-image to fade out parts of an element
๐ฅ JavaScript import maps are now in all the browsers! Here is how they work with ES modules.
Github Copilot Voice - why would you want to code with your voice?
I'm very interested in seeing it evolve as a possible third input device alongside your keyboard and mouse.
๐ฅ Re-map your CapsLock key to a Hyper key!
It sends โงโฅ^โ and opens up a whole new world for custom keyboard shortcuts.
โงโฅ^โ
Some examples I use โ
๐ฅ Lots of talk about Web Streams in the framework space: React, Remix, Next.js, Sveltekit, and more.
Here is a quick 60 second explanation + demo.