El adiós definitivo a Flash

Lo recuerdo muy bien, hace años, unos 10 o 15 años, si no sabías Flash, si no creabas un sitio web con Flash era un inútil, un paleto del desarrollo web.

Ahora leo con regocijo el artículo Adobe dejará –por fin– de dar soporte a Flash en 2020.

En realidad en el año 2015 ya escribí El adiós de Flash. Pero nunca está de más disfrutar de la desaparición de una tecnología que nunca debería haber existido (bueno, realmente sí que ayudó a expandir el uso de la Web, ayudó a que la Web fuese más popular, pero era una mala solución).

El adiós de Flash

En Adobe entierra final y formalmente Flash que será sustituido por Adobe Animate CC podemos leer el siguiente fragmento de un anuncio de Adobe:

Actualmente los estándares abiertos como HTML5 han madurado lo suficiente como para igualar las capacidades de Flash. Nuestros clientes han manifestado su deseo de que la aplicaciones de Adobe evolucionen y soporten los estándares web y a eso nos comprometemos. De modo que a partir de ahora Adobe Flash Professional pasa a denominarse Adobe Animate CC, la herramienta de animación web de Adobe para desarrollar contenido HTML5 manteniendo la compatibilidad con Flash. Adobe Animate CC estará disponible a principios de 2016.

 

 

Desinstala Flash, ya, ahora mismo

Sobre la tecnología Flash he escrito varias veces. La entrada de este blog que más comentarios ha recibido ha sido una sobre Flash, ¿Por qué es malo Flash? Porque no es una página web. Por los comentarios, parece que todavía existe mucha gente que “ama” Flash. Como se suele decir, para gustos los colores, o los palos a gusto no duelen, jajaja.

Bueno, una lectura más para entender que Flash, en la actualidad, en el año 2015, es una muy mala opción: Qué está ocurriendo con Flash, y por qué debes desinstalarlo ahora mismo:

Ya no es una cuestión de snobismo, ni de apostar por otros formatos libres, o más cool. Es hora de poner fin a la larga agonía de una plataforma de software que es una fuente inagotable de problemas. Puedes elegir desinstalarlar Flash o solo desactivarlo por si acaso. Hagas lo que hagas, no lo vas a echar de menos.

¿Por qué es malo Flash? Porque no es una página web

Ayer escribí la entrada ¿Por qué es malo Flash? y dejé pendiente mi respuesta.

Podría echar mano de lo que dicen otros, como por ejemplo:

  • Los seis motivos de Steve Jobs para rechazar Flash (aunque da risa que uno de los motivos sea que Apple defiende los estándares abiertos, jajaja, ¡qué chiste más bueno!)
  • No debes utilizar Flash para adornar una página. Si tu contenido es aburrido, reescríbelo y contrata a un fotógrafo profesional para hacer mejores fotos. No hagas que tus páginas se muevan. (Jakob Nielsen)

Pero mejor voy a contar una historia, para que sea más personal…

La primera vez que vi una página hecha con Flash, debió ser por el año 1998 o 1999 pensé “¿cómo diablos se hace esto? Yo no puedo hacer esto con lo que sé de HTML y JavaScript” (en 1998, CSS era un desconocido).

Sin embargo, al ver el código fuente de la página, mi sorpresa y admiración se transformó instantáneamente en una sensación de engaño. “¡Esto no es HTML! ¡Esto no es una página web” grité.

Hacer una página web con Flash es como hacer una página web con un applet de Java, o hacer una página web con VRML, o con cualquier otro plugin similar o hacer una página web que simplemente muestra un vídeo: ESO NO ES UNA PÁGINA WEB. Como dice la definición de applet en la Wikipedia:

Un applet es un componente de una aplicación que se ejecuta en el contexto de otro programa, por ejemplo en un navegador web. El applet debe ejecutarse en un contenedor, que le proporciona un programa anfitrión, mediante un plugin, o en aplicaciones como teléfonos móviles que soportan el modelo de programación por “applets”.

Ya está, no le des más vueltas: hacer una página web con Flash no es hacer una página web (la página web simplemente hace de contenedor), es simplemente, hacer algo con Flash, ponerlo dentro de una página web y punto.

En los últimos años, gracias al diseño adaptativo o adaptable (responsive design) mucha gente está empezando a darse cuenta de lo que realmente es la Web. Es triste, porque han hecho falta 20 años para que mucha gente se dé cuenta, pero por fin, parece que se ha logrado. La Web no es un folleto, no es una hoja de papel, no es una cartulina, no es una valla publicitaria, no es nada de esos medios en los que conoces el tamaño de la superficie en la que tienes que trabajar para hacer tu diseño. NO, UNA PÁGINA WEB NO TIENE UN TAMAÑO FIJO. Seguro que con Flash también se podría hacer un diseño adaptable, pero nunca lo he visto, porque Flash te hace creer que tu página tiene un tamaño fijo (repito, seguro que se podría hacer adaptable… pero nunca lo he visto).

Pero hay otras razones más importantes…

Una razón muy importante: FLASH NECESITA QUE EL USUARIO TENGA INSTALADO UN PLUGIN. Y no siempre han existido plugins de Flash para todos los navegadores y todos los sistemas operativos. Y los plugins dan muchos problemas y hay que estar actualizándolos constantemente.

Además, y quizás más importante: FLASH ES UN SOFTWARE PROPIETARIO. No es un estándar, no es abierto, no es libre, es un producto comercial.

Todas estas razones son totalmente contrarias al espíritu de la Web. Flash y otras cosas parecidas han sido y siguen siendo totalmente opuestas a lo que debe ser la Web.

Y si quieres más razones, tienes el ejemplo que mostraba ayer en la entrada ¿Por qué es malo Flash?, que tenía graves problemas de accesibilidad y posicionamiento, aunque respecto a esto quiero hacer una puntualización muy importante: también se puede y se hacen las cosas mal con sólo HTML, CSS y JavaScript; sin embargo, por su naturaleza, con Flash es mucho peor (por ejemplo, durante muchos años era imposible hacer algo accesible con Flash, y aunque ya se puede, sigue siendo difícil y pocos desarrolladores lo saben hacer).

¿Necesitas más razones?

Sin embargo… bien usado, Flash no es tan malo. Cuando se usa como un complemento, por ejemplo en una tienda online para que un usuario pueda interactuar con un producto y “sentir” cómo es ese producto, entonces sí que es una buena opción. Es decir: Flash es bueno cuando aporta algo más, pero si lo quitas no pasa nada porque sigue existiendo la página web y el usuario puede seguir navegando y recibiendo la información esencial.

Desgraciadamente, muchos desarrolladores no lo entienden así y hacen sitios web en los que elementos esenciales como la barra de navegación o el listado de productos están hecho en Flash, o mucho peor, todo el sitio web está hecho en Flash.

Malo, no, malísimo.

¿Por qué Flash es malo?

AVISO: si eres amante de (Macromedia) Adobe Flash, mejor no sigas leyendo…

Llevaba tiempo queriendo escribir sobre lo malo que es Flash, y gracias a un correo electrónico me lo han puesto “a huevo”. El correo es (lo copio tal cual):

Estimado Sergio,

me pongo en contacto contigo para saber si puedes ayudarme.

Tengo problemas en el buscador de Google con el Title de mi web.

La diseñé en Flash y la guarde sin ponerle en;

el título en cuestión. Solo ponía Index. Y al darme cuenta en el buscador de

google del error, modifique el código html, en Dreamweaver, poniendo: La Serradora.

Una web de empresa. Pero sigo teniendo el mismo problema.

Cuando busco en Google, laserradora.es, aparece INDEX en title y no me cambia al enunciado.

Podrías ayudarme.

Gracias.

Y mi respuesta:

Hola xxxx.

Flash… hace años ya no era una buena idea para hacer sitios web, y ahora mucho menos.

Sí, he visto el problema que tienes en Google, y he visto que en la página tienes puesto el <title> como comentas, así que ahora sólo es cuestión de esperar: hasta que Google no vuelva a visitar tu sitio web, no se actualizará el title. Se supone que con las Herramientas para webmasters de Google puedes de alguna forma forzar a que Google te vuelva a visitar.

Te recomiendo que pongas contenido alternativo en tu página en formato HTML: aumentarás la accesibilidad de la página y Google tendrá más contenido para indexar, será más fácil que te encuentren por Internet y tendrás más negocio, que es lo que se supone que buscas al tener una página web.

¡Un saludo y suerte!

¿Qué le pasa a laserradora.es?

Vamos a intentar buscarla en Google y voy a usar algunas palabras clave que aparecen en este sitio web (buscar simplemente “la serradora” es demasiado genérico):

“la serradora carpinteria”:

“la serradora granada”:

“la serradora artesanía en madera”:

“la serradora trabajos a medida”:

Como se ve, un completo desastre, es imposible encontrar este sitio web, no aparece en Google, lo busques como lo busques.

¿Qué está pasando? ¿Qué pasa si buscamos “laserradora.es”?

¡Sí que existe y aparece la primera! Claro, faltaría más, estamos haciendo una búsqueda exacta del dominio.

Pero aquí aparece el problema que me comentaban en el correo electrónico: el título de la página aparece como “index” (y además no aparece el típico resumen que incluye Google con cada resultado).

El problema está explicado en el correo: este sitio web está hecho con Flash, la página web es un mero contenedor del objeto Flash, y como no tenía contenido, Google no indexaba nada. Ahora parece que lo han arreglado y ya tiene un título y una descripción (meta description) pero tendrán que esperar a que Google les vuelva a visitar.

¿Y por qué es malo Flash? Mañana lo contaré…

Flash, ¿para qué?

Flash should not be used to jazz up a page. If your content is boring, rewrite it and hire a professional photographer to shoot better photos. Don’t make your pages move.

Traducción:

No debes utilizar Flash para adornar una página. Si tu contenido es aburrido, reescríbelo y contrata a un fotógrafo profesional para hacer mejores fotos. No hagas que tus páginas se muevan.

Prioritizing Web Usability. Jakob Nielsen, Hoa Loranger. New Riders, 2006.

Consulta de un arquitecto que hace páginas web

Hoy he recibido este correo electrónico:

Buenos dias Sergio,
He visto tu interesante video sobre HTML5 y tengo algunas dudas. Yo soy arquitecto (también de la UA) acabé hace un año y me estoy dedicando al mundo del webdesign. Ya he realizado una web en Francia (dirección eliminada) con los programas Flash y Dreamweaver que aprendí de manera rudimentaria. Ahora me estoy implicando en un proyecto más importante y necesito saber usar el nuevo lenguaje html5 que es más compatible. Mi pregunta es: Se pueden crear HTML5 con Dreamweaver? Puedo exportar animaciones flash a html5? Cual es el mejor programa para la edición de html5??
Espero que puedas guiarme un poco, te lo agradecería.
Muchas gracias

No me importa contestar las dudas de la gente, y no me importa contestar a esta persona, porque si es arquitecto y se tiene que dedicar a hacer páginas web, lo siento por él. España no es un buen país para arquitectos en la actualidad. Pero mi contestación es un poco agresiva por venir de un arquitecto (también pensaría lo mismo si viniese de un abogado, de un médico o de otros parecidos):

¿Arquitecto? ¿Arquitecto de la información? ¿O arquitecto de ladrillo y cemento? Porque si eres de esto último, supongo que defenderás tu profesión y no te gustará el intrusismo. Pues lo mismo pensamos muchos otros de nuestras profesiones 🙂

En cualquier caso, te contesto por simpatía, porque te estás dedicando a hacer páginas web, aunque si yo actuase como suelen actuar la mayoría de los arquitectos (no digo que todos sean como Santiago Calatrava, alguno decente habrá), ya te estaría pasando mi minuta antes de abrir la boca. Pero intuyo que tú no eres de esa calaña.

¿Flash? ¿Qué es Flash? Para mí Flash no existe, sólo son problemas. Olvídate de Flash. Flash es para los que no tienen ni puñetera idea de qué es la Web y de cómo se hacen las páginas web realmente.

“¿Se puede crear HTML5 con Dreamweaver?” Sí, pero Dreamweaver tendrá el control sobre las páginas que hagas, tú no lo tendrás. Por ejemplo, pasa lo que me comentas, si estás usando una versión antigua de Dreamweaver, olvídate de HTML5: tú no escribes el código, lo escribe Dreamweaver, a no ser que uses la edición directa del código HTML, en cuyo caso no necesitas Dreamweaver, podrías usar un programa tan simple como el “Bloc de notas”. Así que, la contestación a “se puede crear HTML5 con Dreamweaver” depende de muchas cosas.

“¿Puedo exportar animaciones Flash a HTML5?” Sí, hay varios programas para ello. Incluso Adobe tiene un par de herramientas para ello, Wallaby y HTML5 Converter for Adobe Captivate. También existe Adobe Edge, una herramienta para crear contenido animado e interactivo utilizando HTML5, CSS3 y JavaScript. Pero no he usado ninguna de ellas.

“¿Cuál es el mejor programa para la edición de HTML5?” Ni idea, yo soy como Chuck Norris, yo no escribo HTML5, yo hablo en HTML5. Pero si te enteras de cuál es el mejor programa para escribir HTML5 en la actualidad, vuelve a escribirme, me lo cuentas y lo comparto con la gente que conozco.

Un saludo y suerte.

Adobe Edge

Mientras que algunos ya dan por muerto a Adobe Flash, en otros sitios (Reports of Flash’s Death Have Been Greatly Exaggerated) podemos leer que aún le quedan años.

Sin embargo, hasta la propia Adobe se ha subido al carro de HTML5 y acaba de sacar Adobe Edge Preview, que permite crear animaciones con HTML5, CSS3 y JavaScript. En concreto, las principales características de Adobe Edge son:

This version of Edge focuses primarily on adding rich motion design to new or existing HTML projects, that runs beautifully on devices and desktops.

  • Create new compositions with Edge’s drawing and text tools.
  • Import popular web graphics such as SVG, PNG, JPG or GIF files.
  • Easily choreograph animation with the timeline editor. Animate position, size, color, shape, rotation and more at the property level.
  • Energize existing HTML files with motion, while preserving the integrity of CSS-based HTML layouts.
  • Copy and paste transitions, invert them, and choose from over 25 built-in easing effects for added creativity.