Skip to content

Commit 2fda754

Browse files
author
Marc J. Schmidt
committed
Merge pull request marcj#4 from ppowalowski/patch-1
Update README.md
2 parents 2823a1c + 4168b2b commit 2fda754

File tree

1 file changed

+9
-10
lines changed

1 file changed

+9
-10
lines changed

README.md

Lines changed: 9 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -1,25 +1,24 @@
11
CSS Element Queries
22
===================
33

4-
Forget Media Queries - Here Is Element Queries!
4+
Element Queries is a polyfill adding support for element based media-queries to all new browsers (incl. IE8+).
5+
It allows not only to define media-queries based on window-size but also adds 'media-queries' functionality depending on element (any selector supported)
6+
size while not causing performance lags due to event based implementation.
57

6-
This is a polyfill for all new browsers (incl. IE8!) for CSS Element Queries, which
7-
means you can depend in your CSS on element's size and not only on window's size like in classical media queries.
8-
9-
So, it's proof-of-concept event-based CSS element dimension query with valid CSS selector syntax.
8+
It's a proof-of-concept event-based CSS element dimension query with valid CSS selector syntax.
109

1110
Features:
1211

1312
- no performance issues
1413
- no interval/timeout detection. Truly event-based
1514
- no CSS modifications. Valid CSS Syntax
1615
- all CSS selectors available. Uses regular attribute selector
17-
- support and tested in webkit, gecko and internet explorer(8/9/10).
16+
- supports and tested in webkit, gecko and IE(8/9/10).
1817
- `min-width`, `min-height`, `max-width` and `max-height` are supported so far
1918
- works with any layout modifications: HTML (innerHTML etc), inline styles, DOM mutation, CSS3 transitions, fluid layout changes (also percent changes), pseudo classes (:hover etc.), window resizes and more
20-
- no Javascript-Framework dependency, so works with jQuery, Mootools, etc.
19+
- no Javascript-Framework dependency (works with jQuery, Mootools, etc.)
2120

22-
More demos and information here: http://marcj.github.io/css-element-queries/
21+
More demos and information: http://marcj.github.io/css-element-queries/
2322

2423
Example
2524
-------
@@ -63,5 +62,5 @@ Include the javascript files at the bottom and you're good to go. No custom java
6362
Issues
6463
------
6564
66-
- Does not work on `img` tags. Wrapping with a `div` works fine though (See the demo).
67-
- Adds additional hidden element into selected target element in non-internet-explorer browsers and forces target element to be relative or absolute.
65+
- So far does not work on `img` tags. Wrapping with a `div` works fine though (See demo).
66+
- [only non-IE]: Adds additional hidden element into selected target element and forces target element to be relative or absolute.

0 commit comments

Comments
 (0)