Volver a la barra de carga ¿Son CSS3 y HTML5 el nuevo Flash?

Hoy vamos a discutir un poco acerca de cómo y por qué Flash pasó a ser considerado de forma negativa y cómo podemos evitar recorrer el mismo camino con las tecnologías modernas que lo reemplazan.

Por qué odiamos el flash

Nos guste o no, la web ha activado flash. El ex chico del póster de Internet se ha convertido en un hijastro pelirrojo, que provoca sentimientos de odio en muchos usuarios. Esta marcha fue liderada en gran parte por Steve Jobs y la negativa de Apple a permitir Flash en iOS, pero todos los días los usuarios de la web han tenido mucho tiempo con la tecnología.

Por varias razones, Flash fue increíble. Permitió a los desarrolladores web llevar los sitios web a un nivel de dinamismo que antes era imposible. En lugar de una tierra de páginas estáticas aburridas, Internet se convirtió en un lugar donde eran posibles experiencias verdaderamente inmersivas y verdaderamente futuristas.

Sin embargo, todo esto tuvo un precio. Con el auge de Flash, la web también se convirtió en un lugar con buggy y lentitud. Los sitios web de Flash, por supuesto, requieren el complemento Flash, y si no tiene la última versión, es mejor que vaya a buscarlo o esto no va a funcionar.

Luego vinieron las barras de carga. Los tiempos de carga de la página en sitios Flash puros aumentan de manera exponencial y repentina? Carga: 10%? Cargando: 11%? ? Los hilanderos se convirtieron en parte de nuestra vida cotidiana.

Finalmente, está el problema de la estabilidad. Steve Jobs dijo que la mayoría de las veces, cuando las Mac se bloquean, Flash tiene la culpa. Esto es un poco exagerado, pero el núcleo de la declaración sugiere cierta verdad. Todos hemos experimentado la congelación relacionada con Flash y peor. Tanto es así que mucha gente descarga complementos que bloquean toda la actividad de Flash a menos que se apruebe manualmente.

Sabiduría de Hollywood

En la película Jurassic Park, el especialista en caos Ian Malcom comenta sobre la búsqueda de una isla de dinosaurios vivos, "sus científicos estaban tan preocupados por si podían o no, no se detuvieron a pensar si deberían".

"Sus científicos estaban tan preocupados por si podían o no, no se detuvieron a pensar si deberían". -An malcom

Esta cita es muy apropiada para el ascenso de Flash a la fama. Los desarrolladores estaban tan entusiasmados con lo que podían hacer que se olvidaron de preguntar qué debería hacer. ¿Mejorará Flash la experiencia general o la empeorará? ¿Qué estoy ganando al usar Flash y qué estoy sacrificando? ¿La mayoría de mis usuarios estarán satisfechos con las decisiones que tomé? ¿Qué tan grande es el grupo de usuarios que se perderán y qué opciones tendré para ellos?

Repitiendo la historia

Avance rápido hasta ahora. CSS3 y HTML5 han llegado para salvar el día. Flash está en las cuerdas y recibe nuevos latidos todos los días, ya que vemos ejemplos nuevos e impresionantes de sitios asombrosos creados solo con CSS, HTML y JavaScript.

HTML y CSS están integrados en los navegadores web modernos y son la columna vertebral de la red mundial como la conocemos hoy en día, por lo que poder utilizar estas tecnologías para crear páginas dinámicas es el sueño de un diseñador web hecho realidad.

Sin embargo, a medida que más y más desarrolladores toman estas tecnologías y comienzan a estirarlas hasta los límites, el Síndrome de Jurassic Park comienza a establecerlo. Todos estamos tan preocupados por lo que es posible que es fácil perder de vista lo que está permitido.

Cada vez más a medida que navego por la web, comienzo a ver indicios de que se acerca un futuro similar a Flash. Los tiempos de carga de la página aumentan hasta el punto en que se carga? los mensajes están regresando, las páginas web se están volviendo bastante dependientes del navegador, las animaciones largas están causando que el navegador se bloquee; ¿suena familiar?

No me malinterpretes, soy el primero en levantarme y decir que HTML5 y CSS3 no solo son el futuro de la web, sino la fuente de las mejores tecnologías actuales. Sin embargo, creo que algunas conversaciones sobre precaución son apropiadas si queremos evitar un escenario similar a Flash.

Sí, nuestros nuevos juguetes son increíbles, pero disminuyamos la velocidad por un minuto y hagámonos algunas preguntas importantes antes de la implementación.

Preguntas importantes

La siguiente es una lista aproximada e incompleta de preguntas que debe hacerse antes de implementar ciertas tecnologías de próxima generación en su sitio.

¿Es el propósito experimental / educativo?

Para aquellos de ustedes que están listos para señalarme y para mi oferta semanal de técnicas CSS3, recibo un pase gratis (¿no es eso conveniente?). Mi trabajo es discutir no solo el estado actual de la web, sino también las próximas tendencias y tecnologías. Como resultado, este blog y otro deben estar absolutamente explorando y enseñando nuevas técnicas a medida que surjan.

Como individuo, usted también tiene todo el derecho de experimentar. No hay nada de malo en configurar un área de juegos web o un sitio web personal con características experimentales. El problema surge cuando ha sido contratado para crear un sitio bajo el supuesto de que la máxima compatibilidad del usuario es un objetivo principal. La mayoría de las empresas no se volverán locas al contratarte para crear un sitio que solo sea impresionante para otros diseñadores web y un poco molesto para todos los demás.

¿Qué se gana? ¿Qué se pierde?

Tal como lo recomendé con la implementación de Flash, con cualquier tecnología nueva o experimental, siempre debe sopesar cuidadosamente sus pros y sus contras.

¿Es el beneficio mayormente un impulso estético? ¿Vale la pena un ligero golpe en la usabilidad? ¿Qué tal uno grande? Desde la perspectiva del usuario promedio no diseñador, ¿esta opción se agregará o quitará de la experiencia?

Por ejemplo, digamos que está creando un menú desplegable animado con CSS3 puro en lugar de JavaScript, ¿está haciendo esto porque es más impresionante o porque sabe que realmente puede hacerlo más funcional para más usuarios que si hubiera ido? La ruta JS?

Todo vuelve al dilema de Ian Malcom. Si resulta que tu puede saque un montón de magia web moderna en un sitio, siempre pregúntese si debería.

A veces, los avances en realidad ayudarán a optimizar su sitio y lo harán aún más utilizable, otras veces se encontrará con un código abultado y una página lenta mientras agita su anuncio de progreso. Solo sé honesto contigo mismo y decide dónde trazar la línea.

¿Algún usuario se perderá?

Supongamos que desea implementar algunas animaciones de fotogramas clave de Webkit (uno de mis elementos favoritos de CSS3) en un sitio de cliente. ¿Primero analiza sus análisis para ver cuántos usuarios que no pertenecen a Webkit se quedarán al margen?

La compatibilidad del navegador era un problema importante antes de HTML5 y CSS3 y ahora solo es peor. Sin embargo, la misma lógica que siempre hemos usado se aplica. Solo asegúrate de diseñar con cada navegador principal en mente. En lo que a mí respecta, no debería sentirse mal por la implementación de trucos y efectos específicos del navegador, solo asegúrese de que otros usuarios aún tengan una experiencia sólida.

Obviamente, estamos hablando de mejora progresiva. Comience con una línea de base de funcionalidad y estética que funciona en todos los principales navegadores, entonces agregue extras especiales para aquellas personas con visión de futuro que utilizan un navegador verdaderamente moderno.

Conclusión

En resumen, me encantan HTML5 y CSS3. Paso mucho tiempo experimentando y estirando los límites de lo que creía que era posible. Sin embargo, cuando se trabaja en real En los proyectos, siempre me cuido de ir por la borda y crear un sitio que no solo parece que fue creado con Flash, sino que actúa como tal.

Deje un comentario a continuación y háganos saber cómo enfoca el uso de las nuevas tecnologías en los sitios de los clientes. ¿Está aceptando completamente HTML5 y CSS3 o simplemente los está apelando de manera selectiva donde se pueden realizar mejoras genuinas?