ingowennemaring

<video width="300" height="500" poster="poster.jpg">
    <source type="video/mp4" src="" data-src="video.mp4" />
    <source type="video/webm" src="" data-src="video.webm" />
</video>

ingowennemaring

function getElementsByClassName(class_name) {
    var all_obj, ret_obj=new Array(), j=0, teststr;
    
    if(document.all) {
        all_obj = document.all;
    }
    else if(document.getElementsByTagName && !document.all){
        all_obj = document.getElementsByTagName("*");
    }
    

ingowennemaring

article {
    float: left;
    width: 200px;
    margin-left: 30px;
    
    &:first-child {
        margin-left: 0;
    }
}

ingowennemaring

/* @group Mixins */

@mixin box-sizing($sizing: content-box) {
    -webkit-box-sizing: $sizing;
       -moz-box-sizing: $sizing;
            box-sizing: $sizing;
}

@mixin rotate($rotate: -90deg) {
    -webkit-transform: rotate($rotate);

ingowennemaring

/* inspired by Boilerplate, Normalize.css and own thinking :-) */

/* @group BASE */
* {
    position: relative;
    margin: 0;
    padding: 0;
    //outline: 0 none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;

ingowennemaring

# Require any additional compass plugins here.

# Set this to the root of your project when deployed:
http_path = "/"
css_dir = "css"
sass_dir = "css"
images_dir = "img"
javascripts_dir = "js"
fonts_dir = "fonts"

ingowennemaring

if(navigator.standalone === undefined || !!navigator.standalone) {
    // if added to home screen do this
} else {
    // if opened in mobile safari do this
}

ingowennemaring

function getScrollbarWidth() {

    var scrollbarWidth,
        scrollDiv = $('<div />')
        .css({
            width: '100%',
            height: '100%',
            overflow: 'scroll',
            position: 'absolute',
            top: '-9999px'

ingowennemaring

function supports ( prop ) {

    var div = document.createElement( 'div' ),
        vendors = 'Khtml Ms O Moz Webkit'.split( ' ' ),
        len = vendors.length;

    if ( prop in div.style ) {
        return true;
    }

ingowennemaring

function cssAni ( mode, elem ) {

    var show = function () {

        // timeout nötig für Fx => sonst kein transition-Event
        setTimeout( function () {
            elem.addClass( 'transition visible' );
        }, 100 );

    };