Don Burnside

Recipes, technology, personal stuff and a crap load of archives.

Responsive: Mobile First

iphone

iphone
We have all read that all over the place. When you are creating a website and want to make sure that it works well on mobile platforms, then you should design for that platform first. I thought it was nothing and said to myself, “self, we can do responsive **last**”. And so I did.

And failed.

Sure, the site worked on mobile and tablets, but it wasn’t _quite_ right. Back to the drawing board I went, rebuilding the grid and starting almost from scratch.

Mobile first.

And you know what, it worked much better! If you are looking at this on a mobile device, trust me when I tell you that it is better than my first attempt. There are still some tweaks to follow to dial it in just a little bit more, especially on the gallery pages. I’ll be writing it up for you to read all about shortly. But for now, kick the tires and let me know if you have any issues.

A few details? Ok.

  • Custom Post type for a gallery
  • Custom header, background and menus (just like the stock WP themes)
  • Fully responsive
  • A few shortcodes for widget styling and other things

More to follow in the next week!