Random notes to myself

A versatile web component I value: seamlessly blends text links, buttons, color schemes, and link types (external/internal) into a single, efficient component.

Web components are a blend of specifications, not a rigid framework. By seeking community wisdom I have learned a lot about the best practices and pitfalls of web components.

Explore TruncatedAPTitle, a custom web component handling attribute changes with MutationObserver. Learn how it truncates and title-cases text, all inside a span.

In this blog post, we will build a custom web component called CloudinaryImage that allows us to lazy load images from Cloudinary.

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.