SitePoint Sponsor

User Tag List

Results 1 to 2 of 2

Thread: What is meant by letting your content determine break points in responsive design.

  1. #1
    SitePoint Guru
    Join Date
    Jan 2007
    Posts
    902
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)

    What is meant by letting your content determine break points in responsive design.

    I've read to not set breakpoints to devices but content. I don't get that. The design has to work on existing devices.
    So wouldn't you set the breakpoints at the threshold of device formats (IE: Mobile, Tablet, Desktop, Widescreen Desktop).

  2. #2
    Grüße aus'm Pott
    SitePoint Award Recipient Pullo's Avatar
    Join Date
    Jun 2007
    Location
    Germany
    Posts
    2,441
    Mentioned
    39 Post(s)
    Tagged
    1 Thread(s)
    Hi,

    I've just finished working on a site which I built for mobile first. In the course of this I also came across quite a lot of articles saying the same thing.
    My take on this is that you should optimize for what looks good in terms of layout and not rigidly adhere to set breakpoints, just because they correspond to the width some popular mobile device or other.
    This is perhaps best summed up by a guy called Stephen Hay on Twitter who advised "Start with the small screen first, then expand until it looks like sh-t. Time to insert a breakpoint!"
    Saying this, it is a matter of personal taste and what works best for you. It is more important to be thinking responsively in the first place than to lose sleep about where to have your breakpoints.
    Here's a good article for this approach: http://adactio.com/journal/5425/
    And here's a good article against: http://alwaystwisted.com/post.php?s=...oints-to-start

    Would be interested to hear what others think.
    How well do you know your JavaScript from your jQuery?
    Check out SitePoint's latest JavaScript challenge


    My blog

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •