Siete aplicaciones que hacen la mayor parte de HTML5
HTML5 es más que un par de años y ya no es una curiosidad. Las páginas Web que utilizan para emular simplemente un pedazo de papel ahora se espera que haga algo elegante para justificar su existencia. Gracias a HTML5, junto con las innovaciones en JavaScript y CSS, la lógica interactiva es una estrategia estándar para la programación Web y completos aplicaciones Web están en todas partes. Todo lo que necesita es algunas etiquetas adicionales para reescribir el software en el mundo como una página Web.
Al menos esa es la visión. Y la gente ha estado comiendo. Los administradores de TI encanta la promesa de HTML5 y la nube, ya que significa instalar una aplicación en el escritorio del navegador y olvidarse de esas cajas en los cubículos. Los programadores les encanta porque HTML5 es a menudo tan fácil como poner algunas etiquetas en los lugares adecuados, a pesar de CSS occassioinally puede conducir nosotros loco. Los contadores encanta porque los diseñadores web son más baratos y más abundantes que los programadores de C + +. Gerentes estratégicos encanta porque no es necesario pedir a los fabricantes de teléfonos inteligentes permiso para entrar en su tienda web.
Por supuesto, todos sabemos que esta visión surgió mucho antes de que los rumores HTML5. Es sólo hemos tardado mucho tiempo en hacer realidad el sueño de los creadores originales de JavaScript diseñado, en el que todas las páginas Web sería aplicaciones interactivas. Y las técnicas que se utilizan son una mezcla de lo nuevo y aquellos que existía mucho antes de que el estándar HTML5 se convirtió en grande. El resultado son aplicaciones y suites de aplicaciones, que ofrecen la mayor parte de la funcionalidad de una empresa podría querer.
He aquí un vistazo a cómo siete aplicaciones poderosas están poniendo en práctica la visión HTML5 y como un alto perfil detractor perdido su amor por el próximo gran paso de la Web. Todos proporcionan ideas sobre cómo sacar el máximo provecho de HTML5, JavaScript y CSS, evitando al mismo tiempo las duras verdades de confiar en lastecnologías de la Web para entregar su preciada aplicación a los usuarios.
Ejemplar aplicación HTML5 No. 1: Zoho
Hay al menos 33 aplicaciones en lacolección Zoho . Algunas son aplicaciones básicas de productividad, como un procesador de textos, y otros, como la aplicación de Zoho CRM, son más afines a las bases de datos estructuradas para almacenar información acerca de los clientes, usuarios y clientes. Zoho sabiamente ha encontrado una manera de trabajar con Google Apps, así que usted puede utilizar lo mejor de ambas colecciones.
Herramientas de Zoho confiar en muchas partes de la especificación HTML5, pero menos de lo que cabría esperar. Las herramientas de edición hacen gran parte del trabajo de diseño cuidadosamente diseñados con reglas CSS. La lógica de la edición es manejado por el código de Zoho, y no pude encontrar la nueva etiqueta HTML5 contentEditable en cualquiera de los documentos que he probado. Si el conjunto de características es complejo, puede ser más fácil no confiar en el navegador para gestionar la edición.
Varias aplicaciones de Zoho abrir bases de datos utilizando ya sea el almacenamiento local o la API de almacenamiento de sesión . Pueden empujar pares clave / valor para su posterior reutilización.
Otras partes del conjunto de herramientas HTML5 son evidentes. El creador de formularios le permite arrastrar y soltar elementos en su lugar. Los datos, sin embargo, parece estar usando sus propios ganchos internos en lugar de las características más nuevas para la validación de formularios .
Ejemplar aplicación HTML5 N º 2: Google Docs
Comenzaron con sencillez, pero Google Docs y Google Drive está haciendo casi todo lo que tiene que hacer. Para mí, el momento decisivo llegó cuando editó un documento al mismo tiempo que alguien en el otro extremo del teléfono. Nuestros cambios fluyó entre nosotros y el trabajo ya estaba hecho. Google Docs no ofrece características como muchos como Microsoft Office hace, pero su integración con Gmail hace que empezar con la alternativa de Office en línea de Google en un instante.
La mayor parte de las aplicaciones parecen usar HTML básico para la totalidad de su obra.Las tablas, textos y figuras se presentan con HTML y clics de ratón conducir la acción. El almacenamiento local se asigna, pero no había muchas clave / valor que pude encontrar en la base de datos local de mi navegador después de su uso extensivo.
Google se dice que construir muchas de sus herramientas basadas en Web con Google Web Toolkit, un mecanismo basado en Java que traduce todo el Java en JavaScript. Es bien sintonizado para trabajar con muchos navegadores, entre ellos algunos de generaciones anteriores. Puede pasar algún tiempo antes de que Google empieza confiando más en HTML5. Esto es un poco irónico, teniendo en cuenta que Chrome de Google a menudo informa de una de las mejores puntuaciones en HTML5Test, un sitio web de comprobación de cumplimiento.
Ejemplar aplicación HTML5 No. 3: HTML5 diapositiva aplicaciones
Hay más de una docena de bibliotecas HTML5 medio para la construcción de cubiertas de diapositivas en HTML en lugar de PowerPoint, incluyendo Presentation.js, Impress.js, Fathom.js, reveal.js y CSSS. Las imágenes y el texto de la redada y se arremolinan alrededor de la pantalla, haciendo ordinarias diapositivas de PowerPoint parecer aburrido y principios del siglo pasado. Si su audiencia es todavía dormido después, será culpa tuya.
El núcleo del programa utiliza HTML básico para diseñar sus diapositivas en DIVs dadas las coordenadas absolutas. Al desplazarse por el programa, usará WebKit transforma para cambiar el punto de vista de estos DIVs por lavado en batea, girando, girando, girando, o incluso en 3D. Todas las adiciones nuevas de HTML5 en el motor de diseño CSS y el objeto lienzo están disponibles para su uso en el diseño de las diapositivas.
El enfoque es sorprendentemente simple para algo que se ve muy impresionante. Si usted puede codificar el mensaje en HTML usando las fuentes estándar y etiquetas, el código JavaScript se encargará del resto.
Ejemplar aplicación HTML5 No. 4: Aviary
La creación de un buen editor de texto en JavaScript y HTML es un reto, pero la creación de un programa de retoque fotográfico es aún más impresionante. Muchas de las herramientas importantes para la corrección de fotografías están disponibles como botones de una aplicación que sólo se ejecuta en el navegador. Photoshop puede costar cientos de dólares, pero Aviary hace la mayor parte de lo que la persona promedio quiere para casi nada. ( probarlo aquí .)
Aviary utiliza HTML5 Canvas objeto, una adición sorprendentemente complicado de HTML.La norma ofrece las formas básicas de dibujo de texto o líneas, y una serie de aplicaciones Web utilizan estas funciones para dibujar gráficos. Pero debajo de todo eso es una gran colección de herramientas para trabajar con píxeles individuales. Esto es lo que Aviary utiliza para algunas de las mejoras más elegantes.
Ejemplar aplicación HTML5 No. 5: Scribd
Scribd comenzó como una aplicación Flash elaborado para la visualización de documentos. Su objetivo era convertirse en el líder repositorio de documentos en la Web, y sólo Flash lo dio el apoyo de la fuente y la colocación precisa necesaria para mostrar con precisión la amplia gama de documentos que el mundo se ha producido.
Dos características importantes hicieron posible que Scribd para duplicar mucho de esto con HTML5: fuentes Web y lienzos. Mejoras en fuentes Web han hecho posible que Scribd para captar mejor las fuentes utilizadas en los documentos. Hasta hace poco, la mayoría de los navegadores sólo tenía acceso a algunos ejemplos básicos de un serif, serif o sans font monoespaciado.
El lienzo HTML5 mejorada permite Scribd para dibujar las cartas y mapas de bits en otras posiciones arbitrarias en la pantalla. Scribd versión HTML5 ahora es más sencillo porque las incompatibilidades provocadas por tener que utilizar el plug-in Flash están fuera del bucle. Las otras características del navegador también trabajar con los documentos - que no iba a pasar cuando se basa en el Flash plug-in. Puede, por ejemplo, seleccionar frases o palabras directamente con clics del ratón. Voilà. Los documentos complejos que son ahora tratados como sitios web regulares.
Ejemplar aplicación HTML5 No. 6: HootSuite
Cuando el grupo comenzó a HootSuite para construir una plataforma para tejer juntos todas las redes sociales en nuestras vidas, reconoció que HTML5 es una plataforma natural. HootSuite sería usar la Web para agregar el Web. La herramienta resultante le permite ver todas tus redes sociales en un solo sitio web central, una característica que HootSuite regala a los usuarios de luz y vende a empresas y usuarios corporativos.
HootSuite servidores de recoger todos los datos de tus redes sociales después de usar la autenticación OAuth para conectarse a sus cuentas sociales. Los servidores de alimentar a esta página mediante llamadas AJAX, y la disposición navegador hace el resto.
La aplicación Web utiliza HTML5 locales de almacenamiento clave / valor base de datos ampliamente la información en caché y limitar la cantidad de tráfico Web. Esto es muy útil para los usuarios móviles o cualquier persona que pasa a estar en un plan de medida para la conexión a Internet.
Ejemplar aplicación HTML5 N º 7: Angry Birds
Lo sabemos y el amor como una aplicación para el iPad, pero usted puede conseguir una copia de Angry Birds desde Google Chrome y ejecutarlo en su escritorio en un navegador. Incluso hay anuncios rascacielos justo al lado del juego como una página web normal. Ahora usted puede holgazanear con el navegador tal como lo haría con su smartphone.
La etiqueta trucado HTML5 Canvas y sus muchas operaciones de dibujo se encuentra en el corazón de Angry Birds, como en muchos otros juegos de HTML5, como el Atari Arcade construido por Microsoft. Las rutinas de dar a los programadores todo lo que necesitan para sacar la obra de arte para el juego. Muchas de las antiguas bibliotecas (como la biblioteca física) en el núcleo de Angry Birds que se construyeron para Flash están siendo reescritos para soportar aplicaciones HTML5 dibujo en el lienzo.
Conseguir flash fuera del circuito promete eliminar todos los problemas técnicos que aparecieron cuando el plug-in Flash y el navegador no se llevaba bien.
HTML5 cuento con moraleja: Facebook mobile app
No todo el mundo está enamorado de la vía HTML5. Algunos de los que invirtieron fuertemente en HTML5 están retrocediendo . CEO de Facebook, Mark Zuckerberg, lo calificó como un error estratégico importante para crear productos móviles de Facebook con HTML5. Las soluciones elaboradas, pero eran lentos y glitchy porque los navegadores simplemente no fueron lo suficientemente rápidos para manejar todos los datos.Aplicaciones nativas son mucho mejores para limitar el consumo de memoria, y que a menudo es la limitación más importante para un programador que trabaja en la plataforma móvil.
Los fans de HTML5 reconocer estas quejas, pero no es como aplicaciones nativas son perfectos, fácil de escribir, y portátil. La solución, sugieren, es mantener sus aspiraciones de controlar y utilizar lo mejor de las nuevas características. No trate de mostrar un triángulo bazillion en un shooter en primera persona que se ejecuta en su navegador. El trabajo con las nuevas etiquetas y mejoras de fondo, como la base de datos local.Comience con un sencillo editor y construir poco a poco. La ventaja de HTML5 es que se puede desplegar nuevas características de uno en uno sin preguntar al usuario a pasar por todo el dolor de la actualización.
Fuente: http://www.pcworld.com
No hay comentarios:
Publicar un comentario