Responsive Web Design : What resolutions to target?

Today we will be talking about responsive web design, most importantly about a question that we all ask ourselves:

What device resolutions to target ?

I have been studying responsive web design using Stone River Learning – “Building Responsive Websites With HTML5 and CSS 3” video course by Geoff Blake. According to Geoff top resolutions that we should target while building responsive designs are (screenshot taken from the video tutorial):

Responsive Web Design| What Resolution To target ?

Of course knowing your audience and analyzing their browser resolutions might give you better clues of what best suits your particular needs. If you don’t know your audience just yet, those 3 resolutions (320 px, 768 px and 1200 px), cover widest spectrum of devices without going too granular.

Finally, if you are in need for particular device resolution, Geoff recommends website http://screensiz.es/ . It gives you overview of tons of devices:

Responsive Design | What screensize to target ?

That’s it for today!

P.S I will be posting more Responsive Design posts soon, so stay tuned!

See ya,

Anatoly

Thanks for installing the Bottom of every post plugin by Corey Salzano. Contact me if you need custom WordPress plugins or website design.

Anatoly Spektor

IT Consultant with 6 years experience in Software Development and IT Leadership. Participated in such projects as Eclipse IDE, Big Blue Button, Toronto 2015 Panam Games.

Join the Discussion

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

arrow