HTML5 amb Adobe Edge Animate

La producció de contingut multimèdia expressiu i concretament amb la transició entre Flash i els nous estàndards web diuen que ens aportaran un munt de possibilitats. A mi concretament, m’està aportant un munt de ml de caps. La creació d’una animació senzilla produïda amb Flash té una facil implementació del fitxer Swf a traves de l’editor de textos de qualsevol CMS. La mateixa animació generada a través de HTML5 + javaScript + CSS ens produeix 11 fitxers i 2 carpetes. Això, ara per ara fa que la inclusió de continguts d’aquest tipus en webs generades a traves de CMS sigui gaire bé impossible sense començar a fer xapuces. Afortunadament hi ha gent que ha començat a tenir consciència d’aquesta problemàtica. Si produïm els nostres continguts amb Adobe Edge Animate, ja tenim la possibilitat d’implementar-los a Word Press i a Drupal mitjançat als plugins gentilesa de Timm Jansen. Aquests plugins ens permeten pujar un sol fitxer comprimit amb l’output que genera l’Adobe Edge Animate, i integrar-lo en una pagina generada pel nostre CMS. El plugin avalua les en les dependències diverses del nostre contingut, i  els hi busca el camí cap a les llibreries residents al propi nucli del programa. Això li dona consistència al contingut i evita redundàncies innecessàries. Tot plegat un gran abanç en relació a l’escenari que teniem fins ara, encara que la implementació del plugin requereix petites modificacions a les entranyes del CMS.

Canvas

El llançament de l’iPad amb la idea d’aconseguir la millor manera de navegar per a web és una bona pensada i s’aproparia molt al seu objectiu, si no fos per la seva total incapacitat per mostrar continguts Flash. La negativa d’Apple de donar suport Flash en els seus dispositius cada dia em sembla més sorprenent. Steve Jobs argumenta que ells amb el HTML5 ja en tenen prou i que no els hi cal el popular plugin d’Adobe. Ara la pregunta és: pot realment l’HTML5 fer el mateix que es pot fer utilitzant Flash?

Per curiositat m’he interessat per les propietats màgiques de l’HTML5 i m’he quedat amb alguns conceptes claus que ara escriuré:

  • HTML5 = HTML4 + un tag nou que s’anomena <canvas>
  • HTML sembla una bona solució per reproduir vídeo a qualsevol navegador sense dependències.
  • Dins el canvas, es poden mostrar gràfics i animacions programades en JavaScript i SVG
  • No existeix cap interficie gràfica ni linia de temps, per interactua amb els elements de l’animació.

Dit això veig una mica pelut que dissenyadors de tota la vida s’apuntin a dibuixar amb codi de la nit al dia. El fans d’Apple hauran d’esperar a que el seu gurú baixi del burro per poder gaudir de la web en la seva plenitud, tal i com ho fan la resta d’internautes lliures. De tota manera, crec que aquesta alternativa de treball, segur que li posarà una mica les piles a Adobe per dotar a Flash de nous super poders. Mentre tant, aquí poso un link per anar practicant la tècnica de dibuix amb SVG i HTML5

Pesebre gegant

Ara per aquestes dates nadalenques qui més qui menys decora una mica el seu entorn amb motius nadalencs. L’altre dia, mentre feia temps per quedar amb un amic vaig imprimir aquest Pare Noel de 180 cm per donar una mica de caliu al meu despatx

.Pare Noel gegant

Per tal de poder imprimi-lo així cal que disposis del programa Adobe Accrobat (no confondre amb el Reader) Dibuixeu el vostre ninot en un programa de dibuix vectorial, al tamany desitjat (aquí no hi ha límits) Importeu-lo al Accrobat, després: Imprimir >> dins de les opcions d’impressió tens “Manejo de páginas” , a la pestanya d'”Escalado de páginas” es pot escollir per exemple: “usar mosaico en páginas grandes”. Jugant amb el percentatge de l’ “Escala de mosaico” pots variar el número de pàgines.
Estic molt content amb el resultat, pero de vegades quan em quedo so, fa fins i tot una mica de por.