theSync: What is Responsive Design?

For years, I’ve been harping on you to get your website up and running and functional for your customers. Now that you have a website that connects you with your customers you heard that 57% of Internet traffic originates from mobile devices and that sites now have to be responsive. What does it mean to be a responsive website?

This week on theSync, I clarify what responsive means for a website and how you can make your site easier to use on mobile devices.

Responsive Does not Mean a Mobile Template

Making a website responsive is more than setting a different template that’s mobile in appearance. Super HTML coder, Mark Mower states, “Responsive design is an approach that web designers and developers take to adapt the layout of a site to enable small and large screen devices to share the same code base and content without the need of separate website properties.” A responsive website is flexible and will redraw and relayout its content in a predictable way for all screen sizes and resolutions. The designers and coders of your templates will automatically check for the screen width and resolution used in the browser and automatically resize the images, font size, and position of your content without the need for additional templates and seperate code. Really this means that HTML developers need to learn how to actually program.

Responsive Design Provides Consistency

The goal of Responsive Design is to provide a consistent appearance and experience everywhere. This means that your site looks the same, behaves the same, and responds the same on Android, iOS, Windows 8, Linux, and Mac OS X operating systems. Back-in-the-day, a site will look and behave completely differently on another operating system. On today’s modern Interwebs, you will be clowned if someone finds out you do this.

How Can I Make My Site Responsive

If you have a hand coded site, this is very hard. Your developer will need to add in additional code to check for screen size and layout, then recode your site to relayout your content. If you’ve followed my advice and started out with a decent WordPress installation, you can head out on the Interwebs and Google top responsive wordpress templates and you’ll find a plethora of templates and designs out there.

I’d love to know your thoughts on Responsive Design and read how you’re handling mobile devices on your site. Please share your ideas with us in the comments of this responsive site.

Thanks for reading, and listening. You’ve been synced.

You now get theSync on your Android phone or tablet. Get it for FREE from the Google Play store.

Please note: I reserve the right to delete comments that are offensive or off-topic.

Leave a Reply

Your email address will not be published. Required fields are marked *