|
|
|
|
@ -5,48 +5,47 @@
|
|
|
|
|
**************************************************/ |
|
|
|
|
(function($){
|
|
|
|
|
|
|
|
|
|
// ========================= getStyleProperty by kangax ===============================
|
|
|
|
|
|
|
|
|
|
var getStyleProperty = (function(){ |
|
|
|
|
|
|
|
|
|
var prefixes = ['Moz', 'Webkit', 'Khtml', 'O', 'Ms']; |
|
|
|
|
|
|
|
|
|
function getStyleProperty(propName, element) { |
|
|
|
|
element = element || document.documentElement; |
|
|
|
|
var style = element.style, |
|
|
|
|
prefixed; |
|
|
|
|
|
|
|
|
|
// test standard property first
|
|
|
|
|
if (typeof style[propName] == 'string') return propName; |
|
|
|
|
|
|
|
|
|
// capitalize
|
|
|
|
|
propName = propName.charAt(0).toUpperCase() + propName.slice(1); |
|
|
|
|
|
|
|
|
|
// test vendor specific properties
|
|
|
|
|
for (var i=0, l=prefixes.length; i<l; i++) { |
|
|
|
|
prefixed = prefixes[i] + propName; |
|
|
|
|
if (typeof style[prefixed] == 'string') return prefixed; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
return getStyleProperty; |
|
|
|
|
})(); |
|
|
|
|
|
|
|
|
|
// ========================= miniModernizr ===============================
|
|
|
|
|
// <3<3<3 and thanks to Faruk and Paul for doing the heavy lifting
|
|
|
|
|
if ( !Modernizr ) { |
|
|
|
|
if ( !window.Modernizr ) { |
|
|
|
|
|
|
|
|
|
var miniModernizr = {}, |
|
|
|
|
vendorCSSPrefixes = ' -o- -moz- -ms- -webkit- -khtml- '.split(' '), |
|
|
|
|
classes = [], |
|
|
|
|
docElement = document.documentElement, |
|
|
|
|
m = document.createElement( 'modernizr' ), |
|
|
|
|
m_style = m.style, |
|
|
|
|
test_props = function ( props, callback ) { |
|
|
|
|
for ( var i in props ) { |
|
|
|
|
// IE9 ugliness
|
|
|
|
|
try {
|
|
|
|
|
m_style[ props[i] ] !== undefined |
|
|
|
|
} catch(e){ |
|
|
|
|
continue; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
console.log( props[i], m_style[ props[i] ] ) |
|
|
|
|
|
|
|
|
|
if ( m_style[ props[i] ] !== undefined ) { |
|
|
|
|
return true; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
test_props_all = function ( prop, callback ) { |
|
|
|
|
var uc_prop = prop.charAt(0).toUpperCase() + prop.substr(1), |
|
|
|
|
|
|
|
|
|
props = [ prop, 'Webkit' + uc_prop, 'Moz' + uc_prop,
|
|
|
|
|
'O' + uc_prop, 'ms' + uc_prop, 'Khtml' + uc_prop ]; |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
return !!test_props( props, callback ); |
|
|
|
|
}, |
|
|
|
|
tests = { |
|
|
|
|
csstransforms : function() { |
|
|
|
|
return !!test_props([ 'transformProperty', 'WebkitTransform',
|
|
|
|
|
'MozTransform', 'OTransform', 'msTransform' ]); |
|
|
|
|
return !!getStyleProperty('transform'); |
|
|
|
|
}, |
|
|
|
|
csstransforms3d : function() { |
|
|
|
|
var ret = !!test_props([ 'perspectiveProperty', 'WebkitPerspective', 'MozPerspective', 'OPerspective', 'msPerspective' ]); |
|
|
|
|
var ret = !!getStyleProperty('perspective'); |
|
|
|
|
|
|
|
|
|
if (ret){ |
|
|
|
|
var st = document.createElement('style'), |
|
|
|
|
@ -66,7 +65,7 @@
|
|
|
|
|
return ret; |
|
|
|
|
}, |
|
|
|
|
csstransitions : function() { |
|
|
|
|
return test_props_all( 'transitionProperty' ); |
|
|
|
|
return !!getStyleProperty('transitionProperty'); |
|
|
|
|
} |
|
|
|
|
}; |
|
|
|
|
|
|
|
|
|
@ -99,15 +98,40 @@
|
|
|
|
|
// Add the new classes to the <html> element.
|
|
|
|
|
docElement.className += ' ' + classes.join( ' ' ); |
|
|
|
|
|
|
|
|
|
var Modernizr = miniModernizr; |
|
|
|
|
window.Modernizr = miniModernizr; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// position convience method
|
|
|
|
|
// for now, we'll only use transforms in Chrome and Safari
|
|
|
|
|
// In Opera, transform removes all text anti-aliasing, crippling legibility
|
|
|
|
|
// in FF, you cannot transition transforms in < 4.0
|
|
|
|
|
var usingTransforms = Modernizr.csstransforms && $.browser.webkit; |
|
|
|
|
// convienence vars
|
|
|
|
|
var transformFnUtils = { |
|
|
|
|
translate : { |
|
|
|
|
getFn : { |
|
|
|
|
'2d' : function ( position ) { |
|
|
|
|
return 'translate(' + position.x + 'px, ' + position.y + 'px)'; |
|
|
|
|
}, |
|
|
|
|
'3d' : function ( position ) { |
|
|
|
|
return 'translate3d(' + position.x + 'px, ' + position.y + 'px, 0)'; |
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
regex : /translate(3d)?\([\s\d\-\.,px]+\)/ |
|
|
|
|
}, |
|
|
|
|
scale : { |
|
|
|
|
getFn : { |
|
|
|
|
'2d' : function ( scale ) { |
|
|
|
|
return 'scale(' + scale + ')'; |
|
|
|
|
}, |
|
|
|
|
'3d' : function ( scale ) { |
|
|
|
|
return 'scale3d(' + scale + ', ' + scale + ', 1)'; |
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
regex : /scale(3d)?\([\s\d\-\.,px]+\)/ |
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
// for now, we'll only use transforms in Chrome and Safari
|
|
|
|
|
// In Opera, transform removes all text anti-aliasing, crippling legibility
|
|
|
|
|
// in FF, you cannot transition transforms in < 4.0
|
|
|
|
|
usingTransforms = Modernizr.csstransforms && $.browser.webkit, |
|
|
|
|
dimensions = Modernizr.csstransforms3d ? '3d' : '2d', |
|
|
|
|
transformProp = getStyleProperty('transform'); |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// ========================= smartresize ===============================
|
|
|
|
|
|
desandro
14 years ago