★Más

3 ☆ Efecto cinta adhesiva en imágenes con CSS (casi automático)

Hace unos añitos publiqué una manera de colocar cinta adhesiva a nuestras imágenes -que funcionaba y sigue haciéndolo correctamente- para el que era necesario utilizar una imagen semitransparente prefabricada. Posteriormente descubrí que se podía sustituir esa imagen por un rectángulo construido con CSS y como usando este lenguaje ya no hace falta ser un manitas del fotochop y además nos quitaremos algo de carga, pues allá vamos con esta variante.

La base de todo será crear un selector para una caja que posicionaremos de manera relativa, para luego situar sobre esa caja un rectángulo con color translúcido. Este rectángulo lo podremos añadir con :before o :after (o con ambos simultáneamente para añadir dos) y ubicarlo dónde queramos con position: absolute y los socorridos top-bottom-left-right. Un pequeño giro con transform nos permitirá darle un aspecto más realista al resultado final.
★Más

22 ☆ Problemas con imágenes al compartir en Google+

La sorpresa técnica de ayer fue al ir a compartir un post en Google+. Resulta que uno pone como si...
★Más

21 ☆ Gadget desplegable y adaptable de botones para compartir

Algún título le tenía que poner a la entrada pero lo que veremos puede servir tanto para montar una ...
★Más

1 ☆ Gadget personalizado para búsqueda en YouTube

Este es un cacharrito muy cortito de código (si le quitáis los comentarios mucho más), que permite m...
★Más

21 ☆ Slider sencillo, automático, manual y RWD

Seguimos avanzando y añadiéndole funcionalidades a ese simple y corto JavaSript bajo jQuery que vimo...
★Más

8 ☆ Un apaño para poder usar una página como portada en móviles

Ya ha llovido mucho (casi un año) desde que comenté la posibilidad de usar una página estática para ...
★Más

22 ☆ Personalizar los botones para compartir de Blogger

No hace mucho comenté lo de la incorporación del botón Pinterest en el gadget de botones sociales d...