Profile

Cover photo
Luke Simpson
Works at Celerity
Attended University of Virginia
95 followers|1,686 views
AboutPostsPhotosVideos

Stream

Luke Simpson

Shared publicly  - 
 
nice set of tips for responsive design, and good discussion following...
 
Responsive design quick tips:

- Start mobile-first: start with the lowest screen size
- Keep in mind that there's plenty of devices less than 320px
- The absence of a media query is the first media query. - +Bryan Rieger
- Let the fluid grid do most of the work. You don't want to manage 100 layouts caused by 100 media queries, so let the fluidity of the web do its thang.
- Use min-width, not max-width for the most part (again part of the mobile-first strategy)
- Be mindful of media. Start with small images and swap them out for larger resolutions. Check out +Jason Grigsby 's fantastic in-depth look at techniques. http://www.cloudfour.com/responsive-imgs-part-2/
- Don't lean on the DOM too much. Performance is your #1 feature and manipulating things with JS too much can bog down your site's performance.
- Don't do 100 backflips to rearrange a bunch of shit. Make sure your design is smart enough to scale up without essentially designing multiple sites.
- Don't hide content for mobile. Mobile users want to access content just as much as desktop users.
- Keep hit areas big. Design for touch input methods, and keep in mind that desktop users can benefit from increased hit areas as well.

Just some stream-of-consciousness stuff off the top of my head. What are some other tips?
1
Add a comment...

Luke Simpson

Shared publicly  - 
1
Add a comment...
In his circles
32 people
Have him in circles
95 people
richard kuhlbars's profile photo
Michael Drew's profile photo

Luke Simpson

Shared publicly  - 
 
Awesome. And Cameron is teaching his kids HTML5 already. I need to get on the ball.
1
Add a comment...
People
In his circles
32 people
Have him in circles
95 people
richard kuhlbars's profile photo
Michael Drew's profile photo
Work
Occupation
Web Developer
Skills
HTML, CSS, Javascript, PHP
Employment
  • Celerity
    Senior Web Developer, 2012 - present
    UI Engineering Team at Capital One
  • eecoder / Visual Chefs
    Senior Web Developer, 2011 - 2012
  • Capital One
    User Interface Designer, 2010 - 2011
  • Church Plant Media
    Senior Web Developer, 2009 - 2010
  • Monk Development
    Senior Web Developer, 2007 - 2009
Basic Information
Gender
Male
Story
Tagline
Husband, Dad, Designer, Developer, Follower, Leader
Education
  • University of Virginia
    Aerospace Engineering, 1989 - 1995