Veteasabertu

Categoría: CSS

Aplicar estilos a enlaces con CSS

11 de enero 2017
Aplicar estilos a enlaces con CSS

En estos años hemos tenido ocasión de estudiar propiedades y clases de CSS que son quizá un poco más desconocidas o menos utilizadas por nosotros. Por eso en esta ocasión vamos a volver a lo básico y ver cómo podemos modificar la apariencia de los enlaces de una página web desde la hoja de estilos.
Leer más ►

Publicado por Jesús Tovar

Categorías: CSS

Etiquetas:

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: ,

Ocultar DIV o capa con CSS dependiendo de la resolución

14 de septiembre 2015
Ocultar DIV o capa con CSS dependiendo de la resolución

Optimizar una web para dispositivos móviles ya no es nada nuevo, en los últimos años los diseños adaptables o responsive han ido ganando cada vez más terreno. Habitualmente se usan frameworks que permiten adaptar nuestra plantilla para que reaccione de manera diferente dependiendo de la resolución de pantalla.

Sin embargo no es obligatorio utilizar JavaScript para hacer una web responsive, podemos valernos simplemente de CSS para lograr nuestros objetivos. El grado de complejidad de la plantilla será el que nos haga decantarnos por una opción un otra.
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: ,

Prefijos CSS de los navegadores (moz, webkit, o y ms)

14 de octubre 2014
Prefijos CSS de los navegadores (moz, webkit, o y ms)

La implementación de las pautas de la W3C por parte de los navegadores para interpretar CSS es habitualmente lenta, aunque en los últimos años cada vez es más complicado encontrar propiedades que no sean compatibles con sus últimas versiones.

En cualquier caso, mientras que las compañías incorporan de manera nativa esas propiedades, suelen usar propiedades propias que sólo serán interpretadas por sus navegadores y que se asemejan al comportamiento que deberán tener respecto a su homónimo oficial. Para ello utilizan prefijos entre guiones, que identifican claramente cuando se trata de una propiedad suya.
Leer más ►

Publicado por Jesús Tovar

Categorías: CSS

Etiquetas: , , , ,

Personalizar CSS de cada elemento de menú en WordPress

12 de abril 2014
Personalizar CSS de cada elemento de menú en WordPress

Cuando desarrollamos plantillas para WordPress puede ocurrir que queramos un diseño de menú muy personalizado, en el que cada botón sea diferente del resto. Algo que, a priori, se antoja bastante complicado ya que el menú se genera automáticamente repitiendo el diseño de los elementos.

Sin embargo por fortuna, WordPress ha previsto esta situación y nos facilita la tarea a través de las opciones de edición de menús sin tener que quebrarnos la cabeza modificando loops en nuestro archivo de funciones.
Leer más ►

Publicado por Jesús Tovar

Categorías: CSS, WordPress

Etiquetas:

Propiedad unicode-bidi de CSS

30 de noviembre 2013
Propiedad unicode-bidi de CSS

Los que trabajamos con hojas de estilos normalmente estamos acostumbrados a tratar con casi todas las propiedades de CSS, sin embargo existen unas cuantas que son las grandes desconocidas y aquí nos gusta darles su minuto de fama. Así que en este artículo, vamos a intentar explicar de la manera más clara posible para qué sirve y cómo se usa la propiedad unicode-bidi, que viene implementada desde CSS2.
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: ,

Centrar página web horizontalmente con HTML y CSS

26 de abril 2013
Centrar página web horizontalmente con HTML y CSS

Una de las primeras cosas que se aprenden cuando se entra en el mundo del desarrollo web es centrar la página horizontalmente para que, con independencia de la resolución de pantalla con la que entres, siempre quede en medio. Para ello existen varias formas, unas más recomendables que otras dependiendo del proyecto que tengamos entre manos. Vamos a ver tres ejemplos, dos con HTML y otro con CSS.
Leer más ►

Publicado por Jesús Tovar

Categorías: CSS, HTML

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