Animaciones con CSS3: Introducción

2020-12-20T08:35:36+01:0020/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á

Text-overflow: Vista previa de un texto con CSS

2018-08-29T10:45:52+01:0009/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-08-29T10:46:18+01:0003/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 día un

Ir a Arriba