Passing PHP Variables to Javascript in WordPress

Sometimes you need data available to your scripts on the front end that you can normally only get from the server side of WordPress. Fortunately WordPress provides a relatively simple way to do this.

Read More

Interactive Animated SVG Instruments Tutorial on Design Bombs

I had the opportunity to write up a tutorial for Codrops after building some pens around the concept of animated musical instruments that you could play in the browser. Well I’ve created another tutorial for Design Bombs! Check out the tutorial.

Read More Link

How to Install a Specfic Version of Ansible

I’m a huge fan of the roots.io toolset for building and deploying high-quality WordPress sites. Part of that toolset is Trellis – a provisioning and deployment automation tool which typically requires a specific version of Ansible.

Read More

Interactive Animated SVG Drum Tutorial on Codrops

SVG Drums and sequencer

I recently built some pens built around the concept of animated musical instruments that you could play in the browser. I was lucky enough to get the opportunity to write up a tutorial for Codrops on one of those ideas, check it out!

Read More Link

Modernizr Fallback to jQuery UI for Native Datepickers

Date Inputs

Native HTML 5 datepickers are great, they offer a simple to use interface (that works particularly well on mobile) plus they’re dead simple, just stick a [type=date] attribute on a <input> element and away you go. However, not all browsers support this so and will simply fall back to [type=text] so a fallback is required for unsupported browsers

Read More

Using jQuery to Show/Hide Element Based on Dropdown Selection

Just a quick code snippet to show how to show/hide html elements based on the active option in a select dropdown.

Read More

Changing Jetpack’s Publicize to Google+ from Private to Public

If you’re using Jetpack’s Publicize to automatically post to Google+ when publishing a WordPress post you may not realise Google+ shares your posts privately (that is, to your circles) by default.

Read More

How to Run Multiple Local WordPress Sites using MAMP on OS X

MAMP is a simple to use tool and is often a staple in a Wordpress developer’s tools. When you start, you only have a single “domain” http://localhost/ making working on multiple local sites a bit of a problem. Additional sites can be added by adding virtual hosts, this can seem a bit daunting if you’ve never done it before, but is actually quite simple.

Read More

Syncing MAMP Databases Using Dropbox

Dropbox plus MAMP

Like many people, when I first started working with Wordpress I used MAMP for my local development environment, but I also used multiple machines which can cause issues when I have different databases. Luckily it’s pretty simple to sync MAMP databases via Dropbox.

Read More

OS X Symbolic Links

Terminal Symlinks

Symbolic Links (or symlinks) simply contain the path of the target file or directory stored as text. This can be incredibly handy when trying to sync apps or data other multiple devices or drives.

Read More