"breakpoints" undefined about ri-usecases

[miketaylr]

I guess there's an implicit definition here:

If a breakpoint in the design is specified in [CSS21] as:

@media screen (max-width: 41em) {}

Still I think an explicit definition would be good.

[marcoscaceres]

Agreed. I'll add it (or remove it)... breakpoint is a bit of an "industry term" (it's just a media query after all!).

How does this sound?

In Web development, a breakpoint is one of a series of CSS Media Queries that update the styles of a page based on matching some media features. Breakpoints generally form a logical set of rules that target, for example, predictable device widths so covering a gamut of potential devices (e.g., first mobile phones, then smart phones, then tablets, then desktop monitors, then high resolution displays, and so on).

[miketaylr]

Beauty, Bob.

[Wilto]

I think we could go even more simple with it. How about something like:

In Web development, a “breakpoint” is one of a series of CSS Media Queries that update the styles of a page based on information about the client’s browsing context. A single breakpoint represents a logical rule (or set of rules) determining the point at which the contents of a media query are applied to a page’s layout.

[marcoscaceres]

@Wilto going to meet you half way. I want to keep the first sentence in my definition because it's using language straight out of the media queries spec. However, your second sentence is nice and clear :)

[Wilto]

Sounds good to me.