Modernising our Mixtape Design System
Using modern CSS and Javascript methodologies to rebuild the PreviousNext Mixtape Design System has been beneficial and fun. Here's how we did it!
My blog posts
CKEditor5 scoped styles with PostCSS
The Drupal 10 update is moving to CKEditor 5. What’s different? It’s no longer an iframe! So how do we scope any custom styles we want to include?
Optimise Your Page Loads with Lazy Loading Javascript
How to optimise your progressively decoupled Drupal frontend with the new Intersection Observer API.
Goodbye Internet Explorer
Internet Explorer retires next month (June 15th). It’s well and truly time for you to stop supporting it on your website for any current and future development (you have already, I hope).
Introducing the new Element Class Formatter module for Drupal 8
Allow sitebuilders to easily add classes onto field elements with the new element_class_formatter module.
Removing jQuery from your Drupal theme
In a previous article Using ES6 in your Drupal Components, we discussed writing our javascript using the modern ES6 methods and transpiling down for older browsers. It still used jQuery as an interim step to make the process of refactoring existing components a little easier. But let's go all the way now and pull out jQuery, leaving only modern, vanilla javascript.
Automate your Drupal accessibility testing with aXe and NightwatchJS
Automated accessibility tools are only one part of ensuring a website is accessible, but it is a very simple part that can catch a lot of really easy to fix issues. Issues that when found and corrected early in the development cycle, can go a long way to ensuring they don’t get compounded into much larger issues down the track.
Front-end Performance Improvements with Drupal 8
Video of Rikki's DrupalSouth 2017 presentation.
Using ES6 in your Drupal Components
With the release of Drupal 8.4.x and its use of ES6 (Ecmascript 2015) in Drupal core we’ve started the task of updating our jQuery plugins/widgets to use the new syntax. This post will cover what we’ve learnt so far and what the benefits are of doing this.