banner_blooog

Diseño | La progresiva desaparición de las webs Flash
La progresiva desaparición de las webs Flash
Lunes 12 de Abril de 2010 10:21

smashingmagazine_logoInteresante artículo de Samshing Magazine sobre el crecimiento de html5 y el decrecimiento de Flash

Si usted quiere "volverse grande" visualmente con un sitio web, ofreciendo una interacción compleja y rica experiencia en una amplia gama de navegadores, Flash es el único camino a seguir. , ¿No? Nope. Dada la amplia adopción y los avances de los navegadores modernos y bibliotecas de JavaScript, la utilización de Flash no tiene mucho sentido. Pero tiene su lugar en la Web, teniendo en cuenta la necesidad de una mejora progresiva.

En el panorama actual de la tecnología y el acceso a Internet a través de dispositivos tales como marcos, netbooks, teléfonos celulares y televisores, los beneficios de los estándares web superan las de Flash, sobre todo cuando la entrega de contenido a un público amplio en varios dispositivos.

Flash es un especialidad que se encuentra en la parte superior del navegador para ampliar la funcionalidad. Mientras que Flash puede haber ofrecido la funcionalidad que falta desde hace algún tiempo, aporta poco valor para los navegadores modernos. Como desarrolladores más y más diseñadores y hacer realidad los beneficios de los estándares web y comenzar a usar algunas de las características de HTML5 y CSS3, vamos a ver menos sitios web Flash-conducido.

[Offtopic: Por cierto, ¿sabía usted que Smashing Magazine tiene una versión para móviles? Inténtelo hacia fuera si usted tiene un iPhone, Blackberry u otro dispositivo capaz.]

El Flash vs Gran Debate Estándares Web

Los defensores han evangelizado estándares Web para más de 10 años. El debate entre los desarrolladores y diseñadores a menudo se lo calienta a medida que el debate sobre el matrimonio entre personas del mismo sexo, causando divisiones incómoda entre algunas de las personas más inteligentes en el campo.

A1 in The Gradual Disappearance Of Flash Websites

Con el reciente anuncio de la falta de apoyo de IPAD Flash y la continua falta de ella en el iPhone, el debate se ha extendido más allá de la comunidad de desarrollo que incluyen a Adobe y Apple sí mismos. Con la postura anti-Flash de Apple, se ha vuelto demasiado difícil argumentar de un sitio web basado en Flash por completo cuando se dejaría fuera a una audiencia potencialmente grande.

Finalmente, Flash lo hará a los dispositivos móviles (250 millones de dispositivos se espera que tengan apoyo total a finales de 2012), Pero eso es realmente sólo una pequeña parte del debate y uno de los mejores argumentos que los defensores de los estándares web tiene.

En el corazón de la cuestión es cómo ofrecer una gran experiencia para los usuarios sin importar la tecnología o la plataforma.

"HTML5 vs Flash" es la discusión equivocada. "Accesible rich media" es la correcta.

- Jeffrey Zeldman (a través de Gorjeo)

Al final, todos estamos tratando de crear sitios web que pueden ser consultados y usados, independientemente de las herramientas que utilizamos para alcanzarlos.

Competencia sana

En los primeros días de la Web, Flash era casi la única manera de entregar una rica experiencia a través de diferentes navegadores y plataformas. CSS y JavaScript de manera incompatible con el apoyo en todos los navegadores, y apoyándose en ellas fue no vale la pena.

A2 in The Gradual Disappearance Of Flash Websites
(Foto: Erik Charlton)

Flash vio un gran éxito desde el principio y avanzó rápidamente. La aplicación pequeña que una vez realizadas esencialmente animaciones se convirtió rápidamente en un entorno de desarrollo digna por derecho propio. Los desarrolladores y diseñadores optaron por concentrar sus esfuerzos en esa área, a menudo se la segregación de la Web abierta y el respaldo de la tecnología patentada. Web site de destello se hizo cargo de la Web, y los estándares web no permiten a los desarrolladores a crear las experiencias que los usuarios están empezando a esperar.

estándares de la Web pueden haber caído detrás de una vez, pero continuó siendo impulsado por los profesionales y quienes están dispuestos a abrazar la idea de una Web abierta.

Estándares Web: beneficios y las razones para su aprobación

Los usuarios esperan experiencias ricas y, en muchos casos, estas grandes experiencias están siendo entregados con HTML, CSS y JavaScript, que son la base de estándares Web.

A3 in The Gradual Disappearance Of Flash Websites
(Foto: El Ejército de los EE.UU.)

La línea entre los sitios web desarrollados con Flash y estándares de la Web se ha ido desdibujando. A primera vista, incluso los más inteligentes desarrolladores que tienen dificultad para discernir qué tecnología se utilizó para un sitio web sin espiar en la fuente.

La lista de sitios web que están abandonando Flash en favor de los estándares Web está creciendo cada día. Aunque estas decisiones están impulsadas por la IPAD iPhone y la falta de Flash, que pronto cosechar los otros beneficios que traen los estándares web.

Tendencias actuales

Lo que antes se podía hacer casi exclusivamente en Flash es ahora fácilmente con Javascript y un poco de ingenio. Lightboxing, desplazamiento noticias, navegación ricos y slideshows de imágenes alguna vez fueron exclusivamente el dominio de Flash. La adopción generalizada de las normas es fácilmente atribuible a la facilidad de uso de bibliotecas JavaScript para mejorar la interacción y el apoyo actual de CSS entre navegadores.

El video ha sido un paso importante en el movimiento hacia delante estándares Web. Video es una de las pocas cosas que podrían ser entregados por una sola vez en Flash. El mayor salto ha sido hasta ahora YouTube'S adopción del elemento de vídeo HTML5 (aunque en versión beta), permitiendo que los navegadores modernos para evitar el plug-in Flash y el uso de vídeo nativo para el jugador del navegador.

video HTML5 ha encontrado controversia (gracias a la corriente debacle de codec) E informes de desempeño poco impresionante, pero estas cuestiones se van a elaborar. los desarrolladores de sitios web de vídeo aplicar HTML5 y elegir un codec apropiado. Cuando los mayores sitios web tomar esta decisión, vamos a terminar con un estándar de facto que le da un mejor rendimiento de los navegadores.

Aprobación del navegador moderno

HTML5 y CSS3 representan un gran esfuerzo para avanzar en el rendimiento del navegador nativo, y muchos proveedores de búsqueda ya están implementando sus especificaciones, incluso a través de ellos no han sido grabados en piedra. Tenemos mucho que esperar con la animación CSS, lienzo, almacenamiento local, la geo-localización y otras especificaciones que traerá estándares Web en una nueva era.

A pesar de que pasarán muchos años antes de que veamos el 100% de las especificaciones emergentes implementado en los navegadores y ver la gran mayoría de los usuarios se actualicen a los navegadores, si aceptamos la mejora progresiva de los contenidos, estamos bien encaminados a impulsar la adopción de los los desarrolladores.

Mejora progresiva

Aprender a producir contenido mejorado progresivamente, dando el renderizado de píxeles perfecta en todos los navegadores, y abrazando a la degradación agraciada en navegadores antiguos puede liberar tiempo para concentrarse en otras áreas del desarrollo, tales como la accesibilidad y el agnosticismo de plataforma de entrega.

A15 in The Gradual Disappearance Of Flash Websites
(Foto: Unobtrusify.com)

Si los usuarios de su sitio web no tiene habilitado JavaScript o CSS, todavía puede tener acceso y disfrutar de sus contenidos de forma más limitada, a diferencia de sitios web Flash, que no suelen ofrecer los contenidos en la ausencia de Flash o JavaScript.

Diseñar con la mejora progresiva en la mente y la creación desde cero requieren diseñadores y desarrolladores a pensar más en la infraestructura de un sitio web, por lo que normalmente expone los tipos de cuestiones que surgen cuando se trabaja de arriba hacia abajo (es decir, el diseño de una página web y luego considerar la caída de la espalda).

Teléfono inteligente navegadores y entrega de contexto

La web móvil está todavía en su infancia y por lo general una idea de último momento en el proceso de diseño, pero los diseños basados en estándares puede degradar como muy bien en los teléfonos como lo hacen en los navegadores de escritorio más. En ausencia de Flash plug-in, un sitio web todavía puede ofrecer una experiencia excepcional, sin mucho esfuerzo adicional (que sería engorroso con un sitio web Flash).

Navegación móvil Web está creciendo exponencialmente, y haciendo caso omiso de estos usuarios es imprudente. Los estándares Web son la única opción para ofrecer interacciones más ricas en los navegadores móviles.

Gestión de Contenidos

Dar a propietarios de sitios web y editores la posibilidad de editar contenidos interactivos dentro de un sistema de gestión de contenidos significa no tener que coordinar con los desarrolladores de Flash para crear y mantener contenido fuera del sistema. Muchas agencias de haber dejado de Flash para sitios web WordPress potencia que el uso de JavaScript para mejorar la experiencia, lo que permite actualizaciones rápidas y fáciles de carteras y el contenido.

Franqueza

Los estándares Web son lo que son (es decir, un acuerdo estándar sobre el código de cómo se construye y se sirve), los agentes de usuario y scripts desde fuera de un sitio web puede ser escrito a los datos de acceso directamente desde el código HTML. Los motores de búsqueda, microformatos, se alimenta, la traducción y bookmarklets todo el trabajo debido a la naturaleza abierta y la coherencia entre los datos.

A8 in The Gradual Disappearance Of Flash Websites
(Foto: Papá de Mónica)

Si queremos que la web sea realmente escalable e interconectado, a continuación, los microformatos y microdatos y APIs para contenido podría ser la respuesta. De lo contrario, nos quedaremos en la misma posición que estábamos hace años, cuando sitios web erigido muros alrededor de su contenido.

Libertad

Muchas personas creen que la tecnología detrás de la Internet debe ser abierto y competitivo, no como lo ha sido en el pasado. La gente debe tener libertad para consumir y crear información, Sin estar atado a las restricciones de tipo de licencia y legalidades visto con gente como Flash, Silverlight y otras tecnologías de propiedad corporativa.

La creación y entrega de contenido Web con las normas no sólo es la mejor solución tecnológica sino que apoya la libertad de una Web abierta.

Flash hace y seguirá haciendo, muchas cosas bien

El hecho de que sitios web Flash-conducido están desapareciendo gradualmente, no significa que Flash va a desaparecer completamente. Demasiado mucho contenido y la infraestructura se han creado a desaparecer por arte de magia. Sin vasta reestructuración o reasignación de las organizaciones y procesos, muchos desarrolladores de Flash continuará siendo empleado, y un montón de publicidad Flash se dirigirá a aquellos dispuestos a pasarlo por alto.

Le debemos mucho a Flash para hacer la Web lo que es hoy, y merece que el crédito. A pesar de que mostraron un menor potencial en comparación con los otros plug-in de tecnologías, como los applets de Java, que surgió desde el principio, tenía un buen equilibrio entre la entrega sin fisuras a los usuarios y la facilidad de desarrollo y despliegue. Muchas otras tecnologías Web, como VRML y SVG, han tratado de vencer el Flash en la web, pero no han dejado de estado a la altura.

¿Dónde estaría la Internet sin flash y las innovaciones que trajo?

Facilidad de uso

Fuera de la puerta, Flash era intuitivo y fácil de usar, tanto para los diseñadores y desarrolladores, ofreciendo el más simple de animaciones, sin embargo, capaz de escalar para servir aplicaciones complejas.

A13 in The Gradual Disappearance Of Flash Websites
(Foto: * * EJK)

Debido a su facilidad de uso, Flash representa un obstáculo menor para la entrada de los diseñadores y desarrolladores en ciernes. Y junto con la suite de aplicaciones de Adobe, Flash se adapta bien en el flujo de trabajo del diseñador.

Consistencia

No se puede argumentar con el hecho de que durante muchos años ha sido el Flash única manera de asegurar la interacción rica en una forma consistente a través de una amplia gama de plataformas y navegadores. Sigue siendo la única manera de distribuir vídeo y audio a los navegadores más antiguos, y conservará su trono por varios años más.

Si usted es un purista de cada fuente y la demanda de los especiales para su sitio web, entonces usted estará triste por la situación actual de ayuda de la fuente en el navegador. Esta deficiencia deberá ser compensada por Flash y SWFObject hasta @ font-cara y varios formatos de fuentes cada vez más amplio respaldo.

Normas No hay bastante

Por mucho que han avanzado los estándares web, estamos pegados a menudo tener que soportar los navegadores antiguos en los que Flash puede ser la única forma de entregar interfaces de audio, datos, video pesada y compleja. Gracias a la adopción de principios de los proveedores de navegador de Internet, podemos empezar a utilizar el HTML5 etiquetas de audio y vídeo en la actualidad. Pero todavía tenemos un plan para un flash de resguardo para entregar medios de comunicación en los navegadores antiguos.

Lo mismo podría decirse para el elemento de tela para la entrega de visualización complejos, animación en 3-D y juegos. Si un navegador como Internet Explorer 6 debe ser apoyado, proporcionando una decente de retroceso para el elemento de tela puede ser complicado. Flash podría ser la mejor opción para el desarrollo en estos casos. Como siempre, su público actual y potencial debe determinar su dirección.

Progresivamente mejorada Flash y Flash inyección

Los mejores desarrolladores de Flash adoptar el mismo enfoque que la multitud los estándares web, la utilización de Flash como una capa para mejorar sus sitios web y aplicaciones. Si esto continúa, Flash seguirá teniendo un lugar en la entrega de una gran experiencia, sirviendo a los dispositivos móviles y llegar a los motores de búsqueda y otras tecnologías de agente de usuario. El Flash técnica de inyección es la forma más fácil de fundir lo mejor de ambos mundos.

El futuro de Flash

Adobe no ha sido nunca el tipo de empresa para que un producto estancado. Usted puede estar seguro de que seguirá presionando para obtener Flash como en muchos dispositivos móviles como sea posible.

A14 in The Gradual Disappearance Of Flash Websites
(Foto: Robert Weissenberg)

Con Creative Suite 5, los desarrolladores serán capaces de proyectos de Flash de salida como aplicaciones nativas usando el iPhone iPhone Empaquetador. Y Flash pronto puede evolucionar desde sus primeras raíces como una aplicación de animación a un escritorio de pleno derecho y el medio ambiente de desarrollo de aplicaciones móviles con la ayuda de AIR y los avances relacionados (AIR podría llegar al espacio móvil bastante rápido).

Los desarrolladores de Flash es probable que se de la demanda aún mayor, ya que la demanda para ofrecer aplicaciones consistentemente entre el escritorio y dispositivos móviles incremento-aunque no se les pide para crear sitios web run-of-the-mill.

Flash, HTML, CSS y JavaScript son sólo herramientas

Los estándares web y Flash (y otras tecnologías de plug-in) son simplemente herramientas para crear contenido para la Web. Aunque Flash es en descenso para los sitios web, los desarrolladores de Flash no tienen razón para preocuparse acerca de convertirse en obsoletas.

Todo lo que es cierto para la creación de aplicaciones ricas de Internet es válido para cualquier otra herramienta que utiliza, y la transición a la Web de desarrollo de normas puede ser más fácil que usted piensa.

A16 in The Gradual Disappearance Of Flash Websites
(Foto: kansas_city_royalty)

Flash y los desarrolladores de los estándares web tienen más en común de lo que no. Interfaz y el diseño de interacción, tipografía, maquetación, diseño gráfico y programación orientada a objetos mantienen plena vigencia y es importante para ambas tecnologías.

Los desarrolladores de ambos lados del espectro de la lucha con muchas de las mismas cuestiones. Ambos se propuso crear una gran experiencia de usuario, el diseño de interacción intuitiva y fácil de crear sitios web para los usuarios. Todo esto se hace no por la tecnología misma, sino por la gente detrás de él.

Páginas web basado en estándares que brillan

Éstos son algunos ejemplos de sitios web que han adoptado los estándares web y ofrecer una rica interacción. Si desea mantenerse al día con las tendencias actuales, muchos grandes sitios web basados en estándares se ofrecen en los sitios web como escaparate NotCoffee y jQuery Estilo.

Paloma y Pigeonette
Este sitio web tiene una sola página que las transiciones durante la navegación. Además de ser informativo, ofrece un par de juegos en Flash.

S1 in The Gradual Disappearance Of Flash Websites

Buenas Obras Media
Un sitio web de agencia con una página web de acordeón y caja de luz de la cartera.

S3 in The Gradual Disappearance Of Flash Websites

Hecho por elefante
Un sitio web de cartera minimalista con un acordeón horizontal.

S5 in The Gradual Disappearance Of Flash Websites

Euna (Traducción Inglés)
Un sitio web en una sola página con muy "elástica" transiciones.

S6 in The Gradual Disappearance Of Flash Websites

Artopod (Traducción Inglés)
Un diseño retro, con una altura fija "ventana" sobre el contenido.

S7 in The Gradual Disappearance Of Flash Websites

DreamerLines
Negrita, colores, imágenes de pantalla completa en una sola página, con una cartera caja de luz.

S8 in The Gradual Disappearance Of Flash Websites

Serial Cut
Principalmente a pantalla completa de imágenes de una cartera que incluye 3-D, diseño gráfico y fotografía.

S9 in The Gradual Disappearance Of Flash Websites

Alfa-Bank: U2 (Traducción Inglés)
El diseño principal y los cambios de fondo las imágenes durante la navegación.

S10 in The Gradual Disappearance Of Flash Websites

Kobe
Un sitio web más tradicionales pero con efectos sutiles de navegación y las transiciones de imágenes y contenido.

S11 in The Gradual Disappearance Of Flash Websites

Unowhy (Traducción Inglés)
Otro sitio web del acordeón, con transiciones suaves y contenido de un montón de "flotar" efectos.

S12 in The Gradual Disappearance Of Flash Websites

La gente de Creative
Muy creativo imágenes, pesados en el AJAX, con muchos ejemplos de trabajo del estudio.

S13 in The Gradual Disappearance Of Flash Websites

Mundial de Merix
Un mapa que pueden arrastrarse a pantalla completa de clientes de la agencia, con una caja de luz suave para el contenido.

S14 in The Gradual Disappearance Of Flash Websites

El Sesenta Uno
Mucho una solicitud, el servicio de música streaming que permite navegar por los artistas e información relacionada. Como usted escucha, la información aparece en la banda.

S15 in The Gradual Disappearance Of Flash Websites

Banadies Architech
Un sitio web destaca la labor de una empresa de arquitectura. Con cada clic en el menú de navegación, la página se desplaza con elegancia en todo.

S16 in The Gradual Disappearance Of Flash Websites

Paul J. Noble
Un sitio web cartera de oscuro, con un enfoque interesante para la navegación.

S17 in The Gradual Disappearance Of Flash Websites

Adult Swim Shows
La reactivación reciente, con imágenes de pantalla completa para la navegación.

S20 in The Gradual Disappearance Of Flash Websites

Glyde
Un sitio web mercado con una interfaz sencilla, la navegación carrusel de productos y cajas de luz para obtener una descripción detallada.

S21 in The Gradual Disappearance Of Flash Websites

Alex Artes
Personal de la cartera de Alex Abramov, con imágenes de pantalla completa y el contenido local.

S22 in The Gradual Disappearance Of Flash Websites

Rix
expediente personal de Adán Rix. Pantalla completa de imágenes y la navegación sutil.

S23 in The Gradual Disappearance Of Flash Websites

Eric Johansson
Un expediente personal y con un diseño divertido y una interfaz de desplazamiento.

S24 in The Gradual Disappearance Of Flash Websites

Páginas web del organismo (Cerca) Futuro

Éstos son algunos de "experimental" sitios web que muestran lo que está haciendo posible con estándares Web. Tenga cuidado: estos pueden trabajar sólo en las más modernas de los navegadores. Para mantenerse al día con las nuevas páginas web basadas en estándares, echa un vistazo a CanvasDemos y Los experimentos Chrome.

Bespin
Un editor de código en línea de Mozilla.

F1 in The Gradual Disappearance Of Flash Websites

Bloc de dibujo
Un programa de pintura simple.

F2 in The Gradual Disappearance Of Flash Websites

Javascript Wolfenstein 3D, A partir de Nihilogic
El clásico juego creado con estándares Web.

F3 in The Gradual Disappearance Of Flash Websites

Hoja de transformación, A partir de Disegno Cetell
Una simple hoja cayendo usando el elemento canvas.

F4 in The Gradual Disappearance Of Flash Websites

Lienzo Demo Animación
Una animación de dibujos animados usando el elemento canvas

F5 in The Gradual Disappearance Of Flash Websites

Experimento lienzo, A partir de 9elements
Una visualización de audio que reacciona al ratón.

F6 in The Gradual Disappearance Of Flash Websites

Ball Pool
Una demostración basada en la física que le permite arrastrar y empujar en círculos multicolores.

F7 in The Gradual Disappearance Of Flash Websites

Contenido Dinámico de inyección, A partir de Paul Rouget de Mozilla
Un "casi" demostración de realidad aumentada que inyectan las imágenes en un vídeo.

F8 in The Gradual Disappearance Of Flash Websites

Canopy Animación
Una visualización de un árbol que florece y muta.

F9 in The Gradual Disappearance Of Flash Websites

Haba
Imágenes que cae sobre la pantalla.

F10 in The Gradual Disappearance Of Flash Websites

3-D cubo Demo
Un cubo arrastrar, zoom 3-D de colores.

F11 in The Gradual Disappearance Of Flash Websites

Activar JavaScript para bicicletas
Un juego en el que se desplaza de la motocicleta a través de un terreno.

F12 in The Gradual Disappearance Of Flash Websites

Comentarios de visualización
Una visualización de los comentarios a través del tiempo por Matt Ryall uso Processing.js.

F13 in The Gradual Disappearance Of Flash Websites

HTML vs Recursos Flash

Aquí están algunos artículos bastante reciente. Asegúrese de revisar sus comentarios.

blog comments powered by Disqus