Archivo de abril de 2014

Audio Online Converter

Publicado por Iván Gajate el 29 de abril de 2014 en Desarrollo Web | Los comentarios están cerrados.

Esta herramienta online está muy bien para convertir entre formatos. Yo la uso por ejemplo para la versión ogg de los audio para html.

http://audio.online-convert.com/

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;
}

Ver el resultado

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');