Random notes to myself

Unlock the true potential of web development with Web Components. Embrace reusability, efficiency, and elevate your projects to new heights!

In 2017, I started building static websites using Metalsmith. A client's request led me to switch to Gatsby, but the transition posed challenges. This made me reflect on framework fatigue in web development.

The blog discusses a widget, the 'Clamp Calculator', used for calculating CSS clamp functions for responsive font sizing, padding, and margins. The widget ensures fonts smoothly adjust with viewport width changes.

This post will review integrating WordPress content into the Metalsmith static site generation process. This includes building a Metalsmith WordPress source plugin to fetch the site content from the WordPress API and convert it into Metalsmith file objects.

This article focuses on creating queries to fetch content data for Metalsmith via WP GraphQL from a wordpress backend.

Discover the Minneapolis project's unique web design approach! This modular method transforms individual, purpose-driven sections into a seamless webpage. Learn how Advanced Custom Fields (ACF) shapes page sections, with the media object as an example.

Our WordPress setup features Underscores theme for a customizable foundation. Key plugins include ACF Pro, CPT UI, WPGraphQL, and Netlify Deploy. We'll fetch content via WPGraphQL, manage images with Cloudinary, and host on Pantheon.

Explore Minneapolis: where WordPress and Metalsmith combine for dynamic content delivery using the GraphQL API and a headless CMS in modern content management.

Faced with balancing static website advantages and an accessible editor experience, I considered multiple CMS options. Amidst costs and discontinuations, I realized WordPress was the ideal solution for Metalsmith.

clamp() provides a potent tool for crafting responsive designs adaptable across various devices and screen sizes. It enables linear transitions between two viewport widths, making designs flexible and maintainable.

In this blogpost we will discussing sanity studio setup for the Ruhrpott website. Ruhrpott is a website built with Metalsmith and sanity provides the content.

This post discusses integrating Sanity content into the Metalsmith build process. Our custom plugin fetches data from Sanity, transforming it into a Metalsmith-compatible JSON object, considering the differences in rich text and image handling between both platforms.