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 13 of 46
🔥 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.
The Real Pricing of LLMs