Real-life web development tips and resources, directly to your inbox.
Recent issues
Give your website a voice
Make your website talk for free with the Web Speech API. Use speechSynthesis.speak() to create native, offline voiceovers with zero JS libraries.
Seamless CSS Marquees
Create a seamless infinite marquee with CSS. Use the translateX(-50%) trick to build smooth, high-performance loops without any JavaScript.
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: