WordPress: ACF Data Selector field

On a recent WordPress build I needed to allow the client to select ranges of custom data. I’m a big fan of Advanced Custom Fields so decided to modify the relationship field to allow it to accept custom data instead of custom post types, I call it the Data Selector field. After downloading the plugin … 

 

WordPress: Introducing the functions directory

If your WordPress functions file is anything like mine, it’s probably slammed full of helpful functions, actions and hooks… you’ve done your absolute best to comment and group relevant sections of code, but it still looks overwhelming. I’ve had this problem for a while, I get horrible feelings in my brain every time I have … 

 

My first speaking gig… Points Brighton

Big news folks, on Saturday (4th May, 2013) I had my very first speaking gig at Points Brighton, it came about due to an original speaker not being able to attend the event so I put myself forward, organiser Mike was good enough to allow me to come and talk a little about performance. I thought … 

 

Using slashes within the HTML class attribute

Since discovering grids, OOCSS and the like I’ve found writing CSS far easier, but perhaps more importantly, writing CSS that makes sense. Harry Roberts said in his Big CSS talk that we should defer more work to the HTML, using more classes in the markup to make a site easier to maintain for developers. I really … 

 

PHP Quick Tip: When to use the alternative syntax

This video is ultimately in response to a tweet Harry Roberts posted earlier this week, whereby he said he disliked the PHP alternative syntax for control structures. I responded rather unhelpfully to Harry’s tweet so figured I should show you all how I use the alternative structure. Truth be told, I must thank Harry, I’ve … 

 

CSS Quick Tip: Sibling hover fade out

Here’s a quick example for you to play with.

 

Bring on the colour

My last site design sucked! It was only meant to be a stopgap solution before I added various components such as portfolio and a decent contact page. The problem, however, was that my stopgap solution was in fact a crap solution. A bland design that must have only deterred visitors to my site. Either way after discussing … 

 

Replicating an awesome clock in JavaScript

Happy new year everyone, with any luck I’ll be posting a little something about that soon. In the meantime I was shown a picture of an awesome clock a couple of days ago and I thought I’ll have a go at recreating it using a bit of JavaScript. The code is not spectacularly complex, however … 

 

Understanding event delegation

For the past few years I’ve been rocking jQuery… well, doing okay at it. Ever since jQuery 1.7 came out we’ve been able to play with the new .on() method, however it was only recently when I realised why I should be using .on() instead of .live(), and indeed any other event methods. Event delegation … 

 

Siege! Benchmarking your web applications

Performance is absolutely everything… well, perhaps not everything, but it’s bloody important! It’s useless trying to improve the performance of your web app if you’ve no way of measuring your success. With this in mind you might want to add Siege to your tool belt. Siege is a regression and benchmarking tool that allows you …