★Más

5 ☆ Desplegar y plegar con un clic usando CSS. Crear spoilers con INPUT

Para ocultar elementos de una página y hacerlos aparecer (o viceversa) a voluntad, lo más socorrido es usar JavaScript. Con este lenguaje podemos controlar fácilmente gracias al evento onclick, cuándo algo es pulsado y en ese momento llamar a una función que haga un cambio de clase/estilo para hacer visible o invisible el elemento en cuestión (1) (2) (3). También tenemos los eventos onmouseover y onmouseout que a su vez nos permiten detectar si el puntero pasa por encima de algo o si al contrario, se quita de encima.

Sin embargo, con CSS lo único que podemos controlar actualmente es esto último de pasar el puntero. Se hace usando el pseudoelemento :hover y ya hemos visto por aquí algunos ejemplos sencillos y otros un poco más sofisticados (1) (2).

Pero como decía, no hay nada en CSS que sirva para el clic. Nada que sea directo claro, porque indirectamente sí que tenemos al menos un sistema. Lo vemos.
★Más

8 ☆ Menú acordeón. Haciéndolo simple con jQuery

jQuery es una biblioteca JavaScript que ya casi se está convirtiendo en un estándar. Nacida en 2006,...
★Más

20 ☆ Galería de imágenes sencillísima y a prueba de torpes

Hace un tiempo alguien me pidió que le montara una página a modo de galería de imágenes o portfolio,...
★Más

9 ☆ Un par de menús con efectos. En horizontal y en vertical

Un menú para poder acceder rápidamente desde un solo elemento a otras páginas o secciones importante...
★Más

9 ☆ Bordes de color para perfilar letras: text-stroke y una alternativa

Hay una propiedad CSS denominada text-stroke que nos permite añadir fácilmente un borde a los texto...
★Más

6 ☆ Pawel Kuczynski y su visión de Facebook

Pawel Kuczynski es un ilustrador cuyos mordaces y críticos dibujos hacen que las miserias de la co...
★Más

12 ☆ Y al tiempo que la de la Champions, la final del sorteo de camisetas

Como creo que se va a notar mucho ya lo digo yo: el fútbol me gusta lo justo. Por eso he aprovechado...