Web

Disney y el origen del Parallax

Como ya os contábamos en esta entrada, el Parallax es un efecto visual de tridimensionalidad muy de moda en diseño web. Pero su raíces están, en realidad, en el cine de animación, y más concretamente en lo que Disney llamó “cámara multiplano”.

Read More

Qué es eso del Parallax que está tan de moda

parallax efecto web

Ya lo habrás visto unas cuantas veces. Entras en una web y ves elementos gráficos que parecen moverse a una velocidad diferente a tu desplazamiento, creando un efecto de profundidad, de planos o de “capas” muy vistoso y que, bien utilizado, se convierte en un efecto que aporta valor a tu marca o a la historia que cuentas en tu página.

De hecho, lo ideal es utilizar Parallax como recurso narrativo, especialmente en landing pages. Por eso es empleado con frecuencia en campañas concretas que cuentan una historia o que requieren en cierta medida de instrucciones visuales.

¿En qué consiste realmente esto del efecto Parallax? Ante todo, se trata de una consecuencia directa de la paulatina muerte del Flash en las páginas web y el auge del HTML5. Puedes ver un ejemplo fantástico, que detecta tanto el movimiento de tu ratón como el del dispositivo móvil que utilices, en Parallax.js

Pero sobre todo, ¿cómo se hace? Nos vienen muy recomendados estos estupendos tutoriales de Pixel Acres y de Tuts+. También tenéis algunas muestras del buen uso del Parallax en estas páginas:

Madwell

Teapot Creation

Numero10

Via 40deFiebre

Qué es el referrer spam y cómo frenarlo

Nos ha pasado a muchos de los que trabajamos con WordPress en algún momento de nuestra labor, antes o después de ser (o creernos) usuarios más experimentados. Miramos nuestras estadísticas de visitas, de enlaces entrantes, y vemos un montón de tráfico proveniente de webs que no conocemos. Por curiosidad, entramos, y en el mejor de los casos son páginas que venden cosas que no nos interesan, mientras que en otros nos encontramos con auténticas pesadillas de publicidad intrusiva y demás.

La cuestión es que ese tráfico, aunque registrado en nuestras estadísticas, no es exactamente real, sino creado artificalmente por bots que visitan de forma automática y masiva nuestra página con idea de redirigir a la suya, porque Google también indexará en muchos casos sus enlaces.

En este excelente artículo de Ayuda WordPress, uno de nuestros blogs de referencia, profundizan en la explicación y nos enseñan cómo prevenir esta molesta plaga.

Inspiración web

inspiracionweb

Si estás cansado de ver siempre las mismas estructuras y las mismas plantillas en diseño web, en el post de hoy te proponemos 5 sitios que sin duda te servirán de inspiración y te mantendrán actualizado sobre las últimas tendencias en diseño web y de interfaces. Esperamos que te sean útiles. 😉

 

Site inspire

Captura de pantalla 2015-10-14 a las 13.25.04

El primero es Site Inspire, donde encontrarás las mejores webs de la red. Derrocha inspiración y de él se puede obtener muchas ideas para tus diseños. En esta web, puedes buscar por categorías, registrarte, votar, enviar tus diseños y/o guardar los que más te gusten.

www.siteinspire.com

 

Awwwards

Captura de pantalla 2015-10-14 a las 13.25.54

Awwwards es uno de los grandes pilares del diseño web a nivel internacional, si quieres estar al día en las últimas tendencias, visita esta página con frecuencia.

Una de sus características es que concede distinciones como “Site of the day”, “Site of the Month” o “Trending sites” en base a 4 características: diseño, usabilidad, creatividad y contenido. Además, el contenido está dividido por categorías, etiquetas, color o país, lo que hace muy fácil y sencilla la búsqueda.

www.awwwards.com

 

Css awards

Captura de pantalla 2015-10-14 a las 13.27.17

La estructura de Css awards es muy simple, sin que ello afecte a la calidad de su contenido. Puedes encontrar las mejores webs presentadas en grandes imágenes.

Aquí encontrarás el contenido dividido en las categorías: “Site of the Days”, “Css Gallery”, “Nominees” y “One page awards”.

www.cssawds.com

 

Webdesign-Inspiration

Captura de pantalla 2015-10-14 a las 13.31.43

En Webdesign-Inspiration también encontramos un diseño muy sencillo y limpio, puedes visitar directamente cada web pinchando en su miniatura.

Además, puedes seleccionar el tipo de página que quieres visitar por industria (ciencia, deportes, política, viajes, agencias, vehículos…), tipo de Web (corporativa, eventos, portafolio, blog…), estilo (ilustración, retro, minimalista, creativo…), color o multicategoría.

www.webdesign-inspiration.com

 

Behance

Captura de pantalla 2015-10-14 a las 13.29.11

 

Behance es una red social para que los creativos y diseñadores cuelguen sus últimos trabajos relacionados con la fotografía, diseño, ilustración, arquitectura…Pero también, alberga una gran cantidad de trabajos web, que destacan por el diseño.

Su inconveniente, es que al ser una galería que expone cada trabajo de forma exhaustiva requiere que le dedicamos un poco más de tiempo en visitarla.

www.behance.net

Esperamos que este post te haya servido de ayuda. Si tienes cualquier sugerencia o quieres compartir con nosotros otra página de inspiración web, sólo tienes que escribirnos un comentario en nuestro blog o Redes Sociales. 🙂