Video as background

Una colección de 25 sitios que se las han ingeniado para tener video como fondo en su layout. Aunque la gente piensa que los anchos de banda actualmente facilitan el streaming de buena calidad, realmente sigue siendo todo un reto hacer un sitio que contenga video en constante flujo, y en formatos tan grandes como los de estos ejemplos (que están a full screen, de hecho).

Quizás hay que estar un poco involcrado con el desarrollo web para apreciar la belleza de estas piezas. Pero el resultado es notoriamente un producto de vanguardia  para cualquiera, digno de una web 3.0

Despite everything that could go wrong with embedded video, if a picture is worth a thousand words, video is worth a thousand pictures.

There are many pages where video goes right. But rarely does it have the impact it can gain through flawless integration with the other elements, as part of a page’s background. When done right, video can be downright jaw dropping…

http://bit.ly/RC768p 

Responsive layouts

Cómo diseñar para varias plataformas – Lección 1: Diseño responsivo (que en este caso se refiere específicamente a layouts adaptables al ancho de cualquier display).
Este artículo explica tan claro el concepto anterior que no hay que decir mucho…

Hagan el siguiente experimento: abran alguna de las páginas ejemplificadas en este artículo y hagan mas grande y/o mas chico la ventana su explorador, para ver lo que cambia. Eso es diseñar para mobile.

Responsive web design become a very popular trend in 2011. It’s likely something we’ll see continuing well into 2012 as designers are beginning to support a myriad of mobile devices. Building layouts for the web can be tough, but inspiration is a huge factor.

In this gallery I’ve collected 40+ amazing responsive website layouts. These designs are built to support a set of different resolutions and re-size accordingly. It’s tricky building this functionality in HTML5, even advanced web developers may not understand responsive design trends. But check out some of our examples below and you’ll pick up techniques very quickly. Additionally let us know your thoughts or questions in the post discussion area…

http://bit.ly/yk30AY

Responsive layouts

Creative Web Layouts

En publicidad es común hablar de creatividad en varios niveles: conceptos, insights, logos, keyvisuals, displays y otras cuestiones visuales, formas de elegir y aplicar una tecnología, slogans, selling lines y demás aspectos comunicativos… todo esto se espera siempre que sea innovador y creativo en algún sentido.

Incluso en cosas que parecen ya mas ajenas a las areas de arte y/o creativas de una agencia: la elaboración de una estrategia de marketing, la búsqueda de nuevos canales y plataformas de comunicación para el plan de medios de una campaña… en todo esto se puede ser creativo’, correcto?

Dentro del diseño web hay una forma de creatividad muy específica de esta disciplina (y que curiosamente, no a tantos diseñadores les gusta explorar), relacionada con la experiencia del usuario al navegar un sitio (UX). Creo que la mejor manera de referirise -en español- a esta forma de innovar es “creatividad en la forma de resolver una interface”.

Aquí hay una pequeña colección de Speckyboy.com con ejemplos de layouts bastante originales en ese sentido…

Web design does not have to be limited to a typical grid structured layout. It sometimes feels like we are locked in an endless cycle of header, content, sidebar and footer. That is it. It would be great if we could to tear away from convention sometimes and also force ourselves to break some usability rules. Just imagine what we could create.

In today’s post we have for you a selection of sites that do exactly as described above: They break convention and the result is that they have built some amazingly creative layouts which, in most cases anyway, are a little unusual as well…

http://bit.ly/rsc29Q

Creative Web Layouts