QEPD Flash

O como aprendí a dejar de preocuparme y amar el HTML

qepd-flash-leoprieto-com.gif

  • Aló, Leo?
  • Si, quien habla?
  • Hola, mi nombre es __________ soy amigo(a) de ________ y te llamo por que estoy empezando un(a) ________ y como sabes es muy importante tener una página web arriba lo antes posible. Me dijeron que tu me podías ayudar.
  • Si, yo hago páginas web, pero todo depende de que tienes en mente.
  • Algo muy simple y fácil, así como una presentación en Flash que te explique como funciona _________ y ojalá con música para que quede clara la onda de __________.
  • (túúú-uut, túúú-uut, túúú-uut)

Antes que nada si te identificas con la persona que llama por teléfono para pedir Flash, te ruego me disculpes, toda semejanza es intencional.

Hace casi 10 años hice mi primera página web, en el mismo lenguaje que, 10 años después, estamos utilizando para hacer las páginas más modernas: HTML. Así como las fotos son JPG, los archivos de Word son DOC, las páginas web son, HTML. Pero hace unos 8 años, empezaron a aparecer unas páginas en Internet llenas de animación y movimiento. Algunas a pantalla completa. Algunas con música y efectos de sonido. La reacción de todos en un principio fue de baba cayendo sobre el teclado (teníamos que botar teclados a la basura casi diariamente). No lo podíamos creer. Internet había pasado de ser un mundo de texto e imágenes, a ser un mundo multimedia. O eso creíamos.

Esta tecnología es Flash (tenia otro nombre antes, pero ahora no importa). Hoy, cualquier página que veas con animación constante, botones que flotan de un lado a otro, y títulos y textos que parpadean al aparecer y desaparecer (e incluso cuando no deben), está hecha en Flash. Pero eso ya lo sabias.

Durante los años que siguieron, muchos caímos en un gran hechizo enamorados de la posibilidad de tener una experiencia cinemática en la web. Hasta que despertamos y nos dimos cuenta que no servia de nada tener una experiencia cinemática en la web. Demos un paso atrás: una experiencia cinemática viene obviamente de cine. En el cine estás sentado, a oscuras, dedicándole todos tus sentidos y concentración a un solo acto: ver una película. En el computador estás viendo una página web, dentro de una ventana, y, muy probablemente, tendrás varias otras ventanas abiertas y estarás haciendo varias otras cosas. Otras tareas. Tu concentración esta lejos de ser acaparada exclusivamente en un acto, así que tienen que complicarse enteros (con cosas parpadeantes, por ejemplo) para llamarte la atención y tratar de obligarte a escucharlos. Personalmente, me declaro culpable de muchos sitios que tenían “introducciones” eternas, tan sólo porque podíamos hacerlo.

Pero luego llego Google, y nos hizo darnos cuenta de lo que nos habiamos olvidado. Que la simpleza (que no es lo mismo que minimalismo), funciona mucho mejor que el exceso. Que te van a escuchar mejor si hablas despacio, que si gritas. Que el HTML es infinítamente un mejor soporte para Internet que Flash. Que Internet es empíricamente multimedia, por lo que no necesitas usar un puro medio (Flash) para ser multimedia. En HTML reunes elementos en infinitas partes de texto, imagenes, videos, java e incluso, animaciones flash. Así Yahoo! puede buscar entre el texto y encontrar lo que buscas, y por eso Google puede leer el contexto y entender de que se trata la imagen. Con Flash, pierdes todo eso.

En Chile tenemos un ejército de grandes diseñadores web. O mejor dicho, Diseñadores Flash. Gente que sigue concentrada en un sólo formato, cuando HTML, la base de la web, nos permite hacer cualquier cosa. Pero tampoco se trata de usar HTML como Flash, y llenarlo de banners y distracciones animadas por todos lados. Los sitios deben ser simples y directos. Deben tener un propósito claro y ofrecer un compromiso a un resultado. Proyectos como Google Mail, Flickr, Bloglines, A9, Blogger y CraigsList son una serie de servicios que le sacan el máximo provecho a la flexibilidad de no ser Flash.

Por mi parte, estoy desarrollando una serie de proyectos para solucionar varios de estos problemas a nivel local (y aprovechandome de todas las buenas ideas y tecnologías que existen en el mundo). Ofreciendo servicios de alta calidad, sin vender tu alma y Made in Chile. Partí con Zimio, un sitio web de Avisos Clasificados libres de cualquier cobro o comisión (eso significa, gratis); FayerWayer, un blog de Tecnología en Español que incluso ha sido publicado en BoingBoing; y acabo de lanzar Saborizante RM, un blog de eventos culturales para Santiago y la Región Metropolitana (por ahora). Todos 100% libres de Flash.

Nota 1: Flash tiene sus usos, principalmente cómo herramienta educativa, para hacer presentaciones, animaciones, aplicaciones y demostraciones, incluso dentro de una página web. Pero no “Páginas Web”.

Nota 2: HTML 2005 = XHTML+CSS (Sin tablas).

56 thoughts on “QEPD Flash”

  1. Sabes Leo? este es el tipo de post con que te ganas mi aprecio ūüėČ Lo que dices es super importante que lo entiendad los dise√Īadores principalmente ya que tiene fundamentos super tecnicos, para partir HTML o CSS o XML son Estandares (no dependen de una empresa) Flash es un programa propietario que depende de Macromedia! (osea sin Macromedia no hay flash, los simpatizantes del software libre entenderan lo que digo…) segundo Flash no es abierto, eso quiere decir que ni google ni nadie aparte del PROGRAMA DE MACROMEDIA FLASH PLAYER puede leer el contenido de un flash.
    Tercero y mas importante, Flash induce a hacer barbaridades de usabilidad, recomiendo leer lo que dice el guru de usabilidad jacob nielsen (quien no es hermano de leslie nielsen ) en este articulo llamado Flash and Web-Based Applications

    PD por usabilidad este text area no podria ser mas ancho ūüėČ

  2. Cada herramienta a los suyo. Si queremos publicar un documento en la web, contenido actualizable, mantenible, indexable, archivable y comparable (como el 99% de los sitios web), lo m√°s sensato es HTML. El ideal en este punto es no pensar en un sitio web como un todo sino que en cada p√°gina como un documento m√°s en el gran archivo que es internet (cualquier HTML tampoco da lo mismo: un documento lleno de FONTs, spacer gifs o BGCOLORs es casi tan inutil como un swf!). Por otro lado si necesitamos medios basados en tiempo, gr√°ficos din√°micos y, especialmente, interfaces para relaciones de datos complejas o multidimensionales, Flash es una herramienta adecuada. Hay que notar que Macromedia est√° tomando nota de este debate y, hasta cierto punto, actualmente desarrolla herramientas de c√≥digo abierto o, al menos, m√°s flexible e interoperable como Flex. Flash es una excelente tecnolog√≠a para algunos casos. El mismo Flickr lo usa para sus fotos anotadas. Por lo dem√°s estoy de acuerdo: es todo un desaf√≠o convencer a los clientes de que Flash NO ES LO QUE NECESITAN! Hace tiempo tengo un posteo a medias que trata de explicar porqu√© en palabras simples. El t√≠tulo provis√≥rio es “Todo el mundo quiere tener un Flash. Nadie quiere usarlos“.

  3. Completamente de acuerdo Ismael, lo importante es el criterio, con criterios adecuados puedes ocupar cualquier tecnologia, como applets en los sitios, es interesante como tecnologias tienen sus 15 minutos y luego mueren… alguien se acuerda del VRML?

  4. yo entend√≠ lo q dijo leo el a√Īo pasado, cuando era un cacho tener que saltarse mil intros y mierdas para poder acceder al site, ahora es simple, solo un menu animado en flash con alguna cosa chori y lo dem√°s maravilloso html
    pero hey… los “creativos” chilenos recien se estan subiendo al camion de la tecnologia y quieren todo en flash…
    aparte, juran q se puede hacer cualquier cosa por 3 chauchas
    lo que es yo, ahora estoy probando usar video en flash, pero no hay nada como quicktime y su ventanita donde puedes manejar el .mov como uno quiere, admito que fui amante de flash desde 3¬ļ medio (6 a√Īos?) pero ahora lo uso como powerpoint o para hacer animaciones para los videos…
    websites en flash? no gracias, te demoras mucho y cuando quieres actualizar, con suerte el cache de tu browser encontrar√° q hay una nueva version.
    toda la razon leo…

  5. VRML rocks! pero esa es otra historia. Te apuesto que en unos a√Īos m√°s le econtrar√°n un nuevo uso, ahora que los computadores tienen tarjetas de video masivas. No entierres a VRML a√ļn!

    Otro detalle no menor, es que en las Universidades Chilenas ense√Īan Flash y lo m√≠nimo de HTML. Una historia que repito siempre, es cuando me invitaron a dar una charla a una clase de Taller de IV a√Īo (√ļltimo a√Īo?) de dise√Īo en la Universidad Diego Portales, a un curso de 30 alumnos. Pidiendoles que levantaran la mano, les pregunte “Cuantos se van a dedicar a video o animacion?”, y dos levantaron la mano; luego les pregunte “Cuantos se van a dedicar a web?” y 3 levantaron la mano; ahi ya me estaba asustando, ya que mi √ļltima pregunta fue “y finalmente, cuantos se van a dedicar a imprenta?” y TODOS levantaron la mano.

  6. jajajaja….por supuesto, aun no hay que hacer un funeral para VRML y tampoco hay que perder las esperanzas frente al SVG.

    Francamente, yo ingrese al mundo “CSS-P” de manera totalmente autodidacta …. pero motivado por la posibilidad de “separar” el dise√Īo del contenido y por ende de la programacion. Tal ves esa a sido mi suerte, mis trabajos se han enfocado en “interfases” para intranet o aplicaciones web internas, donde se valora la “productividad” o el “feel” que logras en el producto de tu trabajo, lugar completamente ajeno al “uso del Flash”, sin considerar lo exquisito de no tener que preocuparme de “cuidar de no tocar” la programacion PHP u otros acronimos, eso es lo que me ha motivado mas para hacercarme a las filas de la web semantica.

    Lamentablemente la mayoria de los “colegas” que pululan por la red, no han vivido eso, siguen viviendo el mundo de la “Intro Flash” donde el trabajo debe ser “bonito” para el ojo del “jefe” y no para el usuario (no apuntes al Zarkov … a ese ya lo tenemos casi “convertido” ūüėČ ) donde entran en estupidas competencias de precios y “tiempos de animacion flash”, o simplemente no saben lo que es el HTML.

    Triste, no??

  7. Aunque mis societes de doop me van a colgar por decir esto, yo no crucificar√≠a tan r√°pido a las web en flash, creo que internet es un medio y no un soporte, y que flash es una herramienta m√°s, aunque no “la herramienta”. La verdad no muchas veces he desarrollado sitios integramente en flash, solo hace un tiempo ca√≠ en la tentaci√≥n un par de veces, pero pienso que el real problema entre los dise√Īadores de web, principalmente chilenos, es una falta de mirada profesional de la que muchos adolecen, as√≠ como hay html mal trabajados hay swf igualmente de mala factura y mal enfocados. No creo que la experiencia en flash sea solo cinem√°tica, creo que abre otras posibilidades en cuanto a experiencia de usuario, pero que se justifica en casos puntuales, debe haber un criterio en su uso, no solo que todo se mueva y sea “chori”, hay por detr√°s un usuario meta, un contenido y estructura del que depende el enfoque del proyecto. Lo que no me simpatiza es que Macromedia se est√© transformando en un segundo Microsoft.

  8. Concuerdo. Asi como no hay que enterrar a VRML aun, Flash no est√° muerto, pero es absolutamente innecesario. Me encanta todo lo que hace Flickr con Flash, pero no es necesario. Lo podria hacer con XHTML tambien. Panic usa puro XHTML para hacer una interfaz full drag and drop, miren su tienda. La √ļnica gracia que tiene Flash (a mis ojos) es poder dibujar con vectores en la pantalla, permitiendote esto. Ojala pudieramos tener esto con XHTML, en todo caso (para poder hackearlo y jugar con otros feeds).

  9. Vamos por partes, como dijo Jack (el Destripador, obvio). La autocrítica vale un aplauso Leo. Aprovecho de decirte ahora que Twist Films era (lo es todavía eh) una pesadilla de navegar, jajaja.
    Flash versus HTML: Da lo mismo. Lo que importa es saber por qu√© y para qu√© uno o el otro. Como explica Leo, its all about the info, baby. Qu√© queremos transmitir, por qu√©, a qui√©nes. A partir de eso viene el c√≥mo: el lenguaje. Es interesante la discusi√≥n que propone Leo, precisamente porque es un debate al cual muchos dise√Īadores no est√°n (o esperemos estaban) acostumbrados. Peor a√ļn, del cual pareceran rehuir. Con Flash ha ocurrido que el mundo designer se preocup√≥ de convencer a sus clientes y propagar el prestigio de Flash para su uso en Internet y ahora se empieza a dar cuenta que la herramienta no serv√≠a para todo ni era lo √ļtil que los propios dise√Īadores intentaban explicarle a sus clientes. Como la ley de Murphy pero en versi√≥n mexicali, la de Herodes, te jodes o te jodes.
    La gracia que tiene Flash, a mi modo de ver, pasa por el atractivo y facilidad de uso para, ejemplos:
    РChicos adolescentes que empiezan a experimentar con lenguajes de animación, para practicar el contar historias, para después pasar a el uso de herramientas más complejas de animación audiovisual, de desarollo de juegos, etc. Es de fácil acceso a diferencia de un After Effects, luego un Combustion, etc.
    – Como dice Leo. Flash para segmentos de una web.
    – Como herramienta experimental para artistas y dise√Īadores (o el cruce de ambos, que ya se da bastante)
    – Para educar de manera entretenida en ambientes controlados (cd o dvd dentro de tu computador, no en internet para una escuela que de seguro no tiene ADSL)

    Lo relevante de esta discusi√≥n se centra especialmente en el √°rea educativa y de desarrollo estrat√©gico de √°reas del dise√Īo, entendido este como un oficio vinculante con tantas √°reas como las que existan en la cabeza del dise√Īador y que siempre tienen un destino: un receptor, un usuario. Es preocupante ver como las Ues en general van dos a√Īos atr√°s (al menos) en relaci√≥n a lo que est√° ocurriendo aqu√≠ y ahora. Se sigue ense√Īando de modo entusiasta el uso de una herramienta: Flash, en vez de las din√°micas del proceso organizativo de la informaci√≥n. Ah√≠ volvemos a Nielsen, a Fern√°ndez Coca y su subvalorado manual para el dise√Īador web publicado hace al menos 5 a√Īos pero que hoy cobra especial vigencia y a otros se√Īores que suenan en ciertos segmentos: Ted Wurman, Nigel Holmes, y otros que le dan al tema de la arquitectura de la informaci√≥n.
    Yo no soy dise√Īador, soy periodista -por ende entiendan mi ignorancia si he dicho o cometido alguna aberraci√≥n en este post-, pero mantengo una relaci√≥n fluida con muchos dise√Īadores y de hecho gestiono actividades relacionadas con el dise√Īo y Flash mismo (SCLab.tv / Flash Attack). Y lo que me llama la atenci√≥n en t√©rminos generales es la facilidad que tienen los dise√Īadores chilenos para armar una buena o excelente gr√°fica pero la dificultad que se les da combinar esa gr√°fica con una usabilidad que tenga sentido para los usuarios. Es como si el texto de un afiche o una web, por ejemplo, molestaran a la gr√°fica. Aqu√≠ ya no solo hablo de web sino que de impresos y motion graphics (en menor medida).

    Hemos hablado con Leo del tema,en particular en lo relacionado a Flash Attack, que el a√Īo pasado s√≥lo abri√≥ concurso para Flash, por una cuesti√≥n netamente log√≠stica: √©ramos pocos organizando, con menos recursos que ganas. Este a√Īo, en cambio Flash Attack se abrir√° a temas como los planteados por Leo y varios m√°s. Mantendremos el nombre (escool y qu√©) pero ser√° como la caja de chocolates de Forrest Gump.

    Ah, para los que les interese. Pronto saldrá una entrevista a Nicholás Negroponte en el diario La Nación hablando, entre otros, de estos asuntos.

  10. Gran parte de esas aplicaciones web no-flash son html generado dinámicamente por javascript (gracias al DOM). Esto hace que ese html "no esté allí" en el código fuente de la página al momento de cargar, haciéndo el html generado tan invisible a los buscadores como un swf. Es cierto que se puede hacer mucho con javascript + (x)html -si se hace bien se separa efectívamente la lógica del contenido- pero las más de las veces se pierde la ventaja de un documento html "estático" de tener todos los datos disponibles y clasificados semánticamente (por supuesto hay formas de solucionar esto, pero hablo de la mayoría de los casos). Es el caso de las aplicaciones que usan xmlHttpRequest como Gmail o GoogleMaps, donde la funcionalidad se acerca mucho a lo que puede lograr Flash. Si a eso sumamos la dificultad (actual) de manipular el DOM para todas las plataformas (estamos de acuerdo en que justamente para eso hay que fomentar los estándares y presionar a MS), las ventajas
    entre una aplicación web flash y una xhtml se reducen bastante. Sigue siendo consideráblemente más difícil desarrollar este tipo de interfaces sin Flash.

    Si se piensa bien, Tanto ActionScript como Javascript se basan en la especificación ECMA (misma sintaxis y flexibilidad, comparten gran parte de los objetos nativos y funciones). La gran diferencia entre los dos es el ambiente que los interpreta: en el caso de javascript, es el browser el que se encarga de interpretar el código, lo que obliga a desarrollar para varios browsers (aplicaciones javascript conocidas como HtmlArea aún tienen limitaciones en algunos browsers). En el caso de Flash, el FlashPlayer asegura un ambiente homogéneo para el código de la aplicación, además de las interfaces para generar gráficos que se agradecen. También está la rapidez extra de flash al precompilar el código en el formato swf.

    Por otro lado, Flash esconde el código fuente y aún no resuelve bien la separación lógica / contenido / presentación (aunque me parece que estan trabajando en eso).

    La verdad es que volvemos a lo mismo: si todos los browsers implementaran al 100% el DOM estándar, y se agregaran a éste muchas propuestas aún en carpeta, el browser mismo sería el equivalente a la película swf, un intérprete de código dinámico que además
    separa cláramente las capas de diseño y lógica, facilitando el desarrollo; hace un tiempo jugué Raptor escrito totalmente en javascript, con música y todo! por ahora sólo para IE 6.

    Para terminar de dar la lata: es interesante que tanto Flash como las nuevas especificaciones de XHTML le estén dando énfasis al desarrollo de aplicaciones, como que entre los dos tratan de superarse y el resultado de esa "confrontación" sólo puede ser bueno para nosotros.

    Leo si esto es muy largo bórralo nomás.

  11. Creo que lo que no aparece suficientemente destacado es que Flash es un software propietario mientras HTML es un estandar. La diferencia es como comparar el mote con huesillo con la cocacola, osea no dependes de nadie para hacer mote con huesillo es libre la receta, pero el unico que te puede proveer cocacola es la empresa cocacola (que en el caso de flash es macromedia) esto implica que los que deciden que funcionalidades tendra flash player 27 es Macromedia, si flash player tiene problemas de seguridad y macromedia no los arregla (como el tipico bug que permite a alguien usar tu web cam mediante un flash maligno) te jodes!!! Osea mas haya de las diferencias del producto (como queda la pagina) es muy mala idea desarrollar aplicaciones en un ambiente propietario, osea es tan maligno como un formato .doc (el cual es cerrado y dependes del proveedor del software para leerlo). Recomendacion a los dise√Īadores: usen .png no .gif, usen HTML o PDF no .doc usen .ogg no mp3 usen XHTML con Javascript y no Flash. asi aseguraran que sus clientes puedan accesar la informacion sin depender de programas propietarios para verlos…

  12. El punto planteado por Paolo es certero. La promoci√≥n de estas ideas, la capacitaci√≥n de los dise√Īadores en su aplicaci√≥n y su explicaci√≥n y “venta” a los clientes ser√≠an los pasos a seguir. Comprendo a nivel te√≥rico todo lo que dices Paollo pero cuando le pregunto a alg√ļn dise√Īador son contados con la mano los que pueden explicarme como llevar estas cosas a la pr√°ctica.

  13. Estoy de acuerdo, pero a veces me da la impresión de que se demoniza demasiado a la industria del software propietario y se dejan de lado sus aportes. Por ejemplo: lo que en un principio fueron extensiones propietarias de IE a Javascript actualmente forman parte del standard. Esto sucedió en parte porque eran buenas ideas y porque el uso de IE llegó a ser tan masivo que la gente de la w3C se vi√≥ “forzada” a incluir esa funcionalidad para no descontinuar un gran porcentaje de sitios web. Es cierto que el preriodo de ajuste entre browsers que soportan y no soportan estas funciones es muy irritante para nosotros como desarrolladores, pero de todas maneras agradezco que estas herramientas est√©n ahora disponibles en el est√°ndar. Queramoslo o no, la industria juega un papel fundamental en el desarrollo de la web y las leyes de mercado en el de la industria. No es casualidad que Microsoft tenga una voz importante en la 3WC (no me odien por esto!).

  14. Haber muchachos,

    Separemos las cosas, cada tecnología es para casos diferentes, depende de nuestra capacidad de interpretar el proyecto y las tecnologías disponibles, para definir que utilizamos para desarrollar el proyecto.

    Ahora, me parece bastante bien y l√≥gico el comentario de “Ismael” frente a la pol√©mica de si o no a flash. Perfectamente se pueden usar ambos y no s√≥lo uno.

    Ahora, todo depende de qui√©n sea el desarrollador/dise√Īador para que tenga √©xito o no el proyecto que se va a realizar, fuera del contexto de las tecnolog√≠as a utilizar.

    La interpretaci√≥n del post es un poco rara, debiera tratar de educar un poco m√°s al usuario y no llevar tanto a la pol√©mica frente a cual tec. uso o cual no. Ahora entiendo tamb√≠en que este post es un llamado a los dise√Īadores que hacen intros. y t√≠picos botones que parpadean mucho… con un frame rate de 80 fps x seg, para que se vea m√°s r√°pido y de paso te come un poco m√°s de cpu ūüėõ hehehe

    Sería más interesante armar una tabla, dónde se compare de forma extensiva, varias tecnologías y lenguajes de programción, con sus cualidades y puntos en contra.

    Definir lenguaje, punto a favor o en contra, y desarrollo de la respuesta, ya sea positiva o negativa. Todo en una tabla.

    Les parece? yo me apunto con ActionScript (y algo de css, html, xhtml, js, dhtml…) y creo que m√°s de uno podr√≠a sumarse a esta idea.

    leo, t√ļ eras el de las animaciones e intros lentas?? hehehe

    salu2

  15. FInalmente, cada tecnologia tiene un uso particular. En el caso de “lo cinematico” en la web, fue una “volada” que puedo o no prestar un mejor servicio a la hora de entender una pagina.

    Me explico: Es como el cine sin sonido. Nadie pensaba en el cine con sonido hasta que aparecio la tecnologia que lo hacia posible. UNA BARBARIE !! MAGIA NEGRA !!. Y luego todo el cine fue con sonido, y pronto, en colores !!. Todo depende de que se quiere hacer. Es verdad que el ideal es estandarizar la cosa, pero, como todo, a veces es imposible, o bien, no tiene por que convertirse en una batalla desenfrenada por imponer un “como deben ser las cosas”. Una tecnologia es util cuando tiene adeptos (tanto desarrolladores como legos). En algun momento, el desenfado de los textos aqui expuestos me parece una suerte de “revolucion” sin sentido.

    Por ahi hay quein dice que “adora como funciona quicktime”, pero QT tambien es una tecnologia que se “impuso” y nadie escogio (o si?). Lo mismo con flash. Adoro las cosas que hace, y como las hace. EN mi caso, nunca hice un sitio en flash que superara los 250kb, estrujando las posibilidades, simplemente porque me cargan las intros largas, y la chimuchina, y el mambo que conlleva. Logre convencer a los clientes de ser mas “ahorrativos” en el uso de los recursos. Porque, no es pecado querer que tu sitio sea el mas lindo o mas chori. Por una parte esos deseos multimedia que tienen los clientes, no fueron desarrollados por ellos. Se le ofrecieron, porque era la ultima papa, la moda, lo “que habia que hacer”. Me captan? Fue culpa de algun o algunos designers que ofrecieron la tecnologia a destajo.

    Perfectamente alguien podria haber rayado la papa ofreciendo sitios en quicktime (pelando el cable, lo se) y quizas todo mundo hubiese encontrado una maravilla, y los se√Īores de QT habrian desarrollado mejoras para que ese software cumpliera mejor esos deseos.

    No se si la muerte de una tecnologia es lo que tiene que suceder. Talves, es centrarse en mejores propuestas para con los clientes. Mostrar las bondades de ser mas simples. Mejorar el dise√Īo, ser mas limpios. Etc.

    EN todo caso, me apunto al deseo de “volver” a lo basico. Dejar de lado esa eterna carrera por encontrar “lo ultimo”. Existen millones de tecnologias, soportes, estilos, (tanto en la web como en la musica, la plastica, etc) que han ido en deshuso, solo en nombre “del progreso”

    Esto no es un llamado a lo John Zerzan, y una vuelta al primitivismo. Es solo, vivir sin ser alienados, e invadidos.

    Y es dificil trabajr de “bueno”, del lado de “los malos”

  16. Gracias por sus comentarios, grandes aportes. Sobre “se lo ofrecen a los clientes”, creo que no es necesariamente as√≠, la mayoria de mis sitios con intros, fueron porque me “el cliente tiene la raz√≥n”. Yo soy muy duro al hacer algo en contra de mi voluntad, pero a veces los clientes son m√°s duros.

    Los problemas de Flash no se terminan cuando el sitio es liviano o carga las secciones por parte, o “esta bien pensado”. Flash no es web, por eso, para hacer sitios web: QEPD. Flash va en contra del modelo conceptual de la web: d√≥nde cada p√°gina de un sitio, tiene su propia URL, su propia direcci√≥n. En Flash el sitio entero est√° hecho en una p√°gina. Dentro de un “plug-in”.

    Tampoco creo que con que Firefox y Explorer adopten Flash como parte de su código nativo, se arregla el problema. Flash es un ELEMENTO (por eso es tán valido SVG frente a SWF). Es una parte de un sitio. Eso si, eso haganlo, eso explotenlo.

  17. Si con "Firefox y Explorer adopten Flash como parte de su código nativo " te refieres a lo que comenté yo, no es eso lo que quise decir. Lo que digo es que si Javascript fuera tan potente como ActionScript (despues de todo son prácticamente el mismo lenguaje), muchos desarrolladores que actualmente eligen Flash por motivos prácticos podrían optar por Javascript + xhtml, con la ventaja de mantener presentación, contenido y lógica separados. En teoría no hay nada que impida hacer una aplicación con las mismas chorezas que Flash exclusívamente con JavaScript, pero en la práctica hay que desarrollar para varios browsers y adecuarse a las limitaciones de cada uno. Me puedes responder que NO ES LA IDEA emular la pirotecnia de Flash en un documento html y en parte es cierto, pero también es cierto que un documento (x)html semántico no considera en absoluto su aspecto presentacional. Si esos datos decido animarlos o presentarlos en formato blog es una decisión estética / estratégica. Recordemos el énfasis que le da la especificación CSS3 a la representación de documentos html en otros medios, incluyendo, por ejemplo, una serie de selectores para controlar volumen, pitch, balance, ecualización, escritura braille,etc. Quién sabe, es muy posible que CSS versión 45 incluya métodos para controlar 3D o incluso aromas, todo esto manteniendo el xhtml como formato de datos.
    PS: año 2025: la 3WC lanza oficialmente CSS versión 73 con utilidades para “estilar” ondas cerebrales.
    PS2: año 2051: la 3WC lanza oficialmente CSS versión 206 con utilidades para controlar diréctamente las emociones del lector.
    PS3: año 2103: CSS versión 472-A adquiere conciencia propia, asesina a todo el directorio de la W3C y domina a la Humanidad gracias a sus selectores de ondas REM.

  18. (perdón por el mega post)
    Aunque llegué un poco tarde a la discusión, piensen un poco sobre esto:
    HTML es un lenguaje, Flash es un software. De todos los diseñadores que conozcan, ahora pregúntense quién de ellos se acercó a la web a través del software, y quién a través del lenguaje. Para esta pregunta da lo mismo qué software y qué lenguaje.
    Me explico: de los ejemplos que pone el Leo al inicio de este post, sé, porque los conozco, que varios de ellos empezaron a usar flash (incluso para hacer otras cosas no web) y a partir de eso empezaron a hacer sitios. En cambio, hay algunos diseñadores que se interesaron en hipermedia, en internet y en multimedia antes que existiera flash masivamente. Ellos (me incluyo) se vieron ‘obligados’ o debo decir, interesados, en aprender o al menos entender el html para poder experimentar con este ‘nuevo’ mundo que teníamos al frente.
    Yo creo que entonces la discusión, más que sobre usar o no usar flash (blanco y negro), está en entender qué, cuándo y cómo usar cualquier cosa (grises, grises, grises)…un sitio hecho completamente en quicktime, vrml, director, flash, html, etc, se puede hacer, pero, ¿tiene mucho sentido? ¿Cuándo lo tiene?. Esa pregunta tan general muchas veces se responde con la famosa ‘usabilidad’. Algo usable es algo que se puede usar. Así de simple. Si se puede usar bien, mejor todavía.

  19. Cierto. Creo que un gran error de escuelas y cursos de "introducción" al diseño web (sobre todo en escuelas de arte y diseño) es partir enseñando a usar programas WYSIWYG como Dreamweaver, cuando en realidad habría que empezar con papel y lápizz explicando los fundamentos de html y una breve introducción a la estructura de Internet. De este modo se entiende desde un principio que el diseño web NO ES diseño gráfico y que, en cambio, tiene otras gracias que explotar.

  20. Muy buena forma de verlo Keko, el punto que m√°s rescato es “un sitio hecho completamente en […] flash”, es precisamente el QEPD. No se olviden del modelo conceptual de la web, nunca (1 p√°gina = 1 url, flash = 1 url todo el sitio). Ismael, mira esta pirotecnia (leve, web standard) en el formulario de Panic, haz click en “eList” y luego “Cancel”. Lo he probado en todos los browsers y funciona. Pero eso ya no necesito Flash, ni siquiera como un elemento.

    jp, buen link. yo instale PPC Linux (hoy penguinppc y BeOS en mi PowerMac 4400/200 (1998). me emocione al hacerlo. ūüėõ

  21. No estoy tan seguro, he conocido cada programador…(me atrevo a afirmar que las escuelas de informática de Chile estan 5 años atrasadas en tecnologías web)! Si una buena página html es un documento estructurado semánticamente, creo que el perfíl más adecuado serían periodistas o alguien cercano a la literatura. La personalidad geek es un requisito, en todo caso.

  22. Yo deje de trabajar con flash hace como un a√Īo, solo cuando me lo piden, lo hago, o cuando algun elemento en el website gana notablemente con ello. Por estos dias me interesa seguir desarrollando mi actividad basandome en L+A+M+P (linux, apache, mysql, php) los cms de codigo abierto son lo mas maravillozo que he descubierto desues de salir de la universidad, cuando hice una investigacion de todos los sistemas de gestion de contenidos de codigo abierto, encontre esto, es algo parece muy nuevo, que esta recien madurando….es un cms cimentado en flash alguein lo ha probado? http://www.comatool.com/
    Saludos

  23. El futuro de Flash? preguntenle a sus nuevos due√Īos (Adobe) el futuro de HTML? Preguntale a la comunidad (desarrolladores de render usados en los mas de 100 browsers existentes, W3C, proyectos varios, etc) osea uno es un futuro controlado por un directorio monopolico de 5 o 6 directores, el otro es un proceso evolutivo darwiniano… personalmente confio mas en el ultimo… Un ejemplo, yo solia trabajar en el lenguaje Cold Fusion, cuando era de la empresa Alaire, luego lo compro Macromedia, ahora Adobe… muchos cambios y los productos mueren o mutan para potenciar a otros no muchas veces orientados al bien de la red… mis argumentos van por otro lado de si la tecnologia es buena o mala… hasta que Flash no sea un estandar abierto ni lo miro…

  24. Hola chicos, no tuve el tiempo para leer los comentarios completos, pero por ahí leí un par sobre flash = 1 url, y en parte, conceptualmente, podría llergar a ser, dependiendo de cómo este hecho, y de las cualidades del developer frente al desarrollo. Ha veces hay tiempo, y se pueden hacer más cosas que lo normal, otraz veces, no hay tanto tiempo, y se descartan varias. Eso mirando el concepto de keko, que es bien real, y pasa en todas las tacnologías.

    Un ejemplo de como hacer sitios webs accesibles, con todas las cualidades de acceso por http:

    En la universidad hace poco hicimos el sitio del Centro Mayor (les pido que solo vean lo que les comento, que por falta de tiempo, hay varios bugs y poco dise√Īo), el cual esta todo en flash, y acceso libre por http:

    http://www.centromayor.cl

    Atajos, o accesos por url diferentes:

    Emprendimiento: http://www.centromayor.cl/diplomado-emprendimiento.html

    Competencias: http://www.centromayor.cl/diplomado-competencias.html

    Ventas: http://www.centromayor.cl/diplomado-ventas.html

    Servicios: http://www.centromayor.cl/diplomado-servicios.html

    Todo esto funciona, gracias a una función javascript que toma los datos y se los pasa a flash

    var InternetExplorer = navigator.appName.indexOf(“Microsoft”) != -1;
    function initFlash(){
    cadVariables = location.search.substring(1,location.search.length);
    //alert(cadVariables.length);
    if(cadVariables.length>0){
    arrVariables = cadVariables.split(“&”);
    //alert(arrVariables.length);
    //alert(arrVariables[0]);
    for (i=0; i

    Muchas veces, y creo que ya comprend√≠ mejor a quienes va orientado el post, las cosas pueden estar bien hechas, y con un mayor nivel de accesibilidad. Esten pendientes de la conferencia del OFF de Espa√Īa, d√≥nde unos colegas mostrar√°n la soluci√≥n al problema de acceso desde los buscadores haciea el contenido flash.

    http://www.flashblog.org

    Un saludo!
    Emiliano Velasco

  25. Gracias Emiliano, impresionante tu solucion. Tambien hay maneras de hacerlo con anchors (“#menu, #portada, etc”) en la URL que Flash los parsea y te lleva a la etiqueta dentro de la pelicula. Pero recien soluciona uno de los problemas (y Google sigue sin saber de que cresta se trata el sitio).

  26. hahahaha…..

    por nada leo, para eso estamos…. es interesante estar informado y debatir este tipo de cosas ^_^

    el 12 de mayo, te respondo sobre lo de google, por ahora, no se puede decir nada… pero hay soluciones ūüôā

  27. En realidad lo de las urls no transparentes no es un problema exclusivo de Flash… Hay cientos de sitios html generados por CMS’s u otros scripts que ocupan un s√≥lo archivo de entrada (index) y muchos par√°metros (algunos en el POST!) para crear las distintas p√°ginas. De hecho lo he visto como pr√°ctica recomendada en varios libros. Con el famoso AJAX que se nos viene (la √ļltima chup√° del mate en desarrollo web, seg√ļn parece), este problema no s√≥lo se mantiene sino que se agudiza, especi√°lmente porque se esconden los datos de Google. La idea de esta tecnolog√≠a es justamente actualizar datos en la pantalla sin cambiar de p√°gina. Uno de los desarrolladores que la llevan en esto dijo: “The idea of the webpage itself is nearing its useful end”. Frase del dia: Rich Internet Application.

  28. Me siento heavy identificado con este rollo del Flash, la verdad es que la herramienta es maravillosa pero su look no es nuevo, la televisi√≥n hace rato que explora su tipo de efectos. El fanatismo vino porque las animaciones que uno ve√≠a en el cine y en la TV ahora pod√≠an verse y fabricarse en el computador. No hay que negar que Flash trajo una especie de “democracia expresiva”, es decir, la posibilidad de que cualquiera construyera impactantes im√°genes en movimiento. Pero luego de la moda pienso que las cosas caen por su propio peso: Internet tiene una est√©tica que no est√° determinada por Flash. La autenticidad de la Web est√° en la est√©tica y funcionalidad del HTML (y su upgrade gracias a las bases de datos). Finalmente, cuando hablamos de hipertexto, hablamos de HTML. Por otro lado, el problema que tiene Flash es que propone una pl√°stica plana, arroja una imagen que es com√ļn a todo lo que se haga en su ambiente, disfrazando, de alguna manera, la creatividad de los desarrolladores.
    Definitivamente, creo que una p√°gina se ve m√°s elegante cuando es simple. Eso es lo m√°s dif√≠cil de lograr. El resto es regalar tiempo a los due√Īos de softwares.

  29. “Todos 100% libres de Flash.”
    Ahora con el antialias (de los t√≠tulos) de Fayerwayer ponele un 99% libre de Flash! ūüėČ
    queda muy bueno leo por lo menos yo no lo hab√≠a visto en otro blog, es un plugin de movabletype? o un script comun y silvestre? sabes, lo √ļnico que me complica es que cuando quiero copiar el link del post de fayerwayer que quiero enviar a un amigo, no puedo por que como esta en flash no puedo copiar el enlace desde la pagina principal, entonces debo meterme al post y copiar desde la barra de navegaci√≥n o copiar el enlace de los comentarios. a lo mejor es una tontera, pero yo paso mandando linkas todo el d√≠a.

    saludos, y si tienes algun link de como hacer eso del “antialias” genial.

  30. Michel: tienes toda la razon. Voy a hacer un “enviar a un amigo” para ese problema. Lamentablemente es la unica forma que tengo de usar tipografia “no-standar”. En todo caso mi rollo es contra los sitios 100% en Flash, cuando se usa como un elemento (como en FayerWayer) esta dentro de lo que considero un “buen uso”. Sin embargo, como bien dices, no deja de tener problemas de usabilidad (espero que algun dia lo arreglen!).

    Dejando eso de lado, la tecnica se llama SIFR (Shaun Inman Flash Replacement) y aqui puedes obtener mas info (muchos sitios lo usan, pero ni se nota): http://www.mikeindustries.com/sifr/

  31. que buena técnica esto de SIFR! muchos sitios lo usan eh.. bueno entonces te reoconozco que tu lo hiciste de una mejor forma, por que queda espectacular. No sabías todos la cantidad de scripts secretos que pense que tenías por ahi guardados. Voy a probar esto del SIFR, ahi te cuento como me fue. Gracias.

    P.D: puede ser enviar a un amigo, o también (mas taquilleitor) un permanent link.

  32. Rico: Reemplazando Flash con Ajax

    Mi principal reclamo a Flash es que es demasiado f√ɬ°cil de usar, por lo tanto, es demasiado f√ɬ°cil equivocarse y por esa misma raz√ɬ≥n, hay demasiados sitios mal hechos en Flash. Algun√ɬ≥s sabr√ɬ°n que personalmente le puse un clavo…

  33. Monté una pagina web al hosting hecha en flash, los archivos html, swf y fla, y no entra, que puedo hacer??

  34. viendo la página del bar central en realidad leo prieto se comió todas las empanadas calientes de flash y su qepd se debe a que todavía le duele la boca. flash usado con criterio es una potentísima herramienta. sobre todo en video y permite a algunos como los mismísimos que postean este foro aprender a entrar al mundo de la programación y descubrir cosas como xml o css que hoy por hoy es el nuevo fetiche. yo en mis proyectos prefiero usar una combinación de diversas tecnologías sin quedarme con ideas fijas menos con las de jacob nielsen que como consultor se anota un par de decenas de barrabasadas hasta que alguna empresa como la misma macromedia le ha pagado para hacer comentarios favorables

  35. Tus cr√≠ticas sobre flash son como las de muchos que no tuvieron una buena experiencia al inicio de esa tecnolog√≠a o que simplemente no les cae las m√ļltiples formas de presentar algo, aqu√≠ hay un art√≠culo, algo antiguo ya, sobre usabilidad en flash : http://www.alzado.org/articulo.php?id_art=438
    Siempre habr√°n usos y abusos de la tecnolog√≠a incluso en el xhtml, yo me muevo en ambos mundos, del css y el dise√Īo en flash, odio los intros, pero el flash es una potent√≠sima herramienta de comunicaci√≥n y bien empleada hasta le facilita la experiencia al usuario, tambien puedes ver ejemplos increibles en http://www.thefwa.com
    Yendo a la cr√≠tica, te noto ese mismo tufillo pontificio del se√Īor Nielsen, a m√≠ me llegan los que, a base de una experiencia personal, hablan como reglas o normal de tal o cual tema, habr√° criterios, pero no normas a seguir en el mundo de la web, todav√≠a este mundo se permite revolucionarlo a cada momento. Espero que mis comentarios contribuyan a ampliar la visi√≥n que se tiene de las cosas y a ser m√°s proactivos y menos reaccionarios y criticones frente a las cosas nuevas que nos trae la web. ūüôā

  36. Manuel: Es cierto que las cosas no son blanco y negro, y tampoco estoy obligando a nadie a que deje de usar Flash, es solo mi opinion y mi opcion personal. Personalmente uso Flash muy, muy poco y como un elemento dentro de un sitio, no como el sitio en si. Aparte que hoy puedes hacer la mayoria de las cosas que hacias con Flash, usando Ajax y de paso usar estandares abiertos (y no el formato propietario de Adobe/Macromedia).

  37. Cada we√≥n con su tema…
    Creo que es simple lo que pasa en la red…. dise√Īadores defienden flash y programadores defienden a muerte el uso “ojal√° de puro html”…
    yo en lo personal no estoy a favor ni de uno ni el otro… uso ambas herramientas… y no ando llorando…

    chao

  38. Saludos cordiales.

    Como le√≠a en un post, eso depende del dise√Īador.

    Creo que un dise√Īador sin ninguna orientaci√≥n en programaci√≥n tan solo estar√° dedicado a hacer cosas visualmente atractivas, pero olvide la usabilidad que se habilita desde atr√°s de cada sitio.

    A estas alturas vemos como Flash integra experiencia de usuario con una robusta programación.

    En nuestro caso estamos desarrollando web¬ís para ambientes inteligentes 100% flash y son una alucinaci√≥n. Manejamos la calefacci√≥n, la iluminaci√≥n, corremos las cortinas de la casa, manejamos el sonido, etc, todo desde flash montado sobre plataforma web, y va absolutamente bien. Porque en flash?, porque podemos hacer un sitio amigable y que interactu√© con el due√Īo de su casa, no como una aplicaci√≥n sino casi como un miembro m√°s de la familia. Con los ingenieros electr√≥nicos se inicio el desarrollo apoyados en Java, pero la complejidad a la hora de programar para nuestros objetivos convert√≠a el proyecto en algo innecesariamente complejo despu√©s de descubrir el poder de ActionScrip (lenguaje de programaci√≥n en flash), acompa√Īado de su potente forma de leer e interpretar los c√≥digos.

    Con nuestros sitios web para los hogares, el due√Īo de caza si est√° viajando, puede acceder al sitio web de su hogar (100% flash) y ver que sus ni√Īos est√©n dormidos, que si una luz se quedo encendida la apaga, que si est√° de vacaciones y el hogar esta solo ingresa para regar el jard√≠n desde la web, etc.
    En fin, hoy por hoy no se puede concebir a flash como una herramienta meramente visual, sino como un gran complemento entre lo atractivo y lo usable.

    He querido poner un acceso para que visiten el proyecto pero por obvias razones (privacidad) no me ha sido posible, sin embargo estamos instalando los sistemas en un chalet que servirá de vitrina el cual enviaremos a Adobe para que conozca hasta donde estamos llegando con su herramientica, que en su momento los desarrolladores de Macromedia fundarían con propósitos de hacer más atractivos los sitios web, y que hoy el enano queriendo o sin querer se les creció.

    As√≠ las cosas, creo que el tema de hacer sitios eficientes en flash depende de quien ponga sus manos para desarrollarlo. Los dise√Īadores se centran en usar flash con fines √ļnicamente ¬ďcinematicos¬Ē, y en realidad esto tan solo es una de las opciones de esta herramienta. Se trata m√°s de conocimientos y claro est√°, de criterio. Un sitio 100% flash concebido exclusivamente por dise√Īo tiende a caer en el fatal error de ser supremamente cargado.

  39. punta de imb√©ciles si no pod√©is con flash es que no pod√©is!!.. entonces mejor utilicen algo f√°cil y menos creativo.. lito.. flash es para gente creativa no para ingenieros imb√©ciles . 0101001001001 as√≠ que dejad de joder a un sistema para CREATIVOS.. y qu√©dense en su webadas de texto… litoo
    .adiós despelotados

  40. Uh Leo eres un visionario…. vengo desde Twitter donde dejaste el link. Es divertido estar viendo esto 5 a√Īos despu√©s de este post.

    Si existe un @elpulento, @leoprieto es su profeta. XD

    Abrazos.

  41. Como a muchos colegas del dise√Īo Web que he conocido, Flash me deslumbr√≥. Us√© varias de sus funciones cuando era rosa. Pero luego de unos 18 meses de ver como se aplicaba, de pensar en negocios y en beneficios para los clientes, not√© que hab√≠a un problema serio en cuanto a la facilidad de actualizaci√≥n, la indexaci√≥n en buscadores, la reutilizaci√≥n de otros scripts basados en estandares.

    He visto cosas fenomenales realizadas con flash, como las que hace la gente de FirstBornMultimedia pero creo que hay un diferencia importante en usar herramientas abiertas a cerradas.

    No est√° re√Īido jam√°s la creatividad con el uso de tal o cual tecnolog√≠a.

  42. jajaja! As√≠ es, cada vez mas en lo cierto. En su momento tambi√©n ocup√© flash y por las tantas razones vistas ahora soy un feliz desarrollador y dise√Īador con tecnologias libres. ūüėÄ

    salu2 leo

  43. Leo, soy un programador que desde hace un tiempo me pon√≠an muy mal ver paginas de marcas reconocidas sin codigo fuente. No por el hecho de tanto flash, sino porque denigraban de alguna manera los lenguajes. ese tipo de cosas, no era lo mio. Pero me doy cuenta que tu columna dec√≠a mucho de esa sobre ese sentir. Le√≠ en tu twitter sobre esta columna y leerla me hizo muy bien. me gusta mucho lo que haces, para muchos inform√°ticos y “computines” eres un ejemplo ha seguir.

    Pd: gran autocrítica

  44. Síiiiiiii!!!!

    pero Leo, les avisaste a los dise√Īadores que hacen clases mediocres de tecnolog√≠a!!!! que esto pas√≥ hace rato!!!!!!!

    te posteo hoy!!! a√Īo 2011

    hay algunos mediocre sque todavía no se enteran!!!!!
    presenci√© clasesitas de dise√Īadores al pedo, dando c√°tedras de como hacer webs OBSOLETAS!!! el a√Īo pasado!!!!

    un tal alejandro arce, no aceptaba sugerencias y criticas por la ense√Īanza y aplicaci√≥n de TICS, y el fresco se hac√≠a el experto!!! cobrando lukas inescrupulosas. Estos chantas abundan en las escuelitas mediocres de dise√Īadores.

    saludos

  45. En muchos aspectos, estoy en acuerdo contigo de que el Html es mejor le√≠do por Google y todos los buscadores, y que precisamente esa es una de las bases de que las paginas sean “encontrables”. Pero no solo por el hecho de que sean Html, est√° la pega hecha, sino que es una parte de otras m√°s, como una buena estrategia de SEO basada en la correcta selecci√≥n de keywords, como de tags de imagenes y todo lo que me imagino ya es m√°s que sabido. Completamente de acuerdo con todo, pero lo que me parece un poco desorbitado es asociar este futuro “apocal√≠ptico” de Flash que predices. Si bien en sitios de contenido como portales, Blogs, Sitios de empresas etc. claro lo mas recomendable ser√≠a Html, pero que me dices de las campa√Īas publicitarias, que tienen uan duraci√≥n de no mas de 1 mes, en donde precisamente las audiencias no llegan por buscadores?, no servir√≠a mucho mas una experiencia interactiva interesante que solo FLASH podr√≠a hacer. Claro el html5 es la clave para “deshacernos” de flash, pero tb se sabe que en varios browsers no funciona bien el c√≥digo de momento. Llevo varios a√Īos trabajando con Flash para bajar creativamente mis ideas en la web con mucho √©xito y por lo mismo he aprendido a comprender sus limitantes y a transar con ellas cuando llego el momento de vender los proyectos a los clientes, pero nunca podr√≠a decir que es algo que no ha producido un efecto, a veces increible, en las audiencias que dudo el html podr√≠a llegar a hacer.
    y lo otro, no te sientas “culpable” por haber utilizado flash en el pasado, no fue un pecado…todos partimos amando html y lo seguimos amando…
    No tiene nada de malo ser dise√Īador Flash, lo importante como tu bien dices, es saber mezclar estrat√©gicamente todos los ingredientes de la cazuela web.

    Solo mi opinión, leo.Espero no lo tomes a mal

    Diego “Dragon” Moya
    “El √ļltimo cocinero Flash”

  46. Master, creo que eres un muy buen punto de referencia para cualquiera que este interesado en el desarrollo web, muy interesante el post.
    Solo una pregunta, dada la fecha del post, crees que todavia persiste la nota 2 ?
    Nota 2: HTML 2005 = XHTML+CSS (Sin tablas).

Leave a Reply

Your email address will not be published. Required fields are marked *