jonathantneal

// Window (Internet Explorer 6 - 7, Opera 11.6, Safari 4 - 5)
(this.Window = this.constructor = function Window() {}).prototype = this;

// Window.chrome (Chrome 14-18, Safari 5.1)
this.Window = this.constructor;



// HTMLDocument (Internet Explorer 6 - 7)
(this.HTMLDocument = this.Document = this.document.constructor = function HTMLDocument() {}).prototype = this.document;

ryboe

OBSOLETE PREFIXES
    -xv-interpret-as      // -xv- and -o- are old Opera prefixes for the Presto
    -xv-phonemes          // engine. Opera switched to the Blink engine with
    -xv-voice-balance     // version 15. The current version is 34.
    -xv-voice-duration
    -xv-voice-pitch
    -xv-voice-pitch-range
    -xv-voice-rate
    -xv-voice-stress
    -xv-voice-volume

Rob--W

/*
 * FormData for XMLHttpRequest 2  -  Polyfill for Web Worker
 * (c) 2014 Rob Wu <rob@robwu.nl>
 * License: MIT
 * - append(name, value[, filename])
 * - XMLHttpRequest.prototype.send(object FormData)
 * 
 * Specification: http://www.w3.org/TR/XMLHttpRequest/#formdata
 *                http://www.w3.org/TR/XMLHttpRequest/#the-send-method
 * The .append() implementation also accepts Uint8Array and ArrayBuffer objects

devote

/*
 * XDomainRequest polyfill for HTML4 browsers (IE7, IE6, etc.) v0.1.0
 *
 * Required: jClass 1.4.0+
 *
 * Copyright 2012-2014, Dmitriy Pakhtinov ( spb.piksel@gmail.com )
 *
 * http://spb-piksel.ru/ - https://github.com/devote
 *
 * Dual licensed under the MIT and GPL licenses:

carlos-sanchez

input[type="text"] {
    /* */
}
input[type="submit"]{
    /* */
}

input[type=button]{
  /* */
}

mathiasbynens

List of features that are supported by Opera 12 but not by Opera 15 due to the switch to Blink/Chromium:

• xhr.responseType = 'json' fixed as of August 19, 2013
• Link HTTP header
• Link HTTP header for stylesheets specifically
• Pressing Enter when an element with tabindex has focus should trigger a click
• Fragment identifiers in data: URIs should be handled correctly
• CSS gradients with transparency
• Accurate SVG rendering
• [`` where foo.svg is an SVG file that contains text looks terrible](https://code.google.com/p/chromium/issues/detail?id=33

vieron

@function prefix($property, $prefixes: (webkit moz o ms)) {
    $vendor-prefixed-properties: transform background-clip background-size;
    $result: ();
    @each $prefix in $prefixes {
       @if index($vendor-prefixed-properties, $property) {
         $property: -#{$prefix}-#{$property}
       }
       $result: append($result, $property);
    }
    @return $result;

paulirish

A timeline of the last four years of detecting good old window.localStorage.

---

Jan Lenhart, bless his heart contributed the first patch for support:

October 2009: 5059daa

leostratus

An ongoing project to catalogue all of these sneaky, hidden, bleeding edge selectors as I prepare my JSConf EU 2012 talk.

Everything is broken up by tag, but within each the selectors aren't particularly ordered.

I have not tested/verified all of these. Have I missed some or got it wrong? Let me know. - A

A friendly reminder that you may need to set this property on your target/selected element to get the styling results you want:

-webkit-appearance:none;

hsablonniere

scrollIntoViewIfNeeded 4 everyone!!!

This gist provides a simple JavaScript implementation of the non-standard WebKit method scrollIntoViewIfNeeded that can be called on DOM elements.

Usage

Just use the code in index.js in your app or website. You can see usage in the test page test.html.

The parent element will only scroll if the element being called is out of the view. The boolean can force the element to be centered in the scrolling area.