[Pro] how many break points

Freeway
1

I’ve wondered how many breakpoints, and where, you professional types are using on your sites.

It seems like between all the tablets and phones out there you could have a dozen, or more, and still not hit all the devices.

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

2

People seem to approach breakpoints from two different directions:

  1. The either set bp based on specific device sizes, or…
  2. They let the layout/design determine the bp.

The latter approach makes more sense but can result in a wide-ranging number of bp depending on the layout/design. There’s no reasonably accurate way to answer your question. I could say I use 6 but that’s an entirely relative number based solely on one specific site.

Todd
https://xiiro.com

I’ve wondered how many breakpoints, and where, you professional types are using on your sites.

It seems like between all the tablets and phones out there you could have a dozen, or more, and still not hit all the devices.

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

3

Rather than ask yourself how many breakpoints you might need, ask yourself how FEW breakpoints you can get away with. Think of screen widths in terms of size classes rather than fuss over the individual tweaky little differences. Freeway’s layout breakpoints apply to the specified sizes and below, not just to the given widths.

In many cases it’s very reasonable to set up a standard ‘desktop’ layout, then make one adjusted 768px breakpoint version for tablet browsing and one 480px more specifically mobile-friendly layout to cater for anything that has display width that size or below.

k

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

4

This is what I think of as the beauty of inflow layouts-- that the result is a flexible layout, and flexible handles the vast majority of indeterminate viewing situations.

Breakpoints should exist for where the layout actually “breaks” for the user-- flexible layouts respond to screen widths in-between those breakpoints, which I think makes the process easier. Inflow layouts are more work to learn, and definitely not part of the wysiwyg experience, but they make really nice web pages.

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

5

Thanks for your inputs. It is helpful to think outside the breakpoint stricture, actually seems easier to deal with that way as opposed to worrying about all the different device sizes.

I appreciate all the comments.

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options