Mucho se está hablando del futuro de la web con HTML5 y la desaparición de Flash, que como dice Steve Jobs, pertenece a la era del PC . Pero bueno, eso sería otro tema… poco a poco iremos introduciendo novedades y curiosidades respecto a esta revisión del HTML.

Un aspecto controvertido y que deja alguna que otra duda es la utilización de las etiquetas <section> y <article>. Depende del sitio que consultes podremos ver que se usan de manera muy parecida, confundiéndose en muchos casos. Según A List  A Part, hace una previsualización del section dentro del article, sin embargo, en otros lugares y lo más habitual suele aparecer el section como padre de article. Esto tiene relevancia a la hora de estructurar el contenido ya que anteriormente tan solo te preocupabas por saber que id le ibas a pasar a tu divisor.

Por ejemplo, en Smashing Magazine que nos ofrece un tutorial de como maquetar una página con HTML5 desde cero, además coincide con la forma de pensar que podemos tener aquí ya que según los principios de HTML5, <article> es mucho más semántico que <section>. Es decir, podríamos decir que <section> vendría a ser un divisor del estilo de la etiqueta <div> que no te aporta nada, únicamente una división estructural.

Si nos dirigimos al sitio oficial del  W3C no podemos considerarlo muy preciso . Ya que el único dato que aporta como valor es el referente semántico de que <article> puede ser una sección importante y repetido dentro de un sitio, como puede ser un post en un forum, una noticia o una entrada de blog. Por el contrario, <section> solamente sería un grupo de contenido similar que a su vez puede contener <header > y <footer>.

A medida que vayamos viendo cada vez más páginas escritas en HTML5 se irá viendo con mayor claridad el uso de las nuevas etiquetas.

El 8 de junio de 1995 Rasmus Lerdorf lanzó la versión 1.0 del lenguaje PHP (llamado PHP Tools) para poder gestionar unos formularios de empleo en un sitio web.

Poco a poco este lenguaje fue creciendo y ganando adeptos, añadiendo nuevas funcionalidades y mejoras versión tras versión, hasta el punto de que actualmente es uno de los más extendidos y usados.

La versión actual es la 5.3.2, pero ya hace un par de años que se desarrolla la 6.0, esperemos que siga en la misma linea que sus predecesoras.

Felicidades PHP!

Posts relacionados:

1. Internet explorer 8 compatible con el estándard web

Hoy en día, Adobe Ilustrator, Adobe Photoshop y Adobe InDesign son algunas de las herramientas más utilizadas por los diseñadores gráficos, por este motivo queremos resaltar algunas de las novedades que se incluyen en la nueva versión CS5 y que consideramos de gran utilidad.

Esta nueva versión, disponible desde mayo del 2010, permite trabajar más rápido (64 bits), utilizar nuevas técnicas de dibujo o maquetación y crear contenidos interactivos sin tener que saber codificación.

Adobe Illustrator CS5

• Mejora la capacidad para trabajar tridimensionalmente (podemos crear un plano y colocarlo en perspectiva).
• Mayor precisión y posibilidad de manejo en herramientas de dibujo vectorial.
• Permite convertir trazados realizados con pinceles en vectores y escalarlos sin perder calidad.
• Unión de objetos con un solo trazado (shape builder).
• Posibilidad de crear objetos con precisión de píxel (optimizado para páginas web).

Adobe Photoshop CS5

• Manipulación de elementos de una imagen sin ninguna dificultad, rellena el contenido de una imagen matemáticamente (Content-Aware).
• Facilita el tratamiento de fotografías HDR (imágenes de alto rango dinámico).
• Permite trabajar en el diseño de imágenes 3D.
• Permite distorsionar y deformar imágenes (Puppet Warp).
• Ayudas en la selección de máscaras.

Adobe InDesign CS5

• Facilitan el manejo de herramientas que permiten crear documentos interactivos, animados, con vídeo y sonido.
• Mejoras en la selección y edición de objetos.
• Permite maquetar distintos formatos de página en un mismo archivo.
• Facilita la corrección de documentos y maquetación.
• Reduce problemas de fuentes siempre que se tenga licencia.

En definitiva, una versión más manejable, intuitiva, completa y personalizable.

Si quieres, puedes ver videos de las novedades de CS5 en los siguientes links (en inglés):

Adobe Illustrator CS5

Adobe Photoshop CS5

Adobe InDesign CS5

Los dispositivos táctiles es una de las tecnologías que va a acabar de explotar, si no lo ha hecho ya, en un futuro cercano.

Pocos aparatos que posean pantalla se escapan actualmente. Especialmente significativa fue la aparición del Iphone de Apple. Su competidor Microsoft, con la salida de Windows 7, presenta como una de sus nuevas características el poder trabajar fácilmente con pantallas táctiles.

La gran mayoría de las tecnologías de pantalla táctil más significativas fueron patentadas durante las décadas de los 1970 y 1980 y actualmente han expirado. Este hecho ha permitido que desde entonces los diseños de productos y componentes que utilizan dichas tecnologías no estén sujetos a royalties, lo que ha permitido que los dispositivos táctiles se hayan extendido más fácilmente.

La fabricación masiva de dispositivos que utilizan esta tecnología ha hecho que lo que antes era para sibaritas se haya convertido en una cotidianidad. Por lo que desde Ondho vamos a ir experimentando posibilidades como en el video que acompaña este post, donde  podemos visualizar fotografías en una pantalla táctil, utilizando nuestro perfil de Flickr. Nos hemos conectado a este servicio gracias a su trabajada API.

La Realidad Aumentada permite la posibilidad de ver, sobre una escena real, información que la complemente o enriquezca. Se puede utilizar con múltiples dispositivos, como la webcam del ordenador, la cámara de un Smartphone o unas gafas futuristas al puro estilo Terminator.

Si tienes ganas de verlo de más cerca hemos creado un minisite donde poder probar la realidad aumentada haciendo click aquí.

En noviembre de 2009 la revista Esquire, utilizó realidad aumentada en uno de sus números. Colocaron una marca en alguna de sus páginas y con esta apuntando a nuestra webcam nos mostraba un video. La marca, tiene un formato que ayuda a referenciar su posición, de manera que si la giramos, el objeto que enseñamos también lo puede hacer.

Otras aplicaciones, alejándonos del marketing, nos permiten ver información de la wikipedia en nuestro móvil conectado a Internet sobre edificios emblemáticos. En este caso la referencia de la posición es gracias al GPS, y la visualización a través de la cámara del móvil.

En un futuro no muy lejano, los parabrisas de los coches podrían utilizar Realidad Aumentada para informar de nuestros viajes en carretera. ¿Preparados para el futuro?

Posts relacionados:

1. Ondho dice hola al mundo en formato blog
2. Reel Ondho 2010
3. Los Reyes Magos de Oriente dejan un regalito en Ondho

Aprovechando el quinto aniversario, hemos creado un nuevo Reel recopilando algunos trabajos realizados durante nuestra trayectoria 2005-2010.

Vas a poder ver algunos trabajos de diseño gráfico, branding, web, experiencias interactivas, etc…

Posts relacionados:

1. Minisite de Realidad Aumentada en www.ondho.com/ra
2. Ondho Aqua Park
3. Ondho dice hola al mundo en formato blog

Los números que reinan en internet, explicado en un vídeo de 5 minutos, a partir de los datos publicados por Pingdom.

Posts relacionados:

1. Internet explorer 8 compatible con el estándard web

Este mes Ondho cumple 5 añitos, no parecen muchos, pero nos ha costado sangre, sudor y lágrimas llegar hasta aquí, así que por lo menos un brindis era merecedor de la ocasión. Aquí algunas fotos.

Gracias a todos los que han confiado en nosotros y a los que han colaborado a llevar a cabo nuestro proyecto.

¡Salud y a por los 5 siguientes!

Si eres de los que se puso como propósito para este 2010 ir al gimnasio y aún no lo has pisado porque se te acumula el trabajo… Aquí te dejamos una serie de ejercicios para cuando ya no te puedes levantar de la silla porque se te ha hecho de noche delante del ordenador. !Bienvenido al club!

Posts relacionados:

1. ¿Parecidos razonables?

Como comentábamos en un post anterior, Los Reyes Magos nos trajeron un ping pong, pero visto que nadie cumplia con la norma de no rebotar contra cristal ni lámparas, hemos pensado en convertirlo a un formato interactivo menos agresivo para el mobiliario, pero que respondiera de la misma manera a los movimientos del cuerpo. Es un inicio de uno de los propósito que deseamos para trabajar este año, la interacción física del usuario con aplicaciones.

openFrameworks es una libreria desarrollada por Zach Lieberman y Theo Watson, Arturo Castro, y Chris O’Shea, junto con la ayuda de colaboradores en la Parsons School of Design, MediaLabMadrid,  Hangar , así como una extensa red de desarrolladores , artistas e ingenieros.

Hemos utilizado openFrameworks, y no Processing como hemos usado otras veces, porque nos ofrece para estos casos mayor flexibilidad al ser un lenguaje de bajo nivel.

Aunque Processing y openframeworks son muy parecidos, tanto por sus intenciones como en la estructuración de la libreria, openFrameworks facilita el trabajo a la hora del proceso pixel por pixel, motion tracking, análisis de vídeo y detección de objetos en él.

Dar las gracias a Sergio, también, que estuvo encerrado algún que otro día en la penumbra, para que la bola rebotara bien contra nuestro cuerpo.