Stop Using Hacks for Transparent Cutouts Imagine this scenario: your designer hands you a Figma file where a beautiful hero image fades into the background via a complex grunge texture or a smooth radial gradient. Or better yet, a scrollable list that subtly vanishes at the bottom to hint at more content. Ten years ago, we would probably have reached for a glass of whiskey and started hacking toge
Hello, I am currently making my own HTML+CSS+JS framework, you can view it at my GitHub Repository here: github.com/29cmosier-dev/ZiggyLabs-Framework I call it ZiggyLabs Framework for now, I might rename it, and my main goal is to reduce the HTML clutter that Bootstrap has, and possibly figure out more goals later. I would also like to show off my navbar, as you can see from this post's image abov
Wabi-Sabi and Whitespace: Eastern Philosophy for Web Design What I learned from studying traditional aesthetics that completely changed how I build interfaces Last year, I spent three weeks in Kyoto. Temples everywhere. One rainy afternoon, I ducked into a small museum dedicated to traditional craftwork. I wasn't expecting much. I'm a web developer, not an art historian. But something clicked. T
I’m going on a short vacation this week, so this post is coming out a bit earlier than usual. I actually had a different, more “useful” topic in mind — something educational, something responsible. But then I came across this fascinating article: I don’t like Tailwind. Sorry not sorry written by @freshcaffeine , and I couldn’t get it out of my head. So I decided to write a response instead. I actu
TL;DR. golang.org/x/net/idna.Lookup.ToASCII runs UTS-46 NFKC mapping 0-9. A pre-IDNA net.ParseIP check rejects the NO_PROXY lists, TLS-SNI routers, and cookie-domain validators that TrimRight + ParseAddr golang.org/x/net/http/httpproxy, the canonical safe pattern, and two I ran into this one while writing a Go HTTP client for a private project. I idna.Lookup.ToASCII canonicalising the host The sha
Dark Mode in Firefox Extensions: Respecting System Preferences Firefox users who prefer dark mode shouldn't have to manually toggle it in every extension. Here's how to automatically respect the system preference. /* Default: light mode */ :root { --bg: #ffffff; --text: #1a1a1a; --card-bg: #f5f5f5; --border: #e0e0e0; } /* Auto dark mode from system */ @media (prefers-color-scheme: dark)
Responsive Grid Layouts for Browser Extension New Tab Pages When building the Weather & Clock Dashboard Firefox extension, one of the tricky challenges was making the layout work well across different monitor sizes and resolutions. Browser extension new tab pages have a unique constraint: you cannot control the viewport size. Users might have a 1080p monitor, a 4K display, or a small laptop scre
The most popular HTML, CSS, and JavaScript framework for developing responsive, mobile first projects on the web.