elWebmaster.com

El reflejo espejado tan 2.0 tiene muchas aplicaciones. Sin embargo, no es muy práctico si a cada imagen a la que queremos dar este efecto la tenemos que abrir y editar en Photoshop.

Deja de perder el tiempo y conoce cómo hacer este efecto con Reflection.js de forma automática, aplicando JavaScript. Seguir leyendo

YouTube posee la genial funcionalidad “cambiar vista” que permite cambiar entre modo “normal” y “wide” para así expandir o reducir el área del video.

Pero lo mejor de este efecto es que aunque el diseño cambia, se mantiene con un aspecto similar, y toda la información se mantiene fácilmente accesible. ¿Deseas implementarlo en tu sitio? Seguir leyendo

Algunos sitios web poseen un lindo efecto en el pie de página, que hace que los links en la parte inferior de una lista se desvanezcan, haciendo énfasis por medio de la intensidad del color en los links más importantes.

En esta nota, te daremos una pequeña guía con la que podrás fundir un color en una serie de elementos utilizando jQuery. También podrás ver como valerte de CSS para lograr el mismo efecto con menos código. Seguir leyendo

Uno de los temas más interesantes en los que se ha concentrado la industria fílmica es en el de la creación de intrincados dispositivos con los que el protagonista logra viajar a través del tiempo.

Los exponentes de este tópico son diversos, en todas las épocas y con tonos de cierto aire naif hasta complejas y oscuras historias. En este Viernes Unplugged conoceremos algunas de las más recomendadas.
Seguir leyendo

Cada vez más de nosotros estamos trabajando con audio y video de forma online. El mundo multimedia está ofreciendo una gran variedad de opciones para aumentar su audiencia, desde tutoriales hasta videocasts.

Por eso, en esta nota te traemos cuatro de las mejores herramientas open-source de audio y video, incluyendo algunas que poseen versiones muy recientes, para que estés al día en materia audiovisual. Seguir leyendo

¿Alguna vez deseaste añadir en tus diseños un estilo de luces cinemáticas pero no encontraste la forma correcta de hacerlo? Añadir efectos luminosos en tus proyectos puede que sea mucho más sencillo de lo que crees.

Con sólo un par de clics y los pinceles adecuados podrás lograr este efecto de forma rápida y sin esfuerzo gracias a Photoshop. Por eso hoy te traemos este conjunto de 29 pínceles para descargar. Seguir leyendo

Desde el blog del programador David Walsh nos traen un interesante y verdaderamente bonito efecto de máquina de escribir realizado con MooTools. A continuación les dejo la explicación sobre cómo llevarlo a cabo.

Si eres diseñador y estás buscando algún efecto original, que se vea bien, y que sea rápido y sencillo de implementar para tu sitio web, este artículo te será, sin lugar a duda, de gran utilidad. Seguir leyendo

Si eres un fanático del diseño, te romperás la cabeza pensando cómo hacer para darle efectos a las tipografías de tu blog, en los títulos de las entradas por ejemplo, o en cualquier otra parte. En teoría, el trabajo con tipografía es bastante “limitado” (a nivel diseño) en CSS.

¿Para qué estamos en elWebmaster.com? ¡Para solucionarte la vida ^_^, claro! Bueno, con este tutorial aprenderás a aplicar algunos bonitos efectos de diseño gráfico al texto de tu sitio web. ¡Comencemos! Seguir leyendo

¿Quieres lograr buenos encabezados sin usar imágenes de Photoshop? Aquí te mostramos un simple truco de CSS para que sepas cómo crear el efecto de texto con gradiente con una imagen PNG (puro CSS, sin JavaScript o Flash).

Todo lo que necesitas es un tag vacío en el encabezado y aplicarle un overlay a la imagen de fondo usando la propiedad CSS position:absolute. Este truco ha sido testeado en la mayoría de los buscadores: Firefox, Internet Explorer 6, Safari y Opera. Sigue leyendo para saber cómo hacer… Seguir leyendo

Deziner Folio pone a disposición de todos nosotros un vistoso efecto para hacer scroll al cliquear en un enlace de nuestra página web y dirigirnos a un punto de ancla “x” en el mismo documento.

Puedes ver un ejemplo de cómo funciona haciendo clic aquí. También puedes descargarte el archivo en Javascript, que ocupa sólo 1024 bytes y es compatible con varios navegadores (multiplataforma). Haz clic aquí para descargarlo.