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!

4 thoughts on “Responsive: Mobile First

    1. That is at the top of my list. It was working correctly until I changed some padding to allow for background-color changes. That messed up the math.

      Thanks Matt!

    1. I have. I’m setup here to mimic the functionality of motoringfile.com for compatibility testing. I’m not really a huge fan, but it is getting better.

      I’m thinking about rolling them out on dbmini too.

Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.