Dynamic forms with KwesForms

Let’s face it, building forms can be a chore when it comes to the complexity that it often brings. That’s where KwesForms comes in, this form service will take care of the validation, spam protection and submission notifications for you along with zapier integrations. It’s marketed as a “form endpoint service” which is built for… Continue reading Dynamic forms with KwesForms

Primo: develop sites like never before

There are so many options in the CMS space today, especially with headless solutions where you simply want to decouple the front end. Typically, you would have the ability to select from component libraries that fit your project needs and the common ReactJS and VueJS frameworks come to mind. There are many times where those… Continue reading Primo: develop sites like never before

Reimagining Layouts using Block Editors

I recall the early days of web development where you would build a layout using tables. This forced you to think through designs in a way that allowed you to use the confines of tabular blocks. Ahh the good ol’ days of colspan. Tabular data is now the primary use for table markup and we… Continue reading Reimagining Layouts using Block Editors

Three Useful UI Development Patterns

During this difficult time of isolation and quarantine across the United States, I hope you and yours are staying safe. In a time of reflection and as I think about the development patterns that have been serving me well, I thought I’d share them here with you. Component Explorers It’s been almost a year since… Continue reading Three Useful UI Development Patterns

Automated Integration Testing with Cypress

I’ve had the pleasure of working with Cypress lately and have been impressed by the testing framework. The test runner interface allows you to inspect the state of the test at that given moment where you can also “pin” that step for further inspection. The debugging process is easier when you can visually see the… Continue reading Automated Integration Testing with Cypress

Learning GatsbyJS with WordPress and ACF

A few months ago, I stumbled across an excellent video series on Gatsby & WordPress, by Jack Pritchard. This allowed me to follow along each section of the series as I progressed through the initial setup with WordPress. Initially, I installed a WordPress instance locally using the Trellis bedrock project which uses composer to gather… Continue reading Learning GatsbyJS with WordPress and ACF

Using structured content to prototype interface designs

When starting on a new concept or project, I normally first start by considering how the data will be structured. There are many solutions to building out data resources and APIs and in working across multiple teams, you normally have to start the conceptual process without having to wait for those endpoints to be provisioned.… Continue reading Using structured content to prototype interface designs

Brizy cloud as a layout builder

Layout builders have come a long way over the years and they continue to evolve across content management systems and WordPress. I do manage a few sites that are using outdated layout builders and I suspect a lot of other “legacy” layout builders are catching up to this change with Gutenberg-style block layouts. I came… Continue reading Brizy cloud as a layout builder

Using docker cache with NPM dependencies

There’s been a frequent pattern that I’ve come across in maintaining local project dependencies across a team. Changing npm contexts can be taxing and when the complexity of maintaining node packages and configuration continues to get in the way of development workflow.

Learning how to extend web components

What are web components? Web components are based on four specifications: Custom Elements Shadow DOM ES Modules HTML Template Browser support has been increasing over the years and has risen to over 85% and those browsers that implement native custom elements also support ES6. For those browsers that do not support it, you can simply… Continue reading Learning how to extend web components

Using starter layouts to learn and enhance your workflow

I found a few patterns in front-end development that are extremely useful to have around in the form of a “starter” layouts or templates. Similarly, I’ve found common libraries like Bootstrap with WordPress layout builders to also be quite effective in building out site designs. Here are two customizable front-end frameworks that I’ve been working… Continue reading Using starter layouts to learn and enhance your workflow

A simple way to set up a dark mode switch

Not long ago, I was noticing that some browsers were starting to enable the dark mode browsing through themes and extensions. Chrome recently released a “Dark Reader” extension and with the recent Mojave update in Mac OS, you get a system wide dark mode and this certainly will help alleviate the strain on the eyes… Continue reading A simple way to set up a dark mode switch