Adobe tuvo hoy el evento Create the Web, donde anunció un compromiso total por HTML5, CSS3 y el nuevo Javascript. Adobe está trabajando en CSS Shaders (animaciones complejas 2D/3D en CSS) y en una suite de herramientas llamada Adobe Edge Tools & Services.
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. Esta es la respuesta de Adobe y está muy interesante.
Edge Animate
Adobe Edge Animate es un sistema de animación con el nivel de complejidad y detalle de Flash y exportación directa a CSS3. La interfaz está completamente basada en Webkit y hecha en HTML5 (como casi todo de Adobe). Las herramientas vectoriales no son tan poderosas como en Flash, pero la idea es usar Adobe Illustrator u otras herramientas externas para crear los assets que dentro de Edge Animate serán animados.
Adobe Edge Animate precarga jQuery 1.7 además de múltiples librerías de animación de jQuery. Aunque la mayoría de animaciones se hacen a través de propiedades de CSS3, asumo que se usa jQuery como fallback para que sea compatible con navegadores viejos. Esto es un ejemplo del CSS3 que genera Animate:
Código :
-webkit-transform-origin: 50% 50%; -webkit-transform: translate(318.44999999999993px, 200px) translateZ(0px) rotate(0deg) skewY(0deg) scale(1, 1);
Edge Reflow
Esta fue una sorpresa. Adobe Edge Reflow es una herramienta visual para crear sitios web basados en grillas que se autoadapten a cualquier resolución. Sí, una app para hacer Responsive Design o Diseño Adaptable. Una idea interesante, aunque no he podido ver qué tan limpio es el código que genera.
La idea de Edge Reflow no es ser el centro de trabajo de un diseño web, sino el lugar donde testeamos la adaptabilidad de los diseños antes de pasarlo a Dreamweaver, Edge Code, Sublime Text o a lo que sea.
Edge Code y Brackets
Adobe, creo, entendió la caída fuerte de popularidad en Dreamweaver y decidió crear una herramienta con el poder y versatilidad del lider de mercado: Sublime Text 2. Adobe Edge Code está basado en el proyecto open source Brackets y es un muy interesante editor de código. 100% hecho en HTML5/JS, permite editar código en tu disco duro o en "la nube", correr desde un laptop o un iPad y soporta todas las tecnologías web.
Aún le falta mucho para competir contra Sublime (Python, Ruby, Java, plugins...) pero tiene ideas muy interesantes. Si, por ejemplo, estás en un .html que hace una llamada a una función en JS, Edge Code es capaz de encontrar esa función en el .js y mostrartela ahí mismo, en el contexto, editable inmediatamente. Lo mismo aplica a CSS y otros momentos de código distribuido entre archivos. Además tiene una función para conectarse con Chrome y editar en tiempo real, pero por lo menos usando la beta de Chrome en Mac no pude hacerlo correr.
Edge Inspect
Edge Inspect es simple: Es el mismo conocido, amado y poderodo Web Inspector de Chrome, pero con la capacidad de ser multiplataforma y revisar cambios a los elementos de diseño y CSS de un HTML en tablets, teléfonos y desktops. Muy útil y derivado del proyecto Adobe Shadow.
Es en mi experiencia, un poco lento al inicio, pero una herramienta que vale mucho la pena para evitar el F5, CTRL+R y click a refresh típico del desarrollo multiplataforma.
Edge Webfonts y el nuevo Typekit
Otra sorpresa es Adobe entrando al mundo de las fuentes Open Source. Adobe historicamente ha recibido muucho dinero por sus fuentes (Myriad Pro, Helvetica Neue, etc), pero ahora ha decidido crear fuentes gratuitas y abiertas para usarlas con font-face de CSS3. Compitiendo contra proyectos como Google Web Fonts.
También anunciaron las fuentes "Source Sans Pro" para ver texto en pantallas y "Source Code Pro" para editar código. +1 para Adobe
Phonegap Build
Mi anuncio favorito. Adobe Cordova pasa a ser oficialmente Adobe 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. Con Adobe Phonegap están construídas muchas de las apps presentadas hoy. Phonegap Build además es un servicio en la nube para compilar en un sólo click tus apps HTML5 a todas las plataformas. Te generará los .ipa, .apk y .app necesarios para enviarlo a las App Stores. También te enviará screenshots y permitirá probar remotamente en multiples dispositivos
¿Qué tal todos estos anuncios? Adobe ha decidido dar todo por HTML5 y no puedo estar más contento. Tal como dijo @cristalab
Y encima, Adobe Edge & Tools en su versión 1.0 será perpetuamente gratis. Sólo necesitas una cuenta gratis de Adobe Creative Cloud.
Felicidades Adobe, de nuevo por el mejor camino para la web.
¿Sabes SQL? ¿No-SQL? Aprende MySQL, PostgreSQL, MongoDB, Redis y más con el Curso Profesional de Bases de Datos que empieza el martes, en vivo.
Por Jose el 24 de Septiembre de 2012
Por johnwmartinez el 24 de Septiembre de 2012
+10 Para Adobe.
Por antonionavajas el 24 de Septiembre de 2012
Sobre lo de que Edge sea gratuito, como comentaba @the_fricky, tiene pinta de estrategia de posicionamiento. Tal vez en Adobe piensan que el el mercado aún no está listo para pagar por estas herramientas y en lugar de exponerse a que surja una aplicación gratuita creada por la competencia, prefieren regalar la suya.
Y mantengo lo dicho sobre Edge Animate, es el resultado de una orgía entre After Effects, Flash y HTML5
Por Fernando el 24 de Septiembre de 2012
He estado probando Phonegap Build, y no se si sea mi aplicacion, pero esta algo pesada y lenta, para la prueba exporte en mi ordenador a Android y la misma aplicacion la exporte al mismo S.O pero desde Phonegap Build, la aplicacion se ha hecho mas pesada, y la carga de igual manera se ha hecho lenta, aunque tengo malas practicas de programacion, creo que Phonegap Build las hace mas pesadas, no se, tal vez salga alguna nota despues, espero alguno pueda confirmarme si le pasa lo mismo.
En hora buena por Adobe, la apuesta a HTML5 es una de las mejores decisiones que pudo aver tomado.
Por abimaelmartell el 24 de Septiembre de 2012
Por erledie el 24 de Septiembre de 2012
Por fgcalderon el 24 de Septiembre de 2012
Verdaderamente Adobe ser merece un aplauso!
Por oso el 25 de Septiembre de 2012
Por Freddie el 25 de Septiembre de 2012
Fernando-blog :
Phonegap siempre añaderá un peso más que es el runtime de Phonegap mismo, donde está el motor de render de Webkit. Pero no agregará más peso adicional luego.
Por One el 25 de Septiembre de 2012
Por Hernan Urzua el 25 de Septiembre de 2012
Pueden ver en http://www.biznet.cl/visionmultimedia/
Por jask05 el 25 de Septiembre de 2012
Gracias
Por cbunbury20 el 25 de Septiembre de 2012
Por puntografito.com el 25 de Septiembre de 2012
Gracias por tomarse el tiempo de compartir información relevante para el mundo!
Saludos (Quien decía vamos hacia el futuro esta equivocado ya estamos en el...)
Por Afro-Diva el 26 de Septiembre de 2012
Por Oscar G el 26 de Septiembre de 2012
Por elbuenmarcos el 26 de Septiembre de 2012
Por Sisco el 27 de Septiembre de 2012
Por eporroa el 27 de Septiembre de 2012
Un detalle. Al final del artículo indicas:
Freddie :
Pero en la nota de prensa de Adobe dice:
Adobe :
Creo que es gratis por introducción y en algún momento (quizás cuando reemplace a Dreamweaver en la CS) empezarán a cobrar, ojalá que como indicas, la versión 1.0 sea eternamente gratis!
Por Afrodiva el 27 de Septiembre de 2012
Por Freddie el 28 de Septiembre de 2012
Por semasad el 29 de Septiembre de 2012
Por Nico el 30 de Septiembre de 2012
El "kit para desarrollo web" nunca existió ni va a existir.
Por Onizukar el 01 de Octubre de 2012
aquí se detallan las características de los planes https://creative.adobe.com/plans
Por Alivan el 01 de Octubre de 2012
paid membership includes all Adobe Edge Tools & Services, with increased capacity for Edge Inspect, PhoneGap Build and Typekit (...)
http://html.adobe.com/edge/faq.html?promoid=KANYD
Yo entendí que tienes 30 días para probar las aplicaciones, y que puedes usar algunos de los programas de Edge de forma gratuita pero con limitaciones. Por ejemplo, Phonegap sin subscripción te permite tener una única app privada, pero aumenta con la subscripción.
Por pablix el 03 de Octubre de 2012
Por FepAguilar el 09 de Octubre de 2012
Por elbuenmarcos el 09 de Octubre de 2012
Por FepAguilar el 10 de Octubre de 2012
Por Paginas Web el 16 de Octubre de 2012
Por Freddie el 16 de Octubre de 2012
Paginas Web :
Por alejandro aldama el 31 de Octubre de 2012
Por Gast el 15 de Noviembre de 2012
Por Freddie el 17 de Noviembre de 2012
Gast :
Por alex el 24 de Noviembre de 2012
Me encantaria añadir un mobi.misite.com interactivo/visual. entiendo que podría crear en este subdominio una secuencia intercativa .
Me gustaría saber, si para realizar la labor mencionada, si es suficiente contar solo con Edge + PhoneGap o debo contar tambien con Dreamweaver obligatoriamente.
Un saludo
Por Gez el 13 de Diciembre de 2012
Por Antocas el 05 de Marzo de 2013
fuera de eso, a simple vista parece ser una buena herramienta.
Por Paginas Web Bogota el 04 de Julio de 2013
Por [url=http://www.dacl el 24 de Agosto de 2013