Cómo crear un efecto de hover realista con jQuery

Compartir En este tutorial vamos a ver cómo crear dos efectos para que se muestren al hacer hover sobre un grupo de enlaces con iconos, en la misma línea que los efectos que poseen docks como ObjectDock o RocketDock. Usando los efectos de animación de jQuery, vamos a experimentar con dos tipos de iconos: unos tienen un efecto de reflejo en su parte inferior y los otros tienen sombra. Tanto...

Cómo animar un efecto hover con jQuery

Compartir Este tutorial te enseñará cómo crear un script en jQuery para mostrar información a los visitantes cada vez que hagan hover con el ratón sobre una imagen. Es un efecto muy sencillo de implementar que tiene un aspecto muy atractivo, y resulta una excelente opción para un portafolio, por ejemplo. La mecánica es muy simple: hacemos una lista con posición relativa, colocamos...

10 originales packs de iconos sociales

Compartir En la red hay cientos y cientos de packs de iconos sociales para descargar. Muchos de estos packs de iconos son bastante básicos y han sido diseñados para su uso en todo tipo de blogs convencionales. Pero… ¿y si tu blog es diferente y necesitas iconos sociales que no sólo resulten creativos, únicos y originales sino que también tengan un aspecto curioso y extraño? Pues...

Cómo crear un sencillo carrusel infinito con jQuery

Compartir Este tutorial te enseñará cómo crear un script en jQuery para obtener un carrusel de imágenes infinito. También tiene un sencillo script de auto-rotación que hará rotar las imágenes del carrusel. Como nuestro anterior tutorial de jQuery “Crea un botón flotante de ‘Volver al inicio’ con jQuery”, éste también consta de tres bloques de código: HTML, CSS...

12 páginas web para descargar texturas

Compartir Muchos fotógrafos y diseñadores comparten en la actualidad miles de texturas gratuitas en la web, y gracias a ello, la mayoría de las veces no tendremos que diseñar texturas propias: sólo habrá que buscarlas y utilizarlas. En este artículo exploraremos doce páginas web desde las que poder descargar texturas gratuitas para utilizarlas en 3D, diseño web, o cualquier otro diseño...