Oak Support

The oak support package is used primarily for HTML5 and CSS feature detection. It is also used to device pixel density and vendor specific javascript events.

Install it with Bower.

$ bower install oak-support

Documentation

Vendor Prefixed Properties

animation oak.support.animation

Vendor prefixed css animation property.

myStrap.css(oak.support.animation, "spin 2s infinite");

animationDelay oak.support.animationDelay

animationDirection oak.support.animationDirection

animationDuration oak.support.animationDuration

animationEnd oak.support.animationEnd

Vendor prfixed event name for the javascript animationEnd event.

var el = document.getElementById("my-id");
el.addEventListener(oak.support.animationEnd, function (evt) {
    // Do something
});

animationFillMode oak.support.animationFillMode

animationIterationCount oak.support.animationIterationCount

animationName oak.support.animationName

animationPlayState oak.support.animationPlayState

animationTimingFunction oak.support.animationTimingFunction

perspective oak.support.perspective

perspectiveOrigin oak.support.perspectiveOrigin

transition oak.support.transition

transitionDelay oak.support.transitionDelay

transitionDuration oak.support.transitionDuration

transitionEnd oak.support.transitionEnd

Vendor prfixed event name for the javascript transitionEnd event.

var el = document.getElementById("my-id");
el.addEventListener(oak.support.transitionEnd, function (evt) {
    // Do something
});

transitionProperty oak.support.transitionProperty

transitionTimingFunction oak.support.transitionTimingFunction

transform oak.support.transform

Feature Detection

canvas oak.support.canvas

True if canvas is supported.

if (oak.support.canvas) {
    // Do something
}

cassanimations oak.support.cssanimations

True canvas if css animations are supported.

csstransitions oak.support.csstransitions

True if css transitions are supported.

ie oak.support.ie

True if the browser is Internet Explorer.

isTouch oak.support.isTouch

True if the device support touch events

isIEVersion oak.support.isIEVersion(version)

Returns true if the Internet Explorer major version matches.

if (oak.support.isIEVersion(10.0)) {
    // Do something
}

Utilities

deviceBackingRatio oak.support.deviceBackingRatio

pixelRatio oak.support.pixelRatio

getProp oak.support.getProp(propName)

Return the vendor prefixed version of a property

// In webkit browsers will return "-webkit-animation"
oak.support.getProp("animation");