Update browser cheatsheets.

This commit is contained in:
Rico Sta. Cruz 2013-01-25 05:24:06 +08:00
parent 317b6cc5a9
commit d416f83afd
2 changed files with 70 additions and 92 deletions

View File

@ -13,8 +13,10 @@ title: Firefox
* No more support for Mac OSX 10.5 and below
* SVG `FillPaint` and `StrokePaint`
* HTML `<iframe sandbox=...>` ([docs][iframe-sandbox])
* Official support for Windows 8 ([link][17reqs])
[iframe-sandbox]: https://developer.mozilla.org/en-US/docs/HTML/Element/iframe#attr-sandbox
[17reqs]: http://www.mozilla.org/en-US/firefox/17.0/system-requirements/
### Firefox 16 (Oct 2012)

160
ie.md
View File

@ -1,106 +1,82 @@
title: Internet Explorer
---
## Only available in IE7+
### IE7+ only
Selectors:
* Selectors:
- `>` _(descendant)_
- `[attr]` _(attribute)_
- `.class1.class2` _(multiple classes)_
- `~` _(sibling)_
* CSS properties:
- `max-width`
- `position: fixed`
- `>` _(descendant)_
- `[attr]` _(attribute)_
- `.class1.class2` _(multiple classes)_
- `~` _(sibling)_
### IE8+ only
CSS properties:
* Selectors/pseudos: ([polyfill: selectivizr][selectivizr])
- `+` _(adjacent)_
- `:first-child` <sup>1</sup>
- `:focus`
- `:before`, `:after` _(single colon only)_
* CSS properties:
- `outline`
- `display: inline-block` <sup>2</sup>
- `display: table`
- `border-collapse`, `border-spacing`, `table-layout`, ...
- `whitespace: pre-wrap`
- `whitespace: pre-line`
- `box-sizing`
* Features:
- PNG alpha transparency
- `data:` URI
* JS features:
- JSON parsing
- Cross-origin resource sharing
- `max-width`
- `position: fixed`
## IE9+ only
## Only available in IE8+
* Selectors/pseudos: ([polyfill: selectivizr][selectivizr])
- `:first-of-type`, `:last-of-type`
- `:last-child`
- `:empty`
- `:enabled`, `:disabled`, `:checked`
- `:not()`
- `:nth-child()`, `:nth-last-child()`,
- `:nth-of-type()`, `:nth-last-of-type()`, `:only-of-type()`
- `:only-child()`
- `:target`
- `::selection`
* CSS properties:
- `background-clip`
- `background-origin`
- `background-size`
- `background: x, y, z` _(multiple backgrounds)_
- `opacity`
- `border-radius`
- `box-shadow`
- `rgba()`
- `transform`
* CSS features:
- `@media` queries ([polyfill: respond.js][respond])
* HTML5 features:
- `<canvas>`
- `<svg>`
- `<img src='image.svg'>`
Selectors/pseudos: ([polyfill: selectivizr][selectivizr])
### IE10+ only
- `+` _(adjacent)_
- `:first-child` <sup>1</sup>
- `:focus`
- `:before`, `:after` _(single colon only)_
* CSS features:
- `animation`
- `transition`
- `linear-gradient()`
* HTML features:
- `<input placeholder='..'>`
- `<input type='range'>`
* JS features:
- Web sockets
CSS properties:
- `outline`
- `display: inline-block` <sup>2</sup>
- `display: table`
- `border-collapse`, `border-spacing`, `table-layout`, ...
- `whitespace: pre-wrap`
- `whitespace: pre-line`
- `box-sizing`
Features:
- PNG alpha transparency
- `data:` URI
JS features:
- JSON parsing
- Cross-origin resource sharing
## Only available in IE9+
Selectors/pseudos: ([polyfill: selectivizr][selectivizr])
- `:first-of-type`, `:last-of-type`
- `:last-child`
- `:empty`
- `:enabled`, `:disabled`, `:checked`
- `:not()`
- `:nth-child()`, `:nth-last-child()`,
- `:nth-of-type()`, `:nth-last-of-type()`, `:only-of-type()`
- `:only-child()`
- `:target`
- `::selection`
CSS properties:
- `background-clip`
- `background-origin`
- `background-size`
- `background: x, y, z` _(multiple backgrounds)_
- `opacity`
- `border-radius`
- `box-shadow`
- `rgba()`
- `transform`
CSS features:
- `@media` queries ([polyfill: respond.js][respond])
HTML5 features:
- `<canvas>`
- `<svg>`
- `<img src='image.svg'>`
## Only available in IE10+
CSS features:
- `animation`
- `transition`
- `linear-gradient()`
Features:
- `<input placeholder='..'>`
- `<input type='range'>`
HTML5 features:
- Web sockets
## Not in IE10 (or below) at all
CSS properties:
### Not in IE10 (or below) at all
- `text-shadow` ([polyfill][text-shadow])