Responsive Web Design: How to maximise your content for devices that haven't been invented yet
-
Upload
mmt-digital -
Category
Technology
-
view
109 -
download
1
description
Transcript of 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