What breakpoints does everyone use?

Hi all,

Does anyone have their favourite breakpoint sizes to share?
Or do you build the site and resize the window, and determine different breakpoints for each site as content starts to look cramped or too spread out? In this ever changing world of device sizes, it becomes a bit difficult deciding just where to have them.

Just curious as there doesn’t seem to be a definitive answer to the subject.

Thanks everyone,
Trev


offtopic mailing list
email@hidden
Update your subscriptions at:
https://freewaytalk.softpress.com/person/options

Basically it depends on the artwork - not the devices.

Mine is for the start 1200px (Tablet) and 600 (Mobile). I smuggle in the 1435 because it’s the width my art-director is watching the page (and he’s very old-school print oriented).

I usually don’t differ between landscape and portrait.

But this doesn’t necessarily mean I’ll ignore. As said in the first sentence:

“Adaptive design depends on design!”

Cheers

Thomas


offtopic mailing list
email@hidden
Update your subscriptions at:
https://freewaytalk.softpress.com/person/options

Cheers Thomas, thanks

Trev

On 13 Sep 2016, at 07:45, Thomas Kimmich email@hidden wrote:

Basically it depends on the artwork - not the devices.

Mine is for the start 1200px (Tablet) and 600 (Mobile). I smuggle in the 1435 because it’s the width my art-director is watching the page (and he’s very old-school print oriented).

I usually don’t differ between landscape and portrait.

But this doesn’t necessarily mean I’ll ignore. As said in the first sentence:

“Adaptive design depends on design!”

Cheers

Thomas


offtopic mailing list
email@hidden
Update your subscriptions at:
https://freewaytalk.softpress.com/person/options

Normally 640 / 1024px. Occasionally I add an extra breakpoint like 320px.


offtopic mailing list
email@hidden
Update your subscriptions at:
https://freewaytalk.softpress.com/person/options

Thanks Richard - and that’s it?

I just thought people would be generally using 4 or 5 breakpoints.

have a good Thursday.

Trev

On 14 Sep 2016, at 20:49, Richard van Heukelum email@hidden wrote:

Normally 640 / 1024px. Occasionally I add an extra breakpoint like 320px.


offtopic mailing list
email@hidden
Update your subscriptions at:
https://freewaytalk.softpress.com/person/options

On 15 Sep 2016, at 10:10, Trevor Reaveley email@hidden wrote:

Thanks Richard - and that’s it?

I just thought people would be generally using 4 or 5 breakpoints.

Could anyone please send me earlier posts on breakpoints?
As well as if you have some links to FW videos showing this?

Despite the loss of SoftPress and the discontinuation of future
upgrades(?) of Freeway, you seem to be using anyway! Which
I will try too do, since I have finally got the gang of it”!

i am only so sorry I have very serious cataract, so I can only write
emails like this, But in about two weeks you´ll see!

Cheers, Arne


offtopic mailing list
email@hidden
Update your subscriptions at:
https://freewaytalk.softpress.com/person/options

Yes, that’s about it. To be honest, I’m always using flexible items, images, etc. I like to keep stuff fluid for as long as I can, so I design the layout with that in mind. Just take a look at this project … there are just 2 breakpoints here.


offtopic mailing list
email@hidden
Update your subscriptions at:
https://freewaytalk.softpress.com/person/options

On 15 Sep 2016, at 10:27, Richard van Heukelum email@hidden wrote:

Just take a look at this project … there are just 2 breakpoints here.

Seeing this wonderful / wonderful built website, who need anything other than FreeWay?

Arne


offtopic mailing list
email@hidden
Update your subscriptions at:
https://freewaytalk.softpress.com/person/options

Yes, it works very well at all sizes (just looked using Safari’s Responsive Design mode)

Cheers
Trev

On 15 Sep 2016, at 09:27, Richard van Heukelum email@hidden wrote:

Yes, that’s about it. To be honest, I’m always using flexible items, images, etc. I like to keep stuff fluid for as long as I can, so I design the layout with that in mind. Just take a look at this project … there are just 2 breakpoints here.


offtopic mailing list
email@hidden
Update your subscriptions at:
https://freewaytalk.softpress.com/person/options

Thanks all … only the menu is inserted via a markup-item, and was created via http://cssmenumaker.com

– Richard


offtopic mailing list
email@hidden
Update your subscriptions at:
https://freewaytalk.softpress.com/person/options

On 15 Sep 2016, 8:10 am, Trevreav wrote:

Thanks Richard - and that’s it?

There are lots of smart words and thoughts to this aspect in the web and none to them are from me. But I have a favorite which is:

###“In the beginner’s mind there are endless possibilities, in the expert’s minds there are few!”

If you position elements absolute on your workspace, you make them depending on devices. In an increasingly number of devices, you would have to take care of about 500 different ones at the time of writing. You’ll never get happy - because it’s not possible (even if you buy all of them). This is the reason why this audience failed and a manufacturer had to fold.

But if you position elements relative (to each other) you depend on just your design. This is what my message was over all those years. But I failed as well - cause it has been unheard.

A simple example:

100% width - is all across the available space - no matter if it is 320px or even 2560px. And 25% means to distribute the available space by four equal parts. Certainly, they may start to look weird at some point and it’s better to break them into two rows with two columns at some point. At which one? Depends on your content and design.

So that’s the reason why I say: It depends on your design, layout and content and structure - and not on a single device. If a 4 column design still looking good on a display which has 320px - no need of any action. But if it starts to look crap even at 1200px - time for action.

My above mentioned rule is based on device range - not device width. Between 0-600 it’s mobile time, above and up to 1200px it’s tablet time and above it’s desktop time.

I do one standard breakpoint more, to be honest:

My art director’s device (MBP):

This is set to 1435px - just to make sure to see the same he does (he’s still fucking print oriented, but my bootcamp is pretty nice). Yours might be different.

The trick in modern web design is to see things as modules. Single functional sections of your page which may require entire different handling (breakpoints). It is design and design is solving problems.

###and design

does not happen in Freeway - it happens way before. In your outline and plan that you wrapped together by writing content down and structure it.

Richard is a good designer because he long understood the above mentioned rules, so to be precise:

Seeing this wonderful / wonderful built website, who need anything other than FreeWay?

####Seeing this wonderful design, who need anything other than a designer!

There will be way more media-queries in the future (up to light ambiance of a room which could influence the appearance of a design). So all I can recommend is keeping things simple - and seeing web design as a discipline of authoring rather than thinking of nice but useless appearances of single atoms of your page.

I wish you all the best guys - maybe we meet us in another universe. Who knows?

Cheers

Thomas


offtopic mailing list
email@hidden
Update your subscriptions at:
https://freewaytalk.softpress.com/person/options

Excellent advice, thanks Thomas.

regards
Trev


offtopic mailing list
email@hidden
Update your subscriptions at:
https://freewaytalk.softpress.com/person/options

Richard,

Nice site you’ve built there. Near the footer, in the blue box on the home page, is that text supposed to read “stay involved”?


offtopic mailing list
email@hidden
Update your subscriptions at:
https://freewaytalk.softpress.com/person/options

is that text supposed to read “stay involved”?

Whats the name of the Site Doty?

D


offtopic mailing list
email@hidden
Update your subscriptions at:
https://freewaytalk.softpress.com/person/options

On 23 Sep 2016, 4:52 pm, DeltaDave wrote:

is that text supposed to read “stay involved”?

Whats the name of the Site Doty?

Correct Dave. The owner’s spouse came up with that one, by the way. And you never ever go around that.


offtopic mailing list
email@hidden
Update your subscriptions at:
https://freewaytalk.softpress.com/person/options

@Thomas … very kind words from a very dedicated and patient man. My hat’s off for you, my friend … you’ve moved mountains here.

Richard


offtopic mailing list
email@hidden
Update your subscriptions at:
https://freewaytalk.softpress.com/person/options

@ Dave… Of course. I wasn’t paying attention. That’s very clever Richard. I like it. I took a look at cssmenumaker and I saw lots to like there. I may very well use it for my next project.

@ Thomas, good thoughts, as always. I’ve gotten in the habit of utilizing the same 5ish breakpoints for my last several projects and it really got to the point that I was questioning “WHY?” Apparently, that was the precise question I should have been asking!


offtopic mailing list
email@hidden
Update your subscriptions at:
https://freewaytalk.softpress.com/person/options