elWebmaster.com

Hay un elemento estético que abunda actualmente en la web y que es irresistible a la vista: los efectos luminosos, construidos por haces de luz de diversos colores. Aquí te traemos más de 250 diferentes pinceles de Adobe Photoshop para que puedas lucir estos efectos en tu sitio y, por supuesto… totalmente gratis. Seguir leyendo

Letterpress no es sólo un tipo de método de impresión industrial, sino también un genial efecto que está volviéndose increíblemente popular en la web y el cual podemos implementar en nuestros diseños.

Dado que algunos de los navegadores modernos poseen soporte para la propiedad CSS3 de text-shadow, es muy simple crear este efecto simplemente con CSS y una mínima intervención de algúna aplicación para retoque de imágenes. Seguir leyendo

Sólo se necesita un poco de creatividad para poder generar increíbles efectos de texto con el programa de edición gráfica Adobe Photoshop.

A continuación les dejamos 25 de los mejores tutoriales para crear efectos de texto 3D.  Se trata de una gran variedad de diferentes tipos de efectos, por lo que seguramente encontrarás algunos trucos interesantes para aprender. Seguir leyendo

Algunos de los videos que podemos encontrar en YouTube poseen una propiedad interesante llamada “Apaga las luces“. Su atractivo es que al seleccionarlo, la página se oscurece y permite ver el video como en una sala de cine.

Por si no lo sabías, hay una forma de implementar esta función utilizando jQuery. En el siguiente tutorial les explicaremos de qué forma pueden implementar este genial y sencillo efecto. Seguir leyendo

Todos sabemos bien que CSS es un mecanismo simple, una forma de descripción de estilos que ofrece a los desarrolladores el control total sobre el estilo y formato de sus documentos.

Es por eso que hoy gracias a algunas nuevas propiedades de WebKit Nightly, específicamente la propiedad de efectos CSS con HTML5 video, les traemos este interesante efecto CSS para que implementen en sus archivos de video. Seguir leyendo

Seguramente muchas veces te has preguntado cuál sería una forma sencilla de implementar un efecto de desaparición animado para un elemento de una lista cuando un usuario hace clic en un link que esté contenido en un elemento <li> de dicha lista.

Desde el blog Woork nos traen una verdaderamente sencilla solución que mediante la implementación del efecto slideOut() de MooTools nos permitirá resolver fácilmente este inconveniente. Seguir leyendo

Desde el sitio de Internet The Daily Inspired nos traen un interesante efecto para añadir a nuestras páginas que nos permitirá crear una especie de marquesina con noticias que irán cambiando rotativamente.

Consiste en un script de Javascript listo para usar que puede ser añadido fácil y rápidamente en nuestros proyectos web.
Seguir leyendo

Los enlaces son los elementos más importantes de nuestro sitio ya que sin ellos no habría “hipertexto”. Es por eso que hoy les traigo una técnica bastante sencilla, pero no por eso menos efectiva, para destacarlos.

Esta forma que les voy a enseñar para resaltar los enlaces se basa puramente en CSS, no implica ni hacks ni Javascript. Consiste básicamente en un botón en tres dimensiones que al pasar el mouse por encima nos da la impresión de que está siendo presionado. Seguir leyendo

El “Peel away Effect”, también conocido como “esquina mágica”, es un efecto que si bien no se ve mucho, puede resultar muy atrayente. Es una forma interesante de presentar publicidades.

La apariencia básicamente es un doblez de una hoja de papel en la esquina superior de la página, que cuando pasamos por arriba el cursor da la impresión de que cambiamos de hoja y muestra una publicidad que se encuentra atrás.
Seguir leyendo

AjaxDaddy es un sitio que recopila infinidad de efectos en Ajax, donde puedes probar cada uno de ellos y descargarte los que más te gusten. Simplemente tienes que copiarte el código que debes pegar en tu sitio web.

Efectos para las interfases, barras de navegación, menús, botones e imágenes son sólo algunas de las cosas que encontrarás allí. Además, podemos elegir entre diversas categorías según lo que estemos buscando. Haz clic aquí para entrar en AjaxDaddy.