![\"\"](\"http:\/\/blog.espol.edu.ec\/javilla\/files\/2013\/07\/adobe-edge.jpg\")
<\/a><\/p>\nAdobe Edge funciona en sistemas Windows 7+ y Mac OS X v10.6+. No es compatible con sistemas operativos anteriores: Vista, XP, etc.<\/p>\n
Caracter\u00edsticas principales:<\/strong><\/p>\n 1)<\/strong> La interfaz de usuario contiene y est\u00e1 basada en las ya cl\u00e1sicas l\u00ednea de tiempo, escenario y paneles de herramientas y propiedades, si usaste alguna vez Flash o Affter Effects te sentir\u00e1s como pez en el agua.<\/p>\n 2)<\/strong> Importaci\u00f3n de archivos gr\u00e1ficos de web como son los cl\u00e1sicos png, jpg, gif y svg.<\/p>\n 3)<\/strong> Edge puede agregar animaci\u00f3n a elementos de web ya existentes, tiene la capacidad de separar el Javascript y distingue el c\u00f3digo html existente del \"c\u00f3digo nativo\" de por s\u00ed del propio \"Edge\".<\/p>\n 4)<\/strong> 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\u00e1sicamente conserva el layout visual de CSS a trav\u00e9s de su estructura de informaci\u00f3n, este formato adem\u00e1s permite un trabajo m\u00e1s flexible entre documento y contenido de animaci\u00f3n de manera independiente.<\/p>\n 5)<\/strong> El contenido obtenido por la plataforma puede perfectamente ser probado para trabajar en plataformas con IOS y Android por igual (m\u00e1s de alguno solt\u00f3 aqu\u00ed un lagrimon recordando Flash\u2026), adem\u00e1s de los cl\u00e1sicos browsers de escritorio como Safari, Firefox y Chrome, al otro que todos conocen no lo nombro porque es algo maligno. Caracter\u00edsticas B\u00e1sicas:<\/strong><\/p>\n \u2022 Herramientas de texto y dibujo para la creaci\u00f3n de composiciones. Adobe propone:<\/strong><\/p>\n Editores de c\u00f3digo, sistemas visuales para generar Responsive Design, fuentes abiertas para la web, suites de animaci\u00f3n CSS3\/JS y compiladores de c\u00f3digo web a apps nativas para m\u00f3viles.<\/p>\n Edge Reflow:<\/strong> Es una herramienta visual para crear sitios web basados en grillas que se autoadapten a cualquier resoluci\u00f3n.<\/p>\n Edge Code y Brackets:<\/strong> Est\u00e1 basado en el proyecto open source Brackets y es un muy interesante editor de c\u00f3digo. 100% hecho en HTML5\/JS y soporta todas las tecnolog\u00edas web.<\/p>\n Edge Inspect:<\/strong> Con la capacidad de ser multiplataforma, revisa cambios a los elementos de dise\u00f1o, CSS de un HTML en tablets, tel\u00e9fonos y desktops.<\/p>\n Edge Webfonts y el nuevo Typekit:<\/strong> Mundo de las fuentes Open Source. ahora ha decidido crear fuentes gratuitas y abiertas para usarlas con font-face de CSS3.<\/p>\n Phonegap Build:<\/strong> Un proyecto que nos permite convertir apps HTML5 en apps nativas para iPhone, iPad, Android y casi cualquier plataforma tanto m\u00f3vil como desktop. Te generar\u00e1 los .ipa, .apk y .app necesarios para enviarlo a las App Stores.<\/p>\n Conclusiones y recomendaciones:<\/strong><\/p>\n Me parece sencillo, intuitivo, puede conseguir unos resultados fabulosos para tener una bonita animaci\u00f3n para nuestra web, podemos decir qu\u00e9 es tecnolog\u00eda que permite exportar un dise\u00f1o, estoy seguro que veremos un crecimiento exponencial de las animaciones HTML5 gracias a desarrollos como \u00e9ste. Cuando se habla de HTML5, no se est\u00e1 haciendo s\u00f3lo menci\u00f3n al lenguaje HTML5, sino que a la uni\u00f3n de HTML5 + CSS3 + Javascript. Y javascript y en cierta medida CSS3 son los que permiten generar animaciones. Fuentes:<\/strong><\/p>\n
\n<\/strong><\/p>\n
\n\u2022 Capacidad de importar gr\u00e1ficos con formatos SVG, PNG, JPG y GIF.
\n\u2022 Capacidad para animar posici\u00f3n, tama\u00f1o, color, forma, rotaci\u00f3n y m\u00e1s caracter\u00edsticas al nivel de propiedades mediante un editor de l\u00ednea de tiempo.
\n\u2022 M\u00e1s de 25 efectos y transiciones ya incluidas por default.<\/p>\n<\/a><\/p>\n
\n
\n AQUI LES DEJO EL LINK DEL VIDEO Click aqu\u00ed<\/strong><\/a><\/p>\n