On the RLM maker there's stuff on about bulletpoints, but what are you guys using as bulletpoints?? I don't possess a smart phone or a tablet, have any of you got any suggestions what pixels we should be putting them at? How I understand Mobile phones it's about 400px for Iphones, but there are so many others at there now, what would you suggest? Do we put bulletpoints for 10in tablets and 7 in or what? At present I'm just letting the software do it by default as I don't have these devices and don't really plan on getting them.
Thanks for any advice

I believe they are called Breakpoints. You can use them at any screen width you want...

There are no preset breakpoints. Just place them where YOUR layout needs them. You can also choose a Bootstrap 2 layout which has prebuilt breakpoints.

Hey Nigel, I have research the most popular ones and here is what I use for breakpoints;

320, 480, 640, and 800

That will cover off iphones, Androids, Blackberry, and most tablets. There are still a few phones on the market that are weird dimensions but at least this is a starting point.

HA HA DOH!!! Yeah breakpoints Yes just wondering where people would put them most, with the advent of new screen sizes coming out seemingly all the time and with me not having these devices, just thought I'd ask, thanks for the upshot of Bootstrap, I've just been using the CC default one at present.



Thanks Steve that's great post for me. I remember back in the day when it was Netscape and Explorer and Javascript with if else statements find the screen size etc, now there are so many

The most commonly used breakpoints however are:

• 240 - Feature Phone
• 320 - Smart Phone
• 480 - Smart Phone
• 592 - Smart Phone (Landscape)
• 768 - Tablet
• 1000 - Tablet (Landscape)
• 1260 - Desktop
• 1420 - Desktop
• 1580 - Desktop

Thanks Adam What's a feature phone?

Excellent Adam thank you!



A very small phone lol..basically the first of the phones that can connect to the internet but are not a smart phone.

http://upload.wikimedia.org/wikipedia/c … a_6020.jpg

A feature phone is an old phone like a Motorola Razor that can still connect to the internet but has a very small screen resolution.

Ah I see that's what mine is I think then Never heard of them called feature phones, but I guess that's a good enough name for them. It's a bit like in the US call mobile phones, cell phones, or at least they do on CSI

In my opinion, the breakpoints have nothing to do with viewport widths of popularly available devices, be they iPads, iPhones, Samsung Galaxy, super-sized desktop monitors, or whatever... To me, the great strength of Responsive Design is that you do NOT design for specific sets of device widths.

Instead, you define a minimum width and a maximum width, between which you want your site to CONTINUOUSLY look good and function well - at ANY device width. Your breakpoint locations should then be determined solely based on where your particular site design 'breaks', i.e where it needs a layout modification, in the continuum between your chosen min and max widths.

As Adam hinted at above (before he veered off and listed 'commonly used breakpoints' , "There are no preset breakpoints. Just place them where YOUR layout needs them."

Responsive Design is supposed to be somewhat 'future-proof' in the sense that the site should look good on ALL devices, including those that don't exist yet. Take for example that device that is released next week with the odd width of, say, 386px and which is an instant success and becomes the most popular gadget in the world...!