responsive web design: how to maximise your content for devices that haven't been invented yet

Responsive Web Design: How to maximise your content for devices that haven’t been invented yet

James Cannings

“Mobile users want to see our menu, hours and delivery number. Desktop users definitely want this 1Mb png of someone smiling at a salad.”

Mobile-first RWD

Great article on Responsive Typography:

• http://informationarchitects.net/blog/responsive-typography-the-basics/

Great article on the science behind column widths and text sizes:

• http://www.smashingmagazine.com/2013/03/01/logical-breakpoints-responsive-design/

The future?

@media (max-resolution: 131dpi) and (min-width: 767px) > {

}

@media (max-resolution: 341dpi) and (min-width: 767px) > {

}

Focus on the contentNot the devices

Embrace the squishinessLet the content define the breakpoints

Progressively enhance the UXStart with the LCD

Embrace new technologyBut make sure it works on IE6!

But don’t compromise the experience on older devices

http://www.mmtdigital.co.uk

https://twitter.com/MMT_Digital

https://www.facebook.com/mmtdigital

http://www.linkedin.com/company/mmt-digital

James.c@mmtdigital.co.uk