Archivo de abril de 2014
JS – Internet Explorer Shim
Publicado por Iván Gajate el 26 de abril de 2014 en JavaScript | Los comentarios están cerrados.
Si nuestro código falla inexplicablemente en Internet Explorer 8 seguramente sea porque estamos llamando a alguna función que no existía por aquel entonces, como trim, indexOf, forEach…
Para solucionarlo podemos incluir este js en nuestra página y todo volverá a funcionar como debería 🙂
https://github.com/es-shims/es5-shim/blob/master/es5-shim.js
CSS – Sidebar de la Misma Altura que el Contenido
Publicado por Iván Gajate el 23 de abril de 2014 en css | Los comentarios están cerrados.
Algo que parece muy sencillo es tener dos columnas con diferente altura y que ambas tengan la altura de la mas alta.
El ejemplo típico es un site con contenido dinámico y una barra lateral con un menú que queremos que tenga la misma altura que el contenido.
Como no podemos usar alturas fijas, podemos utilizar table-cell
.wrapper { display: table; } .left { display: table-cell; width: 50%; background-color: red; } .right { display: table-cell; width: 50%; background-color: green; } |
Gracias Antonio!! 🙂
JS – Convertir una fecha en un objeto Date
Publicado por Iván Gajate el 22 de abril de 2014 en JavaScript | Los comentarios están cerrados.
No todos los navegadores manejan igual las cadenas de fecha. Para evitar fallos, esto funciona en todos:)
var arr = "2010-03-15 10:30:00".split(/[- :]/); var date = new Date(arr[0], arr[1]-1, arr[2], arr[3], arr[4], arr[5]); console.log(date); // Mon Mar 15 2010 10:30:00 GMT+0000 (GMT Standard Time) |
Visto en Javascript date parsing on Iphone
JS – Detectar Capacidades de un Dispositivo
Publicado por Iván Gajate el 9 de abril de 2014 en JavaScript | Los comentarios están cerrados.
Estas son las detecciones que uso yo para saber si un dispositivo es un móvil, si es táctil y si tiene detección del giro. No son perfectas, pero en la mayoría de los casos me funcionan bien.
// Detecto si es un iPad o dispositivo con deteccion de movimiento var isTouchable = ('ontouchstart' in window) || ('onmsgesturechange' in window); var isMobile = /android|webos|iphone|ipad|ipod|blackberry|iemobile/i.test(navigator.userAgent.toLowerCase()); var isOrientationDevice = (window.DeviceOrientationEvent != null) && (typeof(window.DeviceOrientationEvent) === 'object'); |