Random notes to myself

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.

This filter implementation avoids the dreaded 'No Resources Found' message. Instead of letting users select filter combinations that would yield no results, it intelligently turns off invalid filter options.

Isotope, a versatile JavaScript library, elevates web interfaces by enabling dynamic and visually appealing layouts, such as masonry, using CSS.

Marquee animations can be a great addition to engaging and eye-catching website designs. I have primarily used them for social proof...

By adopting MDN in your Metalsmith projects, you can significantly enhance your markdown files, making them more dynamic and reusable.

Discover how to integrate interactive maps into your Metalsmith projects using the Leaflet JS library. From setting up the frontmatter to rendering the map with markers, our guide walks you through every step.

In this blog post, we'll explore how to build a website using the Metalsmith static site generator, aligning with the 'Use the platform' philosophy to streamline web development