PortadaCSS Medio

aparicion-imagen-js

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!

texto-subrayado-css

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!

evolucion-diseño-web

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!

transparencia-css

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!

page-structure

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-submenu-jquery

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!

efecto7

9 bonitos efectos con box shadow

Hace tiempo hice un artículo en el que explicaba qué era box shadow. Ahora, he pensado que sería ideal hacer uno para gente más avanzada, con el que aprenderán a realizar efectos con box shadow, para que sus diseños queden novedosos y sofisticados, de forma simple y sencilla.   Todos los efectos son completamente funcionales … Lee más!

CSSBlog ES reune recursos, guías y contenidos acerca de CSS, tanto a nivel básico, medio, como avanzado, de forma amena, sencilla y gratuita.

Puede contactar o anunciarse.