ANID INTERNET ESTUDIO

Es Baluard nos ha encargado un proyecto fascinante.   
 
El Museo de Arte Contemporaneo de Palma necesitaba un nuevo sitio web, un lugar que debía representar la modernidad, las tendencias, el carácter de estos nuevos tiempos y a la vez albergar un conjunto de prestaciones exageradamente amplio.   
 
¿Como crear un sitio que va a contener más de 2000 páginas, cientos de imagenes y miles de palabras y datos?



 
Nuestra primera y última idea solo apuntaba a un objetivo: LA ESENCIA  
 
La esencia de la modernidad, de la tecnología web, de los contenidos, de las opciones, de la función.  
 
Con la pasión desmedida que sentimos por todo el arte, histórico y digital, el subconsciente fue lo suficientemente rápido como para remover nuestra vision de algunos genios como Josef Albers, Ad Reinhardt, Ludwig Mies van der Rohe, o Candida Höffer...apabullante pero real, recursiva idea de belleza en la funcionalidad.  
 
Aunque lo cierto es que la primera idea tangible y realmente inspiradora fue que dentro del museo, frente a 21 hoyos de Barceló o a un gran formato de Campano, estando a solas, en una sala de arquitectura tremendamente bella, el silencio sonaba a Henryk Górecki, Arvo Pärt, incluso a Philip Glass pero sobre todo sonaba a Brian Eno. Esa sensación era parecida a sentirse asilado en un ambiente ajeno al mobiliario y a los ornamententos, observar una pieza de Oteiza y escuchar a Brian Eno es la sensación más parecida a estar dentro de 2001 una Odisea (...) Y exactamente esa fue la sensación que decidimos que debía transmitir el nuevo sitio web del Museo de Arte Contemporáneo de Palma de Mallorca.  
 
Siempre disfrutamos de colaborar y compartir y esta es una buena ocasión para ofrecer al que le interese el manual de diseño que creamos para coordinar el diseño y maquetación del sitio web. Está disponible desde nuestro Blog, entrada "Controlando el diseño sobre las resoluciones de pantalla" (PDF inglés) (pendiente de publicación)


 
Funcionalmente ha sido uno de los sitios webs más interesantes a llevar a cabo desde el punto de vista técnico, hemos escrito cientos de reglas CSS para controlar todo tipo de posicionamientos, márgenes, recolocamientos. Hemos pretendido que los usuarios tengan siempre a la distancia máxima de 1 click el contenido que buscan, y que toda esa brutal ingesta de contenido en forma de texto, idiomas, imágenes audio, video y funciones quedará resuelto de forma que el sitio web fuera un lugar sencillo, nada más lejos de la simplicidad, que es algo distinto.  
 
Finalmente el sitio cuenta con todo lo que un usuario pueda esperar del Museo:  
 
Historia e Imágenes
Datos Corporativos Exposiciones, Histórico y Futuras
Colección
Artistas
Planes para organizarse una visita
Actividades
Blog
Zona privada de Prensa
Podcasts
Video
Canales Sociales Facebook, Twitter, Tuenti, Flicker, Youtube
Zona de usuarios
Newsletter
Tienda Online      

Si los bancos de pruebas de Microsoft no están "retocados" parece ser que el HTML5 en Internet Explorer 9 va a correr a las mil maravillas…

Sobre las pruebas destaca.., destaca todo…! sin ser nada fans de Microsoft (nada más lejos Mr. Jobs) estamos impresionados con estos datos. Las tablas hablan de uso de elementos HTML5 en la pantalla, fuentes, objetos, comandos CSS3, Javascript, …. y básicamente en todos arrasa o como mínimo es el mejor si no empata.  

El tiempo dirá…me cuesta creer lo que leo tras el trabajo que han hecho hasta ahora.

Todo aquí: http://samples.msdn.microsoft.com/ietestcenter/#html5Selection

Hoy en día las imágenes representan el 65% del contenido transmitido por una página web, algo que puede ralentizar considerablemente la carga de las mismas, sobre todo en conexiones lentas.

Google, que constantemente se preocupa por estos temas, ha estado estudiando la manera de crear un formato capaz de aumentar el ratio de compresión de las imágenes con pérdida tipo JPEG, sin perder calidad ni resolución.
Para ello ha utilizado técnicas basadas en el códec de vídeo VP8 (la tecnología que usa WebM, el formato de vídeo abierto para la web que propuso Google hace poco), con lo que han coseguido reducir alrededor de un 39% el peso de las imágenes en las pruebas que han realizado.

Otra de las ventajas de este formato, a parte de ser de código abierto y de optimizar la carga de las páginas web, es que en un futuro será posible disponer de un canal alpha o semitransparente, algo que actualmente el formato JPEG no soporta.

Google Chrome dará soporte a este formato en sus próximas actualizaciones y esperemos que pronto los demás navegadores también lo integren. Seguramente los primeros en hacerlo serán Firefox y Opera, como ya están haciendo con WebM.

Via Chromium Blog
Demo de WebP

Una de las tantas posibilidades que nos ofrecen las nuevas tecnologías web, es la posibilidad de crear completas aplicaciones sin necesidad de instalaciones complicadas o depender de otros programas como flash para funcionar.
Este es el caso de SVG-edit, un increíble editor de gráficos vectoriales que se basa únicamente en estándares y tecnologías libres como SVG, Javascript, HTML5 y CSS3.

Lo interesante de esta tecnología es que se podría aplicar en muchos ámbitos: creación de banners, flyers, diseños, bocetos, diagramas, etc. para después guardarlos en el servidor o descargar la imagen generada.

El entorno y las funcionalidades son similares a cualquier editor de gráficos vectoriales de escritorio como Adobe Illustrator, Freehand o Inkscape, con el que guarda muchas similitudes sobre todo en el entorno visual.

La aplicación está mantenida por una activa comunidad de usuarios y programadores, por lo que tiene un futuro bastante prometedor.

Más información y descarga en code.google.com/p/svg-edit/

Increíble.















































Ahora si ya está más que demostrado lo que depara el futuro y que va a pasar con flash.
El nuevo sitio de Arcade Fire, donde promueven su último single, es una demostración apabullante de creatividad y técnica.

El sitio anuncia que es un experimento con Google Chrome, aunque desde Safari y Firefox lo hemos podido ver perfectamente y ha corrido a las mil maravillas. En la red encuentro algunos comentarios de usuarios que han tenido algún problema de velocidad y reproducción en sus máquinas, sin duda el proyecto exige cierta potencia en el ordenador del usuario.

Un palo enorme para adobe, pues no han usado flash en ningún momento y más palo todavía cuando desde FWA lo destacan como SITIO DEL MES, ante los comentarios de un montón de usuarios registrados que se han quedado desconcertados al ver un sitio sin flash como sitio del mes del reputado sitio FWA, mítico portal de premios flash para todos desde hace exactamente una década.

Creatividad

No tan sólo la producción audiovisual, que está muy bien, ni el tema del grupo que también nos mola bastante. La creatividad, el éxito de este proyecto es el todo. Como Rodar las imágenes reales, la estética, las animaciones 3D, como usar Google Street View de forma interactiva, como mezclarlo todo! 

El uso de Pop-ups, las formas de las ventanas, los movimientos de Google Earth, 3D INTERACTIVO SOBRE GOOGLE EARTH!!!! Interactivo? Si, porque detecta las carreteras para emplazar los arboles 3D que crecen al ritmo de la música. En un videoclip normal esto no tendría nada de especial, pero recordad, es que las calles son distintas para todos, no han creado arboles creciendo en 3d para todas las calles del planeta…. vamos, eso espero ;-)

Cuando ves el proyecto impresiona, pero cuando lo analizas es abrumador.

Técnica

Google Labs se han puesto las pilas, quizás conociendo de que va esta gente simplemente han hecho un leve esfuerzo..
Como decíamos, nada de flash. HTML5 HTML5 HTML5

Como corre esa base de datos! como indexa y genera las imágenes de la calle o la zona que hemos elegido. Porque los movimientos sobre las imágenes aéreas son buenísimos. El tiempo de cálculo es rapidisimo, mezcla Street View con Google Earth, todos en movimiento, y creando un video en HTML5…que va suave, suave.


Equipazo

Chris Milk,  afamado director USA de video clips. Courtney Love, U2, Greenday entre otros...
Aaron Koblin, podriamos definirlo como artista electrónico, increibles sus trabajos, hay que visitar su sitio web.
Google Creative Labs, no hacen falta comentarios. Nuestros gurus.
Radical Media, impresionante mix entre agencia de publicidad + productora + empresa ganadora de premios constante (donde tienen a Chris MIlk en cartera)
B-Reel, producción de proyectos avanzados para medios actuales, web, móviles y cualquier dispositivo que sea actual.

AQUÍ EL SITIO: THE WILDERNESS DOWN TOWN - ARCADE FIRE

Sin palabras, Google Instant, el nuevo sistema de búsqueda de google es increíblemente rápido e increíblemente útil.
  slkdfnsñpzdlkfnsñlkfjnsdñzlfjnps<d
Eso si, se acaban de cargar a los sitios no optimizados y con posición entre las 10 primeras, porque con G.Instant.. ¿quien va querer llegar a la segunda página?
 
 
¿Qué es y cómo funciona?
 
En pocas palabras. Cuando buscas en google, mientras escribes lo que quieres buscar y ANTES DE QUE HAGAS CLICK EN BUSCAR, ya te aparecen los resultados en función de cada letra que añadas a tu palabra.
 
¿Cómooooo?  Mejor probarlo que leerlo. Googlead.
 

 
En muchos blogs comentan lo que puede suponer este cambio de cara a las campañas de Addword y nuevas funcionalidades o venta de posiciones en el nuevo sistema de búsqueda. Google niega que vaya a hacer uso del nuevo sistema para encontrar nuevos productos que vender a sus anunciantes.
 
Afirman desde Google que como siempre el objetivo es ofrecer la mejor búsqueda a sus usuarios. Con isntant a día de hoy afirman haber rebajado el tiempo de búsqueda entre 2 y 5 segundos por búsqueda.
 
En http://www.google.es/instant/  está toda la información.

Durante el día de hoy hemos podido ver lo que parece ser una broma de Google en su nuevo Doodle (ver Wikipedia).

Su logo hoy se presenta compuesto por un conjunto de puntos de diferentes colores y tamaños que es sensible a nuestro ratón, al pasar por encima se descompone, al alejarnos de el los puntos o bolas (según los americanos) vuelven a formar el logo de la compañía. Lo que falta y lo hace misterioso: no tiene link, para los ajenos el Doodle siempre está vinculado a una búsqueda que desvela el significado del logo del día ( ajenos... que hacen leyendo este blog??). Hoy como digo no hay link, no hay respuesta.

No hemos sido los primeros en ir corriendo al código y ver HTML5 CSS3, HTML5… HTML5….CSS3...CSS3
Desde algunos sitios de prensa digital nos recuerdan que hoy es el 12 Aniversario de Google. No es suficiente, necesitamos más pistas…

Desde The Guardian (UK) comentan el asunto y ofrecen su opinión:
(texto extraído sobre el texto completo en Inglés ( versión original completa aquí)

" El objetivo del logotipo parece ser llamar la atención sobre la importancia de CSS3, un estándar emergente que se está desarrollando como la próxima versión de lenguaje  HTML para la web, llamado HTML5 , está siendo ratificado por el World Wide Web Consortium,
Google ha estado ansioso de HTML5 y CSS3, también su navegador Chrome, ya que ofrece muchas más posibilidades en el diseño de páginas web, lo que podría ser más interactivo con menos esfuerzo por los diseñadores. Se ha producido versiones HTML5 de su sitio de videos YouTube para que puedan ser más compatibles con sus móviles para las personas cuyos teléfonos inteligentes no pueden hacer frente con el contenido de Adobe Flash, utilizado generalmente para contenido de video en las computadoras de escritorio.

HTML5 y CSS3 tiene la capacidad de hacer muchas de las funciones actualidad llevadas a cabo por la empresa Adobe Flash, lo que ha llevado a Steve Jobs en Apple designar el HTML5 como un triunfador, un estándar abierto en lugar de una propiedad privada y cerrada, controlada por parte de Adobe, que a su vez ha dado lugar a divisiones de ira en el mundo tecnológico sobre los beneficios de Flash.

Gran parte de la reacción al nueva garabato fue positiva: algo así como la ocasión en que se creó una copia totalmente funcional del juego de arcade de Pac-Man (que es todavía funcional , la gente ha encontrado que las burbujas son un entretenimiento más que una molestia.
El dibujo no ha sido querido por todos. Louise Bolotin comentó en Twitter : "Odio a día de hoy Google Doodle . Los bailes son una pesadilla para aquellos con problemas visuales "- un punto que no siempre se tiene en cuenta en el diseño de sitios que tienen mucho de lo que podríamos llamar las piezas móviles.

Browsershots.org ha realizado capturas de pantalla del sitio tomadas hoy en una amplia gama de navegadores."

ANID está realizada 100% con HTML5 y CSS3 , excepto para los usuarios con Explorer por supuesto, no había otra formula.

Creemos en Google.

El código? Aquí lo tenéis  , gracias a GitHub

La descripción del sitio de ZARA a día de hoy en Google no tiene desperdicio, hay errores que no tienen perdón...

Si te encuentras por Irlanda en noviembre quizás te interese acudir a alguna de las conferencias organizadas en el certamen BUILD. 

El certamen es por y para diseñadores Web y diseñadores gráficos relacionados con Internet.

Se trata de 4 días de actividades, con talleres, conferencias y demás. Los conferenciantes son muy interesantes, personalmente me encantaría poder asistir. Mucho sobre internet, sobre interfaces, sobre tipografía. La verdad es que asusta ver el curriculum y actividad de los ponentes cuando ves la edad que tienen la gran mayoría…

Como ellos dicen, han creado la conferencia a la que les gustaría asistir. 

La única pega… 

Conferencias y Talleres……………...£400.00
Sólo conferencias o sólo talleres…...£250.00

La BUILD CONFERENCE aquí

Desde mi blog personal la última entrada: TOKO, un estudio de diseñadores en Sydney que me apasionan. 
Su sitio web está realmente bien. Ownway Blog