Real-life web development tips and resources, directly to your inbox.
Recent issues
Fix "Full Height" on mobile
Fix the 100vh mobile bug with one line of CSS. Use the svh unit to ensure your hero sections always fit the screen perfectly without any JavaScript hacks.
App-like page transitions (with zero JS)
The browser finally handles the page transitions for us.
Zero-JS tooltips and menus
HTML now has a native way to handle "floating" UI. By using the popover attribute...
A better way to handle Aspect Ratios
We’ve all had to do it. You need a responsive 16:9 video container, so you reach for that weird math trick:
Stop using margin-left and padding-right
If you’ve ever had to localize a website for languages like Arabic or Hebrew, you know the pain of "flipping" your CSS. You end up writing code like this:
Stop duplicating your CSS for Dark Mode 🌓
It’s a lot of boilerplate to maintain, and it’s easy to miss a variable. Not anymore.
