Random notes to myself

Understanding the file structure of a Metalsmith project is key to working with it effectively. Don't worry if it seems a bit overwhelming at first—we'll walk through each part step by step, explaining what it does and why it matters.

Now it's time to set up our first Metalsmith project. Don't worry if you're new to static site generators or even to web development in general. This guide is writtento be straightforward and approachable.

Let's talk about Metalsmith. It's a static site generator that's been around for a while, and for good reason. Metalsmith keeps things simple and stable. It's particularly good for the kind of sites most of us actually build day-to-day.

My AI journey evolved from ChatGPT to Claude, which felt like having a human co-programmer. Then GitHub Copilot eliminated context-switching, followed by Claude Code automating entire workflows.

While Copilot excels at line-by-line suggestions, Augment Code understands your entire codebase as context. This isn't just a marketing pitch – it's a game-changer in practice.

I've been integrating AI tools into my daily workflow, and I want to share my perspective on how they're transforming software development - not by replacing developers, but by enhancing our capabilities and productivity.

Building a modern HTML optimizer for Metalsmith: From being inspired by HTMLCompressor's features to creating a modular plugin with effective HTML optimization without compromising security.

Key insights from building a secure, intuitive resource filter for WordPress. Insights include Code organization matters, User experience drives technical decisions, and Security requires consistency.

Security meets usability in this deep dive into protecting filter interactions. Learn how we maintain secure state across filter combinations while keeping the user experience smooth and response times quick.

Explore how we present filtered resources with proper pagination. From accessible card layouts to smooth navigation between pages, see how the display system handles both small and large result sets effectively.

Learn how our filtering system intelligently shows only valid options. By using the current selection as a starting point, we ensure users never hit a 'No Results' message while keeping the code efficient and maintainable.

Discover how to organize a complex WordPress filtering system. We'll explore the template structure, caching for performance, and how the code organization reflects user interactions while maintaining developer-friendly architecture.