Author: Mike Jolley

I help build things at Automattic.

Posts

Switching from Vagrant to Docker for WordPress Development

Post author By Mike Jolley
Post date March 24, 2020
4 Comments on Switching from Vagrant to Docker for WordPress Development

These past few weeks I’ve been experimenting with Docker as an alternative to Vagrant (and VVV) for WordPress development.

I had looked into Docker in the past, but given how easy Vagrant and VVV were, I was in no hurry to switch. VVV still is awesome (there is an excellent getting started guide here), but since settling on Vagrant, the tools and ecosystem around Docker have significantly improved.

Mainly to satisfy my own curiosity, but also hoping to use less system resources (since I currently code on a Macbook Air) I finally gave Docker a fair chance. I wanted to share some of the things I’ve learned over the past week whilst switching.

Tags development, Docker, VVV

Photos

Trip to Paris

Some of my favourite photos I took last month around Paris, the Louvre, and in the Catacombs.

Taken with a Nikon Z7 and Nikkor Z 24-70mm f/2.8 S and 35mm f/1.8 S lenses.

Tags photography

Posts

Building a cross-browser compatible, multi-handle range slider

Post author By Mike Jolley
Post date August 2, 2019
1 Comment on Building a cross-browser compatible, multi-handle range slider

Range Inputs are HTML elements which let users select a numeric value between a specified minimum and maximum value. They support single values by default.

As part of the WooCommerce Blocks project we’ve been working on converting WooCommerce widgets to Gutenberg blocks. One of those happens to be a price slider which currently uses jQuery UI. For blocks we’re using React.

Rather than use a library, we were really keen to use native range inputs to keep our dependencies to a minimum, and so the range inputs were semantic and keyboard accessible. Our idea was to overlay 2 range sliders to form a single component.

After working on this, I’d like to share some of my findings. Spoiler alert, the final slider looks like this:

Tags JavaScript, Range-Slider

Photos

Trip to Somerset

Some photos I took this month in Somerset, including Bristol Zoo, Longleat Safari, Glastonbury Abbey, and Brean Down.

Taken with a Nikon Z7, Sigma 24-105mm f/4, and 100-400mm f/5-6.3 lens via FTZ adapter.

Tags photography

Posts

I made a Super Mario Themed Nursery

Post author By Mike Jolley
Post date June 21, 2019
2 Comments on I made a Super Mario Themed Nursery

Last year, before the birth of my first son, I was able to get creative and decorate the nursery. Being a huge fan of video games (and retro style graphics!) logically I chose a Super Mario theme for the room and set about making plans to create a large wall mural and other themed objects (as well as doing the boring adult stuff like flooring and painting the walls).

It took approximately 2 months to get everything completed, and a lot of that was lead time on the custom things I needed to order. I do wish I took more shots during the build, but alas I didn’t think I’d be blogging about it. Maybe next time!