2. My name is: Dan Lewis
I am from: Philadelphia, Pennsylvania -
USA
I work for: The Judge Group, Inc.
As the: Leader of the Mobility Solutions
Consulting Practice
For my job I: Eat, sleep, and breath
mobility
I used to: Build intranets, web, and
database stuff
3. One site for many different view, this sounds great
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. 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. Wow this all sounds too good to be true, what’s the catch
7. Flexible images (<picture> element)
Bandwidth management and detection
(standards-based)
Server vs. Client responsive patterns
9. Great User Experience
Perfect for menus and complex navigation
10. Because a Pixel isn’t always a Pixel
Arbitrary Viewport sizes from vendors
Scale with ease
Read more: http://blog.cloudfour.com/the-ems-have-it-proportional-media-queries-ftw/
11. So you would like to see who is doing this well?
12. Grey Goose ( http://www.greygoose.com )
VisualDX ( http://www.visualdx.com )
Mighty River Power ( http://www.mightyriver.co.nz/ )
13. Dan Lewis
Practice Leader – Mobility Solutions
The Judge Group
www.judge.com
dlewis@judge.com
@DanTheITMan
linkedin.com/in/dantheitman