What your agency didn't tell you about Responsive Design

738 views

Published on

From JBoye12 - Aarhus

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

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

No notes for slide

What your agency didn't tell you about Responsive Design

  1. 1. Dan Lewis – The Judge Group - USA
  2. 2. My name is: Dan LewisI am from: Philadelphia, Pennsylvania -USAI work for: The Judge Group, Inc.As the: Leader of the Mobility SolutionsConsulting PracticeFor my job I: Eat, sleep, and breathmobilityI used to: Build intranets, web, anddatabase stuff
  3. 3. One site for many different view, this sounds great
  4. 4.  To deliver web content adaptive to devices based on their viewport size using the following techniques:  CSS Media Queries  Flexible Images  Fluid Grids Read More: http://www.alistapart.com/articles/responsive-web-design/
  5. 5.  The first media query is NO media query Progressive Enhancement over Graceful Degradation Start small and get bigger (Mobile First) Feature Detection over User Agent Sniffing Responsive is part of your project’s DNA
  6. 6. Wow this all sounds too good to be true, what’s the catch
  7. 7.  Flexible images (<picture> element) Bandwidth management and detection (standards-based) Server vs. Client responsive patterns
  8. 8. Does responsive mean just shrinking a screen and elements?
  9. 9.  Great User Experience Perfect for menus and complex navigation
  10. 10.  Because a Pixel isn’t always a Pixel Arbitrary Viewport sizes from vendors Scale with easeRead more: http://blog.cloudfour.com/the-ems-have-it-proportional-media-queries-ftw/
  11. 11. So you would like to see who is doing this well?
  12. 12.  Grey Goose ( http://www.greygoose.com ) VisualDX ( http://www.visualdx.com ) Mighty River Power ( http://www.mightyriver.co.nz/ )
  13. 13. Dan LewisPractice Leader – Mobility SolutionsThe Judge Groupwww.judge.comdlewis@judge.com@DanTheITManlinkedin.com/in/dantheitman

×