Geek

On ABL’s Responsive Design

Written by Jayvee Fernandez

About two years ago, I felt the urge this blog needed a design overhaul. First and foremost, responsive design played a huge factor in the call to upgrade as many of the existing WordPress plugins didn’t make the site too appealing on mobile. I called in the guys from PixelKit to do an overhaul. Responsive design wasn’t the only focus though as I wanted the option to apply a different template to posts that were deemed “less news more features.” Here are some examples:


Via: S|M Web Design Company

These featured templates had pull-out quotes similar to magazines and bigger photos which extended to both ends of the screen. The top feature image also had parallax scrolling to give the header a 3D-effect. On mobile, the main difference between the news and feature posts was the size of photos and location of the title.

In retrospect — responsive design, HTML5, parallax scrolling (and many more!) were huge deal-makers in the past but can be found in almost any template or blog service today. I contribute a lot to a new passion project called The DorkSide and we’re using SquareSpace for the layout. Mobile and responsive design features work like a charm. Check it out! 🙂

About the author

Jayvee Fernandez

Jayvee Fernandez is a tech enthusiast, EAN certified SCUBA Diver and underwater photographer based in Metro Manila, Philippines. His photos and videos have appeared in various international and local publications including Random House Germany, Discovery Channel Canada, and CNN.

Leave a Reply

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