Responsive Web Design: How to maximise your content fordevices that haven’t been invented yetJames Cannings
“Mobile users want to see our menu,hours and delivery number. Desktop usersdefinitely want this 1Mb png of someonesmiling ...
Mobile-first RWD
Great article on Responsive Typography:• http://informationarchitects.net/blog/responsive-typography-the-basics/Great arti...
The future?@media (max-resolution: 131dpi) and (min-width: 767px) > {}@media (max-resolution: 341dpi) and (min-width: 767p...
Focus on the contentNot the devicesEmbrace the squishinessLet the content define the breakpointsProgressively enhance the ...
http://www.mmtdigital.co.ukhttps://twitter.com/MMT_Digitalhttps://www.facebook.com/mmtdigitalhttp://www.linkedin.com/compa...
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
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
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
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
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
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
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
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
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
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
Upcoming SlideShare
Loading in …5
×

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

344 views

Published on

Responsive Web Design is about developing a website that will automatically adjust to any device screen size. MMT Digital focuses on a content centric approach to RWD which enables us to make the best use of website content on any screen size that technology throws our way in the future.

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
344
On SlideShare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
4
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

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

  1. 1. Responsive Web Design: How to maximise your content fordevices that haven’t been invented yetJames Cannings
  2. 2. “Mobile users want to see our menu,hours and delivery number. Desktop usersdefinitely want this 1Mb png of someonesmiling at a salad.”
  3. 3. Mobile-first RWD
  4. 4. Great article on Responsive Typography:• http://informationarchitects.net/blog/responsive-typography-the-basics/Great article on the science behind column widthsand text sizes:• http://www.smashingmagazine.com/2013/03/01/logical-breakpoints-responsive-design/
  5. 5. The future?@media (max-resolution: 131dpi) and (min-width: 767px) > {}@media (max-resolution: 341dpi) and (min-width: 767px) > {}
  6. 6. Focus on the contentNot the devicesEmbrace the squishinessLet the content define the breakpointsProgressively enhance the UXStart with the LCDEmbrace new technologyBut make sure it works on IE6!But don’t compromise the experience on older devices
  7. 7. http://www.mmtdigital.co.ukhttps://twitter.com/MMT_Digitalhttps://www.facebook.com/mmtdigitalhttp://www.linkedin.com/company/mmt-digitalJames.c@mmtdigital.co.uk

×