Mostrar imagen al hacer click en botón con CSS y JS
Hace unos días tuve que ayudar a una compañera de facultad para que pudiera realizar un trabajo de fin de carrera. Se trataba de mostrar una imagen que en principio se encontraba oculta, al hacer click en un botón. Algo bastante simple pero que muy poca gente sabe hacer de manera correcta. A continuación, te mostraré … Lee más!
Falso subrayado con CSS
Seguro que muchos de vosotros habéis subrayado alguna vez una frase o palabra para darle importancia. Bien, con CSS se puede hacer, una es mediante text-decoration: underline;”, la otra es creando un borde inferior (border-bottom), esta última sería un subrayado falso. ¿Cómo sería el ejemplo? Muy sencillo. Un subrayado real, sería de esta forma: Código HTML … Lee más!
La evolución actual en el diseño web
A lo largo del tiempo, las necesidades de los clientes hacia los diseñadores ha ido cambiando. Esto es así porque la web tiene tendencias, es como la moda, cada poco tiempo se actualiza, y tiene mejor disponibilidad y novedades hacia el usuario final. La pequeña empresa, actualmente, pide diseños que sean simples y sencillos a … Lee más!
CSS Transparencia cross-browser
La transparencia (CSS Transparency) es una de las propiedades más polémicas y que requieren un montón de propiedades y valores para asegurar la compatibilidad en todos los navegadores (cross-browser). Aunque, por lo menos cada línea para cada navegador no se interfieren las unas con las otras, si no que si usamos una propiedad indicada para … Lee más!
Crear diseño responsive en 3 pasos
Actualmente se habla mucho de los diseños responsive, de hecho hace poco publiqué una lista de frameworks responsive y de plantillas responsive. Aunque, los más novatos pueden tener dudas acerca qué es el diseño responsive, y a ellos va dirigido este artículo, en el que aprenderás a diseñar de manera responsive en 3 simples pasos, … Lee más!
Efectos JQuery y CSS para menús drop-down
En este artículo quiero compartir unos efectos para menús desplegables contigo. La idea es transformar un input simple en algo llamativo gracias al uso de JQuery. Podemos configurar las opciones como deseemos para lograr efectos únicos. El plugin JQuery que se utiliza permitirá estilizar la lista desplegable, gracias a JQuery y CSS. Recuerda que CSS … Lee más!
Imagen circular con CSS3
Existen muchas cosas que se pueden crear con círculos: Logos circulares, menús circulares… Hoy os mostraré como crear imágenes circulares mediante el uso de CSS3. La única pega que se le puede poner, es que la imagen aparecerá como fondo (background). Es decir, en teoría no se podría hacer este efecto en una etiqueta de … Lee más!