Imagine my Surprise

April 10, 2016 | Category: CSS, WordPress | Leave a Comment

From my early days at Forge and Smith, I have used and worked on the Gravity Forms plugin for WordPress. I’ve yet to come across a better plugin for online forms in WordPress, or one that offers as much integration (seriously, the sheer options they offer is staggering). However, I have talked many times over the … Read more

Custom WP Design: A Developer’s Perspective

May 30, 2015 | Category: CSS, WordPress | Leave a Comment

In August 2014, I spoke about WordPress plugin CSS for the Vancouver WordPress Meetup group. A great deal of the talk was to do with work I’ve done at Forge and Smith, and this week I was asked to write a blog post about much the same content. This was a little more challenging than I perhaps expected; my … Read more

Gymnast: a flexible SCSS grid

October 9, 2014 | Category: CSS | Leave a Comment

I’ve tried out various grid systems and frameworks over the past couple of years, and whilst there are many solid options out there, I never settled on one that I really liked. The solution? To make my own! I use Gymnast on personal and freelance projects, and it’s integrated into the Forge and Smith starter them. Gymnast is inspired by … Read more

CSS3 Off Canvas Menu

April 27, 2014 | Category: CodePen, CSS | Leave a Comment

I continue to be impressed and amazed at CSS3 transforms and transitions; they’re incredibly powerful and versatile. Perhaps what I most like about them is they can do things for your site that you used to rely on JavaScript for. For example, this off canvas menu found in the embedded CodePen would once likely have … Read more

All Device Media Queries

December 17, 2013 | Category: CSS | Leave a Comment

With so many mobile device screen sizes available these days, designing and developing for 1024/768/480/320 pixel widths doesn’t cut it anymore (and hasn’t for a while).  To help with this, I propose a catch all. I’ve found this method to be especially helpful when I’m working with a less fluid design that requires more media … Read more