Adobe Edge
Con Adobe Edge Animate podrás crear contenido o animar elementos en HTML5, CSS3 y JavaScript para páginas web. Ya que cuenta con un editor HTML5 que es el llamado heredero de la plataforma Flash. HTML5 cada día le esta ganado la batalla a Flash y poco a poco se está consolidando como la tecnología elegida en diferentes dispositivos.
Los desarrolladores de Adobe se están dando cuenta del cambio y decidieron crear una aplicación para animar contenidos que se centra en la tecnología HTML5. Dado que Adobe está retirándose de la lucha por la implantación de Flash, es Edge quien tiene muchas similitudes en su interfaz que nos hacer recordar bastante a Flash, pero el código resultante para la creación de las animaciones es bien distinto.
Mientras que uno producía los SWF, de las películas de Flash, su sucesor produce HTML5. Con edge podrás generar contenido basado en estándares (HTML5, CSS3 y JS) el cual puede ser visto en cualquier dispositivo de escritorio o móvil.
Adobe Edge funciona en sistemas Windows 7+ y Mac OS X v10.6+. No es compatible con sistemas operativos anteriores: Vista, XP, etc.
Características principales:
1) La interfaz de usuario contiene y está basada en las ya clásicas línea de tiempo, escenario y paneles de herramientas y propiedades, si usaste alguna vez Flash o Affter Effects te sentirás como pez en el agua.
2) Importación de archivos gráficos de web como son los clásicos png, jpg, gif y svg.
3) Edge puede agregar animación a elementos de web ya existentes, tiene la capacidad de separar el Javascript y distingue el código html existente del «código nativo» de por sí del propio «Edge».
4) Las particularidades de Edge, es que tanto lee como escribe archivos de tipo HTML, Javascript y CSS; las animaciones que generamos desde Edge son expresadas en formato JSON (Javascript Object Notation), que básicamente conserva el layout visual de CSS a través de su estructura de información, este formato además permite un trabajo más flexible entre documento y contenido de animación de manera independiente.
5) El contenido obtenido por la plataforma puede perfectamente ser probado para trabajar en plataformas con IOS y Android por igual (más de alguno soltó aquí un lagrimon recordando Flash…), además de los clásicos browsers de escritorio como Safari, Firefox y Chrome, al otro que todos conocen no lo nombro porque es algo maligno.
Características Básicas:
• Herramientas de texto y dibujo para la creación de composiciones.
• Capacidad de importar gráficos con formatos SVG, PNG, JPG y GIF.
• Capacidad para animar posición, tamaño, color, forma, rotación y más características al nivel de propiedades mediante un editor de línea de tiempo.
• Más de 25 efectos y transiciones ya incluidas por default.
Adobe propone:
Editores de código, sistemas visuales para generar Responsive Design, fuentes abiertas para la web, suites de animación CSS3/JS y compiladores de código web a apps nativas para móviles.
Edge Reflow: Es una herramienta visual para crear sitios web basados en grillas que se autoadapten a cualquier resolución.
Edge Code y Brackets: Está basado en el proyecto open source Brackets y es un muy interesante editor de código. 100% hecho en HTML5/JS y soporta todas las tecnologías web.
Edge Inspect: Con la capacidad de ser multiplataforma, revisa cambios a los elementos de diseño, CSS de un HTML en tablets, teléfonos y desktops.
Edge Webfonts y el nuevo Typekit: Mundo de las fuentes Open Source. ahora ha decidido crear fuentes gratuitas y abiertas para usarlas con font-face de CSS3.
Phonegap Build: Un proyecto que nos permite convertir apps HTML5 en apps nativas para iPhone, iPad, Android y casi cualquier plataforma tanto móvil como desktop. Te generará los .ipa, .apk y .app necesarios para enviarlo a las App Stores.
Conclusiones y recomendaciones:
Me parece sencillo, intuitivo, puede conseguir unos resultados fabulosos para tener una bonita animación para nuestra web, podemos decir qué es tecnología que permite exportar un diseño, estoy seguro que veremos un crecimiento exponencial de las animaciones HTML5 gracias a desarrollos como éste. Cuando se habla de HTML5, no se está haciendo sólo mención al lenguaje HTML5, sino que a la unión de HTML5 + CSS3 + Javascript. Y javascript y en cierta medida CSS3 son los que permiten generar animaciones.
AQUI LES DEJO EL LINK DEL VIDEO Click aquí
Fuentes:
http://canaltic.com/blog/?p=880
http://www.academiamac.cl/site/noticia.php?id_noticia=331
http://www.neoteo.com/adobe-edge-animate-crea-contenido- animado-en-html5
http://www.cristalab.com/blog/analizamos-adobe-edge-el-compromiso-de-adobe-por-html5-c108003l/
Bibliografía:
Canal TIC
ACADEMIA MAC-PC
NEOTEO abc
CRISTALAB
Deja un comentario