playground
/
isotope
mirror of https://github.com/metafizzy/isotope
1
0
Fork 0
Code Issues Releases Activity
Browse Source

Bring in getStyleProperty, base miniModernizr off of it; also some convienences

pull/14/head
desandro 14 years ago
parent
27c8457477
commit
6acf84473d
1 changed files with 69 additions and 45 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 114
      jquery.molequul.js

114
jquery.molequul.js
Unescape View File

@ -5,71 +5,70 @@
**************************************************/ **************************************************/
(function($){ (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 =============================== // ========================= miniModernizr ===============================
// <3<3<3 and thanks to Faruk and Paul for doing the heavy lifting // <3<3<3 and thanks to Faruk and Paul for doing the heavy lifting
if ( !Modernizr ) { if ( !window.Modernizr ) {
var miniModernizr = {}, var miniModernizr = {},
vendorCSSPrefixes = ' -o- -moz- -ms- -webkit- -khtml- '.split(' '), vendorCSSPrefixes = ' -o- -moz- -ms- -webkit- -khtml- '.split(' '),
classes = [], classes = [],
docElement = document.documentElement, 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 = { tests = {
csstransforms : function() { csstransforms : function() {
return !!test_props([ 'transformProperty', 'WebkitTransform', return !!getStyleProperty('transform');
'MozTransform', 'OTransform', 'msTransform' ]);
}, },
csstransforms3d : function() { csstransforms3d : function() {
var ret = !!test_props([ 'perspectiveProperty', 'WebkitPerspective', 'MozPerspective', 'OPerspective', 'msPerspective' ]); var ret = !!getStyleProperty('perspective');
if (ret){ if (ret){
var st = document.createElement('style'), var st = document.createElement('style'),
div = document.createElement('div'); div = document.createElement('div');
st.textContent = '@media ('+vendorCSSPrefixes.join('transform-3d),(') + st.textContent = '@media ('+vendorCSSPrefixes.join('transform-3d),(') +
'modernizr){#modernizr{height:3px}}'; 'modernizr){#modernizr{height:3px}}';
document.getElementsByTagName('head')[0].appendChild(st); document.getElementsByTagName('head')[0].appendChild(st);
div.id = 'modernizr'; div.id = 'modernizr';
docElement.appendChild(div); docElement.appendChild(div);
ret = div.offsetHeight === 3; ret = div.offsetHeight === 3;
st.parentNode.removeChild(st); st.parentNode.removeChild(st);
div.parentNode.removeChild(div); div.parentNode.removeChild(div);
} }
return ret; return ret;
}, },
csstransitions : function() { csstransitions : function() {
return test_props_all( 'transitionProperty' ); return !!getStyleProperty('transitionProperty');
} }
}; };
// hasOwnProperty shim by kangax needed for Safari 2.0 support // hasOwnProperty shim by kangax needed for Safari 2.0 support
var _hasOwnProperty = ({}).hasOwnProperty, hasOwnProperty; var _hasOwnProperty = ({}).hasOwnProperty, hasOwnProperty;
if (typeof _hasOwnProperty !== 'undefined' && typeof _hasOwnProperty.call !== 'undefined') { if (typeof _hasOwnProperty !== 'undefined' && typeof _hasOwnProperty.call !== 'undefined') {
@ -98,16 +97,41 @@
// Add the new classes to the <html> element. // Add the new classes to the <html> element.
docElement.className += ' ' + classes.join( ' ' ); docElement.className += ' ' + classes.join( ' ' );
var Modernizr = miniModernizr; window.Modernizr = miniModernizr;
} }
// convienence vars
// position convience method var transformFnUtils = {
// for now, we'll only use transforms in Chrome and Safari translate : {
// In Opera, transform removes all text anti-aliasing, crippling legibility getFn : {
// in FF, you cannot transition transforms in < 4.0 '2d' : function ( position ) {
var usingTransforms = Modernizr.csstransforms && $.browser.webkit; 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 =============================== // ========================= smartresize ===============================

Write Preview
Loading…
Cancel
Save