james2doyle

.hide-text {
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}​

james2doyle

img {
    background: url(loader.gif) no−repeat 50% 50%;
}

james2doyle

/* shorthand notation for font properties */
font: [font-style] [font-variant] [font-weight] [font-size]/[line-height] [font-family];

james2doyle

a.button {
    cursor: pointer;
    color: white;
    font-size: 0.9em;
    text-shadow: 1px 1px 0px rgba(0,0,0,0.4);
    padding: 6px 20px;
    border-radius: 5px;
    box-shadow: inset 0px 1px rgba(255,255,255,0.3), 
        inset 0px -5px 20px rgba(0,0,0,0.4);
}

james2doyle

.animate {
/* name duration delay iteration-count direction fill-mode timing-function */
animation: test 1s 2s 3 alternate backwards ease;
}

james2doyle

.blink {    
    opacity: 1;
    animation: blink 0.5s 0 infinite alternate forwards ease-in;
}

@keyframes blink {
    from {
        opacity: 1;
    }
    to {

james2doyle

/*Smartphones (portrait and landscape) ----------- */
@media only screen
and (min-width : 320px)
and (max-width : 480px) {
/* Styles */
}
 
/* Smartphones (landscape) ----------- */
@media only screen
and (min-width : 321px) {

james2doyle

//remove tap-highlight-color from all in css
// a[data-active] { /* here are your styles */ }
element.addEventListener("touchstart", function (event) {
    if (event.target.setAttribute) {
        event.target.setAttribute("data-active", "");
    }
}, true);

element.addEventListener("touchend", function (event) {
    if (event.target.removeAttribute) {

james2doyle

/* THE CSS */
@media all and (min-width: 45em) {
    body:after {
        content: 'widescreen';
        display: none;
    }
}

// THE JS
var size = window.getComputedStyle(document.body,':after').getPropertyValue('content');

james2doyle

var isTouch = function() {
return !!('ontouchstart' in window) ? true : false; 
}
if(isTouch()) {
var fireEvent = ['touchstart','touchend'];
} else {
var fireEvent = ['mousedown','mouseup'];
}

elem.addEventListener(fireEvent[0],function(){