From c48382a775f92ecd812305c43b0b2fa13531f660 Mon Sep 17 00:00:00 2001 From: Paul Irish Date: Sun, 22 Jan 2012 11:44:24 -0800 Subject: [PATCH] renaming some titles. --- index.html | 53 ++++++++++++++++++++++++++------------- posts/fontface.md | 2 +- posts/masks.md | 3 +-- posts/multibackgrounds.md | 2 +- posts/ol-reversed.md | 2 +- readme.md | 2 +- 6 files changed, 41 insertions(+), 23 deletions(-) diff --git a/index.html b/index.html index be6abd6b..9a7ee026 100644 --- a/index.html +++ b/index.html @@ -214,7 +214,7 @@

use with polyfill

api

- classlist + classList

@@ -222,7 +222,7 @@

Classlist is unsupported in older mobile browsers and IE. This is not a concern if you are using a library like jQuery and using it to add/remove class names, but if not, make sure you use the polyfill.

Recommended Polyfills:

classlist.js

Edit info on - classlist + classList
polyfill noie nooldmobile
@@ -233,15 +233,15 @@

use with polyfill

html

- cors + CORS

-

...

-
Recommended Polyfills:

postmessage-proxied-xhr, flXHR (target server must have a crossdomain.xml file), pmxdr (sites being requested must have a pmxdr host)

+

CORS, or cross-origin resource sharing, enables a few things, but most notably cross-domain AJAX. IE8 introduced XDomainRequest.aspx), so really only IE7 needs help with cross-domain files. Consider the polyfills below or you can fallback to using a simple proxy.

+
Recommended Polyfills:

postmessage-proxied-xhr, flXHR (requires crossdomain.xml), pmxdr (requires host installed)

Edit info on - cors + CORS
@@ -462,7 +462,7 @@

use with fallback

css

- fontface + @font-face

@@ -470,7 +470,7 @@

Use the Font Squirrel Generator for fonts you have license for using as web fonts. Font Squirrel @font-face syntax is also the most bullet-proof way of serving web fonts. You do not need polyfills - just fonts in several formats. Don't use sIFR or Cufon anymore.

Edit info on - fontface + @font-face
fallback
@@ -598,15 +598,15 @@

use with polyfill

api

- match-media + matchMedia

-

MatchMedia.js provides a shim for unsupported browsers. If you want a shim that is responsive to window resizing, you can use this fork.

+

matchMedia provides a javascript API to see if a media query will succeed. MatchMedia.js provides a shim for unsupported browsers. If you want a shim that is responsive to window resizing, you can use this fork, though its limited to browsers that support css transitions.

Edit info on - match-media + matchMedia
@@ -751,7 +751,7 @@

avoid

css

- paged-media + paged media

@@ -759,7 +759,7 @@

This spec is actively under development, so we recommend you wait until there are enough implementations around.

Edit info on - paged-media + paged media
none
@@ -789,7 +789,7 @@

use with fallback

css

- pointer-events + pointer events

@@ -797,11 +797,30 @@

Pointer events are available in SVG and CSS. All modern browsers support them in SVG, but IE and Opera do not support them in CSS yet. There is a modernizr plugin to detect support which can be used to implement a JavaScript interceptor for elements which require pointer events to be disabled.

Edit info on - pointer-events + pointer events
fallback noie
+ +

use with polyfill

@@ -827,7 +846,7 @@

use

css

- pseudo-elements + pseudo elements

@@ -835,7 +854,7 @@

The pseudo-element notation was updated to use a double colon - :: - in the CSS3 Selectors module. The CSS3 module requires that browsers support both the single and double colon notations for the pseudo-elements introduced in CSS1 and CSS2 - :first-line, :first-letter, :before and :after. Therefore, if you intend to support IE8+, you should use the earlier single colon notation. When adding generated content to your page with :before and :after, make sure that it is only for presentation and not to add content that should be included in the HTML source.

Edit info on - pseudo-elements + pseudo elements

diff --git a/posts/fontface.md b/posts/fontface.md index 8b198bf5..580b666b 100644 --- a/posts/fontface.md +++ b/posts/fontface.md @@ -4,4 +4,4 @@ tags: fallback kind: css polyfillurls: -Use the [Font Squirrel Generator](http://www.fontsquirrel.com/fontface/generator) for fonts you have license for using as web fonts. [Font Squirrel @font-face syntax](http://www.fontspring.com/blog/the-new-bulletproof-font-face-syntax) is also the most bullet-proof way of serving web fonts. You do not need polyfills - just fonts in several formats. Don't use sIFR or Cufon anymore. +Use the [Font Squirrel Generator](http://www.fontsquirrel.com/fontface/generator) for fonts you have license for using as web fonts. [Font Squirrel @font-face syntax](http://www.fontspring.com/blog/the-new-bulletproof-font-face-syntax) is also the most bullet-proof way of serving web fonts. You do not need polyfills - just fonts in several formats; WOFF is preferred, followed by TTF and then EOT. Also, don't use sIFR or Cufon anymore. diff --git a/posts/masks.md b/posts/masks.md index 3d78d952..20a08dd1 100644 --- a/posts/masks.md +++ b/posts/masks.md @@ -5,6 +5,5 @@ kind: css polyfillurls: moreurl: http://css3clickchart.com/#masks -Masks are not in the spec and are likely never going to be. Filters -might be your path to salvation. +[Masks](http://www.webkit.org/blog/181/css-masks/) are not in a spec and are likely never going to be. Filters might be your path to salvation. diff --git a/posts/multibackgrounds.md b/posts/multibackgrounds.md index 33254e2d..75d558d1 100644 --- a/posts/multibackgrounds.md +++ b/posts/multibackgrounds.md @@ -1,4 +1,4 @@ -feature: multibackgrounds +feature: multiple backgrounds status: use tags: fallback gtie8 kind: css diff --git a/posts/ol-reversed.md b/posts/ol-reversed.md index 80fda974..07d94c54 100644 --- a/posts/ol-reversed.md +++ b/posts/ol-reversed.md @@ -1,4 +1,4 @@ -feature: ol-reversed +feature: ol[reversed] status: use tags: polyfill kind: html diff --git a/readme.md b/readme.md index 909202d3..7ddfdcd6 100644 --- a/readme.md +++ b/readme.md @@ -8,7 +8,7 @@ 1. In your terminal, navigate to this project and type: ``` - npm install + npm install . ``` 2. To generate the index.html page, type: