//abril

Animaciones con CSS3: Introducción

2018-05-02T11:42:36+00:00 20/04/2012|Diseño web, HTML5|

         Las animaciones en la web no son nada nuevo, basadas en javascript, y si usas alguna librería como Jquery son fáciles de conseguir. ¿Por qué usar entonces animaciones CSS? Pues porque el código de la animación se ejecutará nativamente en el navegador, cuyo código es compilado y está muy optimizado, mientras que javascript será siempre [...]

Bordes redondeados con CSS3

2018-05-02T11:47:40+00:00 16/04/2012|Diseño web, HTML5|

         Uno de los recursos estéticos que más se está usando para romper con la rigidez de bloques y bordes de las páginas web son las esquinas redondeadas. Durante años se han hecho virguerías para conseguir este efecto, tales como poner imágenes del mismo color del fondo en las esquinas, algoritmos que colorean pixeles, etc.        [...]

Text-overflow: Vista previa de un texto con CSS

2018-05-02T11:55:48+00:00 09/04/2012|Diseño web, HTML5|

#contenedor{ overflow: hidden; text-overflow: ellipsis " [ver]"; white-space : nowrap; width: 300px; /** Extra para decoracion **/ background-color: #d0d0d0; padding: 10px 10px 10px 10px; border-radius: 8px; margin-left:0; margin-right:0; } #contenedor:hover{ white-space : normal; /** Extra para decoracion **/ background-color: #f0f0f0; }   Texto de ejemplo para ver como funciona la propiedad text-overflow. Al pasar el ratón por [...]

Problema en javascript al pasar a número ’08’ y ’09’

2018-05-02T12:00:59+00:00 03/04/2012|Diseño web, HTML5|

         Vamos a partir de un ejemplo sencillo y bastante común en javascipt, tenemos una fecha en formato texto de la que queremos sacar el día y pasarlo a número para poder sumar o restar días. var fecha="01/02/2011"; var trozos=fecha.split("/"); console.debug(trozos[0]); //Imprime 01 var dia=parseInt(trozos[0]); console.debug(dia); //Imprime 1        Parece que funciona bien, acabamos teniendo en [...]