Comments (6)
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.
from ri-usecases.
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).
from ri-usecases.
Beauty, Bob.
from ri-usecases.
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.
from ri-usecases.
@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 :)
from ri-usecases.
Sounds good to me.
from ri-usecases.
Related Issues (20)
- XSS attack <script>console.warm('pwned')</script> HOT 8
- File bugs at the W3C against individual use cases. HOT 4
- Find out what we need to do to go to W3C FPWD HOT 10
- Get commitments from CG members HOT 5
- Art direction use case description should be more than cropping HOT 2
- Resolution switching illustration is misleading HOT 4
- Clarify explanatory statement about WebP/Jpeg vs PNG. HOT 1
- Add additional solution requirements HOT 4
- Add a "support preloading" use-case HOT 7
- Modify the relative units section HOT 3
- Mention relying color alone is an accessibility issue HOT 7
- equation images HOT 10
- Sentence mistake in 4. Requirements -> point 10
- Section 1.1 still has src-N listed as 'in-development' solution HOT 2
- Invented word HOT 3
- Add an "invisible images" use-case HOT 2
- Adapt object-fit, object-position by matching source HOT 6
- Add a writing-mode use case HOT 3
- Broken link in http://usecases.responsiveimages.org/ HOT 2
- add support for image size based media queries
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from ri-usecases.