elWebmaster.com

Los grandes diseñadores siempre están intentando correr los límites, romper las barreras, creando y experimentando con nuevas ideas, algunas de las que resultan en tendencias y estilos de diseño que continúan viéndose aún en el constante cambio de la industria del diseño web.

Pero cuando tratas demasiado fuerte de revolucionar tu diseño, eventualmente terminas por olvidarte del usuario final. Si vas a invertir tiempo construyendo un diseño totalmente innovador, hazte un favor y toma como prioridad número uno, no olvidar la estructura y la usabilidad. Seguir leyendo

En este artículo aprenderemos a crear un sorprendente efecto de superposición, por el cual varios sectores del sitio se verán uno sobre el otro, generando un impacto visual al momento en el que un visitante realiza scroll en nuestra página web. Seguir leyendo

En la mayoría de los sitios web que visitamos a diario, a la hora de compartir algo que nos ha gustado en las redes sociales, veremos el mismo grupo de íconos dispuestos de una manera repetitiva y monótona. Si queremos que los íconos de nuestro sitio web se destaquen, podemos utilizar este sencillo e impactante efecto para lograrlo. Seguir leyendo

Las animaciones con CSS3 son increíbles. De buen rendimiento, y más sencillas que utilizar Javascript, son el futuro en cuanto al potencial de los navegadores. Uno de los efectos más atractivos es el de hacer a tus íconos giratorios con un pequeño grado de zoom. ¿Quieres saber cómo lograrlo? Seguir leyendo

Con Brickify, puedes convertir cualquier imagen a una que aparente haber sido construida por los famosos bloques Lego. El efecto es sorprendente, y puede resultar de utilidad en más de un diseño web. ¡A crear! Seguir leyendo

En este artículo veremos como crear una máscara con angulación y aplicarla sobre las imágenes de tu sitio. Para ello, utilizaremos la propiedad transform de CSS. En tan sólo unos pocos pasos, habremos logrado este efecto. Seguir leyendo

Si tu intención es mostrar citas célebres de autores reconocidos en tu sitio, pero quieres hacerlo con estilo, este efecto realizado en jQuery es justo lo que estás buscando. Seguir leyendo

Con este efecto, podrás lograr que los thumbnails de la galería se fundan, formando la foto que haya sido seleccionada.  Y eso no es todo. No dejes de ver la demostración de este atractivo efecto, y descargar el plugin para utilizarlo en tu sitio web. Seguir leyendo

A través de CSS3 podemos dar a nuestras imágenes un práctico efecto de sombra proyectada, ideal para destacar el logotipo de tu sitio web. Realizar este sencillo truco sólo nos llevará unas pocas líneas de ćodigo. Seguir leyendo

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