This is the final part of a 3 part series of articles/tutorials. The preceding two parts can be seen here: Part 1 – Basic Setup Part 2 – Creating Component-specific Stylesheets Part 3 – BrowserSync and Maximising Coverage Browsersync and Webpack dev Server Many of who have used task runners like Grunt or Gulp are …Continue reading
Author: Kirsten Cassidy
Unix Cheatsheet
Here is a list of useful commands that I find myself having to look up fairly often : Move contents of folder one folder up and remove said folder From the subfolder that you no longer need : mv * .[^.]* .. Modifying hosts file (Mac/ Linux) sudo vi /etc/hosts
Using Font Face Observer to optimise font-loading in a WordPress site
What is Font Face Observer? In the words of its creator Bram Stein : Font Face Observer is a small @font-face loader and monitor (3.5KB minified and 1.3KB gzipped) compatible with any webfont service. It will monitor when a webfont is loaded and notify you. It does not limit you in any way in where, …Continue reading
Incorporting Webpack into a WordPress theme (part 2)
This is part 2 of of a series of articles on setting up a new or pre-existing WordPress theme to use Webpack. Part 1 can be found here. Part 2 – Creating Component-specific stylesheets Components refer to encapsulated code containing its own style and functionality. Many Javascript frameworks including React and Vue make use of …Continue reading
Incorporting Webpack into a WordPress theme (part 1)
Webpack has been around for a few years now and has clear benefits for bundling and serving front-end code. It is not a task manger like Grunt or Gulp but rather a “module bundler for modern JavaScript applications”. Although it might not sound appropriate for a WordPress theme at first glance it can be well …Continue reading
Adventuring into CSS Grid
For those of us who’ve been battling with css layouts from the early days of tables to the complexities of floats and grid-frameworks it seemed like this day would never come. For years there have been prophesies and naysayers. No one was sure if agreement could be reached in terms of defining browser specifications. Few …Continue reading
WordCamp Europe 2017 Paris, France
I had the pleasure of attending yet another WordCamp Europe this past weekend and was am pleased to report I have at least another year’s worth of inspiration for further projects. There were a few reasons why I was a little less excited about this past WordCamp. Firstly it was hosted in the city where …Continue reading
Installing Theme Unit Test Data with wp-cli
When building custom themes client sites it is important to test as many edge case as possible. Theme Unit Test Data is the way to go here and a minimum requirement for any professionally built WordPress theme (in my opinion anyway) If building a theme for the wordpress.org theme repository this will almost certainly be …Continue reading
Understanding and Using Resource Hinting in WordPress 4.6
Most of the changes to WordPress 4.6 were fairly easy to grasp. Among them were Shiny Updates, a more fluid update process with better UI, System fonts, which means not having to load a Google font in the WordPress admin, and the WP_Term Query class. Then there is resource hinting… For a more thorough explanation …Continue reading
Testing WordPress Plugins with WP-CLI and PHPUnit
Everyone agrees that extensive testing of WordPress plugins is necessary. The problem is that the tests we run as developers don’t take into consideration certain edge cases and rely on our experience to determine what needs to be tested. Testing is also time-consuming and quite frankly not very fun. Automated testing is recommended to ensure …Continue reading