Google presenta una herramienta para crear sitios en HTML5 sin saber de programación
De nuevo buscando darle un empujón aún más efectivo al HTML5, Google presentó hoy una interesante herramienta llamada Google Web Designer, que podrá ser usada tanto por diseñadores web profesionales así como también por personas que no tengan entendimiento de código. Disponible en su versión beta, resuelve algunos de los problemas más importantes de la web, el de la compatibilidad entre dispositivos. Pero, más que nada, Google Web Designer es un programa completo para poder diseñar, un programa que está al día en cuanto a las tendencias del mercado, y que puede ser muy sencillo de usar.
¿Qué es exactamente Google Web Designer? Se trata de un programa de descarga gratuita que permite trabajar en HTML5 para crear diseños y gráficos interactivos que pueden ser usados en cualquier dispositivo. Esto quiere decir que quizás por el momento no tengamos la posibilidad de crear una web completa (con lo cual no terminaría de ser una alternativa al más popular Adobe Dreamweaver) pero sí es una interesante opción a la hora de generar Ads interactivos para Google, entre otras cosas. Habrá que bajar el Google Web Designer para probarlo.
El primer punto fuerte que nos presentan los desarrolladores de Google Web Designer es la compatibilidad. De hecho, las piezas que desarrollemos con el programa podrán verse bien, sin importar el tamaño de la pantalla o el dispositivo. La idea es que podamos desarrollar piezas que sean universales, y que las personas puedan ver el trabajo sin importar el equipo que usen para acceder a una determinada dirección. En definitiva, lo que promete Google Web Designer es eliminar los problemas de compatibilidad de una vez por todas.
Además, Google Web Designer cuenta con una funcionalidad similar a la que podemos encontrar en Dreamweaver. Por un lado, podemos trabajar pura y exclusivamente en el diseño, mientras que por el otro, también tendremos la libertad, sin limitaciones, de trabajar directamente con el código para hacer las modificaciones necesarias. Es importante aclarar que aún desde Google Web Designer se puede trabajar con el código, y no es necesario usar un software adicional. En cuanto al editor visual, lo que busca Google es remover la necesidad de trabajar con HTML5 y CSS3, para poder hacer que las personas estén más concentradas en la generación de una experiencia visual.
Google Web Designer está equipado con una buena cantidad de funcionalidades. Así, los usuarios encontrarán dos modos diferentes de animación, uno rápido y otro más avanzado, y también contrará con soporte para varias funcionalidades 3D. El usuario podrá manipular el contenido 3D gracias al poder de CSS3, y más. De la misma forma en que sucede con Dreamweaver, también tenemos diferentes paneles de visualización para, por ejemplo, ver solamente el código si es que así lo deseamos, ver solamente el diseño, o una combinación de ambos para ver dónde se tienen que realizar los ajustes.
Por ahora, Google Web Designer quizás no llegue al público masivo, pero en primer lugar, es una forma de hacer que aquellos que están interesados en hacer una inversión de dinero dentro de Google lo hagan a través de una herramienta autorizada y que está al tanto de los avances de la tecnología. Sabiendo el fanatismo por Adobe Flash que tienen muchos diseñadores, sobre todo en anuncios, Google está claramente marcando una posición que ya conocemos. Aquellos interesados en descargar gratuitamente Google Web Editor pueden hacerlo en la web oficial de la herramienta.
Adobe matará Flash para Android mañana
El estándar web más popular de la historia sigue cediendo, sólo horas de vida le quedan a Flash para Android. Adobe confirma que a partir de mañana la aplicación no se podrá descargar y eliminarán cualquier vía oficial para instalarlo en los terminales basados en el SO móvil de Google.
Que moriría no es noticia nueva, ya lo sabíamos y el cese del soporte se recalcó hace unas semanas cuando se dio a conocer Android 4.1 Jelly Bean. Sin embargo, no fue hasta ahora que Adobe se manifestó y reveló el momento en que matará definitivamente a Flash para Android.
Esto no quiere decir que de tener el APK no lo podrán instalar más adelante y mucho menos dejará de funcionar a quienes ahora mismo lo tienen instalado en sus terminales. Sólo no habrá ningún tipo soporte para correcciones de fallos o futuras actualizaciones para mejorar la compatibilidad porque es inevitable el avance.
¿Lo extrañaremos? Sí. ¿Será indispensable? No. HTML5 ya viene siendo adoptado por la mayoría de las plataformas móviles, los navegadores están en continuas actualizaciones para mejorar el soporte, mostrar casi cualquier contenido y eso es algo que nos tranquiliza. Seguramente muchos recordarán que Steve Jobs fue el más radical y nunca permitió que se integrase Flash en iOS, fue un golpe fuerte para Adobe y terminó siendo una de las razones por las que nunca se pudo tener éxito en el sector móvil, de hecho, en 2011 lo aceptaron:
HTML5 es la mejor solución para crear y desplegar contenido en el navegador a través de plataformas móviles
Adobe lo intentó con marketing e incluso recibió apoyo de gigantes como Google pero al final del cuento el estándar web terminó siendo la mejor solución. Si bien en momentos como este el optimismo es lo que queda mejor, sabemos que será una guerra que no se podrá mantener por mucho tiempo. El soporte de Flash para ordenadores sigue pero seguimos viendo que HTML5 sigue creciendo como mejor alternativa, incluso Adobe tiene herramientas de conversión para ir adaptándose a la transición.
Electronic Arts prepara el desembarco de juegos HTML5
El gigante del desarrollo y distribución de videojuegos demostrará las posibilidades del lenguaje HTML5con la presentación de una versión previa del juego Strike Force, pensado para funcionar en Google Chrome y en dispositivos como los tablets basados en Android 4.0 o superior.
Electronic Arts mostrará este juego en el evento Google I/O que tendrá lugar estos días en San Francisco, y esto podría suponer todo un punto de inflexión para una empresa que ha apostado tradicionalmente por los juegos corriendo de forma nativa en PCs y consolas.
Richard Hilleman, director creativo de EA, indicó que “hemos aprendido a aprovechar partes de HTML5 que nadie había previsto“. Aunque el juego podría tardar aún meses en lanzarse de forma definitiva, su presentación en Google I/O representa la relevancia que el segmento de los juegos podrá tener en el navegador a corto plazo.
Mitos y verdades sobre HTML5
Antes de continuar con toda esta parafernalia de HTML5 y CSS3 es bueno desmentir o aclarar ciertas cosas que como desarrolladores debemos tener claras y que la información no muy clara en distintos medios (foros, blogs, screencast, etc…) puede prestar para confusiones y malos entendidos. Y esto puede generar un obstáculo en el equipo de desarrollo del proyecto en que se esté trabajando. A veces es bueno un poco de lectura pues no todo es código y código, siempre diré que una lectura o un buen libro mantienen el cerebro ejercitado y listo para aprender nuevas cosas.
La idea errónea de CSS3
CSS existe alrededor de HTML desde 1996 – es una tecnología relativamente vieja, claro está que esto muchos lo saben!!. La última versión, CSS3, se ha estado desarrollando desde 2005 y todavía está muy lejos de cumplir la recomendación total indicada por la W3C. Se ha dividido en módulos individuales que están siendo implementados por los navegadores, y de todos modos se continúa trabajando. Debido a esto, es difícil predecir cuándo CSS3 será terminado al 100 por ciento, aunque, como HTML5, partes de él ya se pueden usar en la mayoría de los navegadores.
La cosa importante a observar con CSS es que está separado de HTML en el desarrollo y uso. CSS3 no es parte de la especificación HTML5 (que nunca fue y nunca lo será, eso espero!). Se trata de dos tecnologías completamente diferentes – uno para la estructura y el diseño, y el otro para la presentación, debido a su proximidad en el uso, han sido agrupados por alguna razón. El resultado final? No se puede referir a CSS3 como HTML5.
Entonces CSS3 es parte de HTML5?
No – CSS3 es una tecnología de diseño, no tiene nada que ver con el contenido o la estructura de HTML5. Aquí puede encontrar un complemento sobre CSS3 y sus especificaciones.
Web Fonts
Uno de los inconvenientes masivos con el diseño web el increíblemente difícil uso de fuentes personalizadas. Hasta hace poco la única forma de hacerlo era mediante la construcción de imágenes estáticas que representan las palabras que desea utilizar, o mediante el uso de sistemas complicados como sIFR o Cufon. Web Fonts resuelve este problema mediante la introducción de font-face una de tantas reglas de CSS, que permite el uso de fuentes personalizadas con sólo un par de líneas de código. Mucho más fácil, verdad!, lo único delicado del asunto es tener en cuenta que tipo de fuente está utilizando y si respeta los derechos de propiedad intelectuales del caso.
Entonces Web Font es HTML5?
No – es parte de CSS3, además, técnicamente no se conoce como Web Fonts. La W3C lo declara como un módulo. Aquí puede encontrar más información sobre CSS3 y Web Font.
Geolocalización en HTML5
Imagínese que usted pudiera obtener automáticamente la información en la Web relacionada con su ubicación actual, donde quiera que esté (bueno en casi todos los lugares). La API de geolocalización está haciendo precisamente esto, proporcionando una herramienta a través de algunos scripts de JavaScript “sencillos” para la ubicación aproximada de un usuario. El usuario tiene que permitir que la información sobre su ubicación pueda ser compartida, pero las consecuencias de hacerlo son profundas, como los anuncios publicitarios relacionados con los resultados de búsquedas útiles y contenidos del sitio web correspondiente. Esto tiene cosas positivas y un cierto sabor negativo.
Y la API de geolocalización es HTML5?
No – esta es una API de JavaScript que está diseñada para ser implementada por los navegadores que tengan soporte sobre ésta. Aquí puede encontrar más información sobre la API de geolocalización.
SVG ó Gráficos en Vectores
Scalable Vector Graphics (SVG) es un lenguaje que le permite crear gráficos vectoriales 2D utilizando XML. Es muy similar a canvas en su funcionalidad y propósito, pero difiere sustancialmente en otras áreas.
Pero SVG es HTML5?
No – es una tecnología totalmente independiente que describe el uso de gráficos XML. Aquí puede encontrar más información sobre SVG.
Web Storage
Los Cookies, aperitivo favorito de los desarrolladores, coincidentemente son el método de elección para el almacenamiento de pequeñas cantidades de información en el ordenador del usuario. Hasta ahora ha sido el único método viable de almacenamiento de datos en el ClientSide (del lado del cliente), pero tiene algunos defectos que potencialmente pueden causar muchos dolores de cabeza en lo que a seguridad se refiere. Web Storage, es un conjunto de APIs de JavaScript, ha sido creado para ofrecer una selección de gran alcance de las opciones de almacenamiento que resolver las desventajas inherentes de usar cookies. No suena tan cool, pero abren las puertas a cosas como ver tu correo electrónico basado en el navegador y almacenado un volumen de información relativamente interesante. Cool cierto!
Pero Web Storage es HTML5?
No – es una API de JavaScript, que está diseñada para ser implementada por los navegadores que tengan soporte sobre esta. Aquí puede encontrar más información acerca de Web Storage.
Web Workers
Los Web Workers son en realidad esclavos incansables escritos en JavaScript listos para hacer uso de ellos. Su único propósito es llevar a cabo cálculos pesados y otras tareas intensivas en el background de la aplicación, sin que la página web se vea afectada en su rendimiento y dañar la experiencia del usuario. No hay un gran número de casos de uso para los Web Workers, pero es bueno saber que están ahí en caso de que los necesite.
Los Web Workers son HTML5?
No – son una API de JavaScript, que está diseñada para ser implementada por los navegadores que tengan soporte para la misma. Aquí puede encontrar más información acerca de los Web Workers.
WebSockets
La comunicación normal en la Web se hace a través de HTTP, un método que sólo permite la comunicación en una dirección en un momento dado, y requiere de una página Web que se solicita cada vez que desea que actualice o cree datos. Para evitar esto los desarrolladores Web han estado utilizando toda una serie de opciones para eludir el requisito de tener que solicitar una nueva página cada vez que se necesite de una información sobre algún elemento de la página. Tecnologías como Ajax y Comet se inventaron para este fin.
Sin embargo, todavía no son verdaderamente métodos de comunicación bidireccional – la información sigue viajando sólo en una dirección en un momento dado.
Los WebSockets son diferentes, porque utilizan TCP que permite la verdadera comunicación bidireccional entre el cliente (su computadora) y un servidor. Esto significa que usted nunca tiene que hacer una petición de nuevos datos desde el servidor, ya que la información es, literalmente, transmitida a su computadora en tiempo real a medida que llega nueva información. Es un concepto complicado, pero muy poderoso, una vez que llegue a familiarizarse con él.
La API de WebSocket es HTML5?
No – es una API de JavaScript que está diseñada para ser implementada por los navegadores que la soportan.
Conclusión
A pesar de que todas estas tecnologías no son parte de HTML5, todas ellas resuelven un propósito específico y que debe ser aceptado y usado junto con HTML5 siempre que sea posible. Por ejemplo, mediante la combinación de WebSockets y canvas de HTML5 se pueden crear en tiempo real increíbles juegos para varios jugadores en línea (redundante pero cierto). Ahora sí, es una combinación fresca de dos tecnologías diferentes, que juntas dan un sabor al desarrollo inigualable.
Adobe lanza Muse, una nueva aplicación que simplifica el diseño de sitios web [Actualizada]
Sin lugar a dudas Adobe ha vuelto a montar el caballo y está lista para la batalla. Recordarán que semanas atrás aquí en AppleWeblog les hablé sobre Egde, un nuevo desarrollo de esta compañía que permite la creación de animaciones y sitios interactivos en HTML5. El día de hoy, la empresa de California ha lanzado la beta pública de Muse, un nuevo software que apunta a simplificar la creación de sitios Web.
Bajo el nombre-código Muse, Adobe acaba de lanzar este nuevo desarrollo que apunta a diseñadores Web y a personas con pocos conocimientos y experiencia en cuanto a código. En otras palabras, esta nueva aplicación permite crear sitios Web en HTML sin la necesidad de contar con conocimientos previos de HTML5 o CSS3 o, de acuerdo con Adobe:
“Construya sitios web tan fácilmente como cuando crea diseños para la impresión. Usted puede diseñar y publicar originales páginas en HTML con los últimos estándares web sin escribir código. Actualmente en beta, Muse hace muy rápida y fácil la producción de sitios web únicos y profesionales.”
Se prevé que el lanzamiento oficial de la versión 1.0 sea a principios del año 2012 y, según trascendió, Muse costará alrededor de 15 dólares al mes (unos 180 dólares al año). Por otro lado, una galería de ejemplos creados con este desarrollo está disponible, ofreciendo sitios Web que incluyen la incorporación de servicios como Google Maps, YouTube, y Facebook. Además, Muse ofrece otros elementos estándares de diseño como widgets, galerías de imágenes, y menús de navegación.
En lo personal, creo que esta es una buena apuesta por parte de Adobe: ofrecer una herramienta práctica y sencilla, que inevitablemente –y de algún modo– se inspira y viene a ocupar el lugar del moribundo iWeb de Apple. Además, como lo informa la noticia original, Adobe también ofrecería espacio de alojamiento (pago) para los sitios creados con esta herramienta. En otras palabras, es una aplicación que le facilitaría la vida a muchos diseñadores y a muchas personas que quieren evitar las líneas de código y que, además, resultaría en un rentable negocio para la compañía defensora de Flash.
La beta de Muse de Adobe ya está disponible para su descarga. Es necesario tener instalado Adobe AIR para que funcione.
Actualización: nuestros compañeros en Alt1040 han publicado un excelente artículo y el siguiente vídeo que ofrece un recorrido por las diferentes características de Adobe Muse:
Loading ...
