Category Archives: web development

How to use dynamic variables in a Grunt config file

Grunt is a powerful tool, but can seem limiting when you need dynamic values or options. But it’s actually really easy to pass data to Grunt and have it do just about anything you want, dynamically! Continue reading

Converting WordPress to Web App: Adding “Add to home screen” functionality

In this final installment of my Converting WordPress to Web App series, I add “Add to home screen” functionality! The best way to do this has changed a little over the past several years, so I will present a few options, pick the current best practice, and walk through adding this to my site, completing this journey from standard WordPress blog to an installable, offline-ready web app So let’s get started! Continue reading

Converting WordPress to Web App: Adding Caching and Offline Support

In this fifth installment of my Converting WordPress to Web App series, I look into Adding Caching and Offline Support! And to do this, we’re gong to take advantage of the latest darling of the web development, the Service Worker. Service Workers allow us to monitor HTTP Requests and provide alternate functionality. This allows us to handle offline situations, and provide locally-cached assets rather than fetch them from the server. All of this gives our users a better experience, and that’s what it’s all about! So let’s get started! Continue reading

Converting WordPress to Web App: Adding a Deployment Process

In this fourth installment of my Converting WordPress to Web App series, I look into Adding a Deployment Process! Rather than relying on the tried-and-true, manual FTP process, we continue our march into automation, recruiting a service to keep an eye on our repo and partially automate the process of moving our files from here to there! So let’s get started! Continue reading

How to add Critical CSS to a WordPress site

As part of my ongoing attempt to improve page load speeds and incorporate best practices, I have incorporated inlining critical CSS into a WordPress site via a Grunt task, documenting all the fun along the way! Continue reading