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 You can integrate Azure DevOps with GitHub to get the best of both worlds in Power Platform development. ADO stays as the backbone: work items, sprint planning, test plans, and deploy pipelines all remain on Azure DevOps. Code moves to GitHub: Power App Code Apps or Power Pages SPA live in GitHub repos, unlocking native GitHub Copilot integration and the Copilot Cloud Agent. The two platfo
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.