Articles of modernizr

jquery determinar si css zoom está disponible en el navegador

$(button).click(function(){ if (Modernizr.zoom()) $(‘body’).animate({ zoom: ‘200%’; }, 1000); else $(‘body’).alternative(); }); Como puede ver arriba … Quiero hacer zoom en mi página haciendo clic. Por cierto: ¿es bueno usar ‘zoom’ (css)? No estoy seguro porque no encontré ninguna buena descripción para ‘zoom’ (css). ¿O es mejor usar ‘escala’ (css) para animar? Pregunta principal: ¿Hay alguna […]

Uso de Modernizr.load

Estoy usando Modernizr para la carga condicional de recursos. Mi codigo es Modernizr.load([ { // If browser supports touch test : Modernizr.touch, //Load iPad related resorces yep : [ ‘javascript/ipad-default.js’, ‘javascript/touchscroll.js’, ‘javascript/ipad-scroll.js’, ‘javascript/mobile.js’ ], // Load common resorces load : [‘javascript/ipad-default.js’] } ]); Esto está funcionando bien. Pero me pregunto si puedo cargar todos los […]

Document.body no existe. La prueba de los guiones de Modernizr lo necesita

Me gustaría poder explicar qué está causando este problema. He buscado y simplemente no tengo ni idea. Cuando muevo este Framework de Foundations, Red, etc. entre proyectos, tiende a seguir. Cualquier consejo sería útil. http://goo.gl/HbTUL

Verificación de modernización para filtros de escala de grises IE 10

IE 10 no admite los filtros DX (sí, sí) Actualmente estoy usando $.browser para detectar IE 10 e implementar la solución svg. Sin embargo, el $.browser está en desuso y se eliminará o ya se eliminó (¡¡¡Yeaaaay otra vez !!!!). Entonces, ¿cuál es la alternativa de modernizr para $.browser en este caso? filter: url(“data:image/svg+xml;utf8,#grayscale”); /* […]

El atributo Modernizr a-download for download no funciona en IE, Safari y Opera?

Descargué este fragmento de Modernizr http://modernizr.com/download/#-a_download (que se encuentra en Detecciones no esenciales) y lo agregué en el . Mi marca html se ve así: Download file En Firefox y Chrome, el atributo de download es compatible incluso sin usar Modernizr. La a-download Modernizr no es compatible con IE, Safari y Opera? ¿Alguien ha intentado […]

No parece que el evento jquery resize funcione para la función de consulta de medios Modernizr

Estoy intentando activar un evento de cambio de tamaño en la siguiente función: $(function() { if (Modernizr.mq(‘only screen and (min-width: 1140px)’)) { $(‘div#ss1’).html(‘[snip]’); $(‘div#ss1’).append(”); } if (Modernizr.mq(‘only screen and (max-width: 1139px)’)) { $(‘div#ss2’).html(‘[snip]’); $(‘div#ss2’).append(”); } }); Quería agregarle un oyente de cambio de tamaño. Basándome en http://api.jquery.com/resize/ cambié la primera línea a $(window).resize(function() pero luego […]

Cómo probar para webkit móvil

Estoy buscando construir un nuevo sitio web y quiero adoptar un enfoque responsable de “primer móvil”. Un principio de esta metodología es cargar solo lo que necesita, y evitar incluir grandes bibliotecas y marcos innecesarios hasta que realmente los necesite. Para esto, pretendo usar modernizr2 para probar las características y luego cargar solo los archivos […]

html5 formulario de validación modernizr safari

Este es el ejemplo de trabajo: http://jsfiddle.net/trustweb/sTSMW/ Me doy cuenta de un error usando safari 5.05 si configuro un formulario como en una página html5 y reengo la funcionalidad con jquery si moderniz fallan la prueba: Modernizr.inputtypes.email && Modernizr.input.required && Modernizr.input.placeholder con otros navegadores (firefox, chrome y opera) el navegador valida el formulario en ie […]

Método de carga modernizr

Tengo problemas con la carga de Modernizr. Estoy usando Modernizr, jQuery y Nivo-slider. A veces, cuando actualizo mi página de inicio, mi control deslizante no aparece correctamente, a veces todo es genial. ¿Mi método es lo correcto? HTML: En master.js: Modernizr.load([ { load: ‘https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js’, complete: function () { if ( !window.jQuery ) { Modernizr.load(‘js/plugins/jquery-1.7.1.js’); } […]

CSS3 animación de relleno de modo de relleno

Prefacio Vamos a pretender que un div está animado desde la opacity:0; a la opacity:1; Y quiero mantener la opacity:1; una vez finalizada la animación. Eso es lo que animation-fill-mode:forwards; hace. @keyframes myAnimation { from { opacity:0; } to { opacity:1; } } div { opacity:0; animation-name:myAnimation; animation-delay:1s; animation-duration:2s; animation-fill-mode:forwards; }​ just a test​ Ejecutalo […]