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.
How is this website so fast? I take a look behind McMaster-Carr and detail all the techniques they are using to make it fast. They are doing it all — prefetching HTML, inlined CSS, fixed images, pushstate — and all on a stack with 15 year old tech.
5.4K505984.8K907K
1.4K85
Quality
Quality
🖱 Scrub through a CSS @keyframe with an element's scroll position.
What do you think of this effect? Is it OK when very subtle?
98837
920601571444K
Quality
Quality
Using Tailwind, Panda, StyleX or any other Atomic CSS library?
You are going to want to install this Chrome Extension right now
48320
1.4K138361.2K89K
Quality
Quality
Streaming web responses allow sending data to the clients as it becomes available, instead of waiting for the full response
601301824252K
28141815K
Quality
Quality
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:
1901499320K
2017
Quality
Quality
🤯 Just 4 lines of CSS. View Transitions are great for changing pages BUT it's incredible for animating DOM Updates
98216
2.3K190231.8K148K
Quality
Quality
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!
3K270432.8K229K
1K31
Quality
Quality
DBngin is such a good little app for managing local database servers.
Highly recommended if your app needs a MySQL, Postgres or Redis DB
24712
985832689585K
Quality
Quality
🤯 How am I just finding out about display: contents;
Suuuuper handy for CSS Flexbox + Grid where the children aren't direct descendants.
5.6K6041093.1K354K
1.6K54
Quality
Quality
Man! I just keep finding new uses for CSS subgrid!