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 6 of 45
Turns out lots of people use http://fav.farm to get Emoji Favicons!
I added some stats with KV, text matching. Deploys to Deno Deploy in 9 seconds
Here is a little tour of some of neat things I used to build it:
🤯 Just 4 lines of CSS. View Transitions are great for changing pages BUT it's incredible for animating DOM Updates
This CSS Backlight Effect is sooooo damn cool!
I've taken it a step further with SVG Filters
Makes it work with any element - including video!
DBngin is such a good little app for managing local database servers.
Highly recommended if your app needs a MySQL, Postgres or Redis DB
🤯 How am I just finding out about display: contents;
Suuuuper handy for CSS Flexbox + Grid where the children aren't direct descendants.
Man! I just keep finding new uses for CSS subgrid!
Two tips you should know:
I'm sick of the CSS centering jokes.
You can now vertically center the contents of a block level element without Grid of Flexbox!
Are you using position: absolute; to overlap elements?
It's almost always better to Use CSS Grid instead!
The new Stripe dev site uses a single grid layout of 24 columns and then uses subgrid nested 5-6 levels deep for all its layout.
This is the first time I've seen this used in production - really neat technique!
Do you like magic links?
I think Raycast has nailed the UX here to make everyone happy.
How to Make a DOM Library Render Anything w/ Paolo Ricciuti
15% of 
Jesus Christ 