Veteasabertu

Etiqueta: css3

Porcentajes no funcionan para animar la propiedad height en CSS

6 de abril 2016
Los porcentajes no funcionan para animar la propiedad height en CSS

Desde hace algún tiempo ya intento usar CSS3 para hacer animaciones sencillas en lugar de JavaScript  y así aligerar la carga de la web. Pero unos meses atrás me topé con algo curioso cuando intentaba animar el alto de un DIV, algo que estoy seguro que le habrá pasado a más gente.

Lo que trataba de hacer era algo bastante sencillo; usando un evento rollover quería que una capa que contenía una lista pasara de medir 0px a que se ajustara al alto del contenido interior y así, aplicando overflow: hidden conseguir un efecto fluido para mostrar el contenido. Leer más ►

Publicado por Jesús Tovar

Categorías: CSS

Etiquetas: ,

Cómo dividir párrafos en columnas con CSS (CSS3)

18 de diciembre 2014
Cómo dividir un párrafos en columnas con CSS (CSS3)

Cuando trabajamos con páginas web que llevan mucho texto, en ocasiones puede interesarnos dividir uno o varios párrafos en columnas al estilo de un periódico. Algo que aunque a priori parece sencillo, más de uno hemos tenido que pegarnos chocazos para llevarlo a la práctica en portales dinámicos. Pero gracias a CSS3, ahora disponemos de varias propiedades, que resolverán el problema de un modo muy cómodo.
Leer más ►

Publicado por Jesús Tovar

Categorías: CSS

Etiquetas: ,

Generador online de degradados o gradientes en CSS

10 de mayo 2013
Generador online de degradados o gradientes en CSS

Una de las grandes ventajas actuales de usar CSS3 es que puedes realizar directamente degradados para los fondos y evitarte el engorro de usar imágenes. Sin embargo presenta el inconveniente de ser compleja su personalización al no poder configurarlos gráficamente, y ni hablamos ya de optimizarlo para los diferentes navegadores.

Para facilitarnos el crear gradientes, existen múltiples herramientas con las que se puede trabajar de un modo similar a los programas de diseño y luego nos da el código equivalente para CSS. Vamos a ver algunas de ellas que resultan de gran utilidad.

Aunque este artículo lo publiqué hace varios años ya, al darme cuenta que algunos de los generadores que había reseñado ya no existían, he decidido actualizarlo con otras herramientas para que siga siendo de utilidad.abril 2016

Leer más ►

Publicado por Jesús Tovar

Categorías: CSS, Diseño, Recursos

Etiquetas: ,

Adobe Edge, HTML5, JavaScript y CSS3

3 de agosto 2011
Adobe Edge, HTML5, JavaScript y CSS3

Adobe Edge es una nueva herramienta que se encuentra desarrollando Adobe para realizar animaciones de un modo sencillo con HTML5, JavaScript y CSS3, usando los estándares web.

Pienso que claramente supondrá otra revolución en el mundo del desarrollo web, no tanto por la tecnología usada, sino por la sencillez a la hora de la implementación de la misma. Recordemos que JQuery supuso un avance a la hora de trabajar con JavaScript y el hecho de poder implementar módulos de programación independientes con un reducido esfuerzo.
Leer más ►

Publicado por Jesús Tovar

Categorías: CSS, Diseño, HTML, JavaScript, Programación, Recursos

Etiquetas: , , ,

Este sitio web utiliza cookies para mejorar la experiencia de usuario, si continúas navegando estás dando tu consentimiento. Para más información pincha aquí.

ACEPTAR
Aviso de cookies