¿Adobe ha conseguido recuperar su Mojo?

Durante los últimos meses, una sensación de ambivalencia progresiva entre mi relación y la relación con Adobe había estado sacudiendo mi conciencia como una canción que no podía sacar de mi cabeza. Como usuario de la red, no pude evitar la sensación de que Adobe estaba pasando una cantidad de tiempo desmesurada en decirle al universo lo maravillosas que eran las cosas con DPS y los dispositivos móviles con muy poca charla en el lado web de la cerca..

En resumen, detecté una desconexión entre la afirmación de Adobe de amar el desarrollo web y su "práctica" de impulsar el DPS en la industria. Con todas las tecnologías web geniales que estaban cayendo en cascada sobre nosotros, simplemente no podía entender por qué Adobe reaccionó tan lentamente ante una industria que estaba en hiperimpulsión cuando se trataba de "cambiar". Era casi como si, desde su anuncio en Flash el año pasado, que la compañía hubiera perdido de alguna manera su confianza..

La única conexión real que sentía con Adobe era el equipo de Animate..

Luego, durante más de un año, el equipo de Adobe Animate nos llevó a un grupo para el viaje de nuestras vidas. Estaban desarrollando una aplicación HTML5 que utilizaba CSS3 y JavaScript para crear movimiento e interactividad. Intelectualmente, fue una de las experiencias más estimulantes que he tenido con Adobe. El ritmo del cambio, una nueva revisión aproximadamente cada seis semanas, fue impresionante. Las nuevas características fueron discutidas un día y demostradas al siguiente. Esta no fue mi experiencia de prueba normal con Adobe y en tono de broma le diría al equipo que deberían colgar una bandera de pirata en las vigas de sus oficinas..

A principios de agosto, recibí una invitación para asistir a un evento llamado Crear la Web en San Francisco el 24 de septiembre de 2012. Dudé en aceptar. Después de haber pasado por demasiados de estos eventos de Adobe, donde el chisporroteo hizo que todos se relajaran y el chisporroteo fracasó cuando nos apoderamos de la tecnología, no era necesario decir que era bastante escéptico. Que es exactamente lo que sentí cuando me senté entre los digerati y fanboyz en el evento en el Yerba Buena Center. Cuando me senté a la espera de que comenzaran las cosas, no pude evitar pensar que era irónico que este evento se llevara a cabo en el mismo lugar donde Apple acaba de presentar el iPhone 5. La ubicación, según resultó, no era irónica. Fue exquisito porque las herramientas y servicios de Edge que desató Adobe ese día tendrán un impacto bastante grande en el contenido que aparece en esas pantallas. Como Adobe lo expresó tan claramente antes de dejarnos las cosas de Edge: "La web moderna necesita herramientas modernas".


Crear la Web de San Francisco Keynote

No solo las herramientas se han vuelto modernas, sino que la actitud de Adobe parece haber cambiado profundamente..

Durante el último año, aproximadamente, Adobe ha pasado mucho tiempo hablando sobre cómo quieren apoyar a la comunidad de código abierto. Con la alineación de Edge, Adobe no solo está hablando de hablar de código abierto, sino que también está caminando en el camino de código abierto. Muchas de las herramientas y servicios de la línea Edge se desarrollaron en GitHub. Luego, Adobe escuchó los comentarios e incluso aceptó algunas contribuciones de código abierto de los desarrolladores que se unieron para el viaje.. 

Antes de profundizar en la colección Edge, lo primero que debe saber es que estas herramientas y servicios ni siquiera están cerca de estar en la misma liga que Dreamweaver CS6 o cualquier otro editor visual o herramienta web que ofrece Adobe. Estas cosas se crearon en la web, para la web y están diseñadas para funcionar dentro del contexto del proceso moderno de creación de contenido web mediante el uso o la manipulación de HTML 5, CSS3 y JavaScript. Todos están diseñados para funcionar individualmente, pero cuando se utilizan en un flujo de trabajo integral, realmente se convierten en esas herramientas modernas. El diseño web responsivo ondula a través de la alineación y no se presentó una aplicación o servicio donde la palabra "móvil" no aparecía en la cubierta de diapositivas ni era pronunciada por el presentador.

El otro aspecto de Edge es el término "moderno". El presentador tras presentador dejó en claro que las actualizaciones, los cambios y las adiciones a las funciones de estos productos se producirán a un ritmo que va de semanas a meses..

Echemos un vistazo rápido a la variedad de herramientas y servicios que actualmente forman parte de la línea Edge..


Fuentes web de borde

Cuando Adobe compró Typekit, la primera compañía en hacer que las fuentes web estuvieran disponibles para la comunidad, también consiguió que Jeffrey Veen se pusiera a cargo de Creative Cloud. No fue una sorpresa ver a Jeffrey vagar por el escenario y proceder a establecer el tono de la mañana al noquearnos..

Este nuevo servicio es, por decir lo menos, impresionante. Regularmente ofrecerá una gama de fuentes gratuitas (500 para comenzar) de Google, Typekit y otras fuentes. Simplemente diríjase a la página de fuentes web, seleccione una fuente del menú desplegable y ayúdese con el JavaScript resultante. ¿Mencioné que estas fuentes son gratis??

No solo eso, sino que TypeKit pronto ofrecerá otras 1.000 fuentes de la colección Monotype. Para la comunidad gráfica, esto es enorme porque, en ciertos aspectos, la colección Monotype es el "Gold Standard" para el tipo. Si Adobe puede traer una fundición con el crédito callejero de Monotype a la mesa, puede apostar que los demás no se quedarán atrás. Podría ser que la web moderna se encuentre en un renacimiento tipográfico muy atrasado..

Otro anuncio que pasó desapercibido fue el lanzamiento de una nueva fuente Open Source Source Sans Pro, que está diseñada para trabajar con editores de códigos y es la fuente predeterminada para Adobe Code..

Puede leer por qué se desarrolló en el blog de Adobe y puede obtener una copia en sourceforge.net.


Código de borde

Este es francamente aterrador ... de una buena manera. Durante los últimos meses, Adobe ha tenido una vista previa de un editor de código de fuente abierta - Soportes - disponible en Labs y GitHub. Lo que descubrimos es que el Código Edge se construye realmente sobre Brackets, que es un proyecto de código abierto y, como tal, la parte de Brackets de esa ecuación es ... y aquí es donde entra el "buen miedo" ... que se actualizará cada 2.5 semanas.

Lo que hace Edge Code es proporcionarle un editor de código que le permite editar una línea de HTML, CSS3 y código de Javascript desde el lugar en el código donde se encuentran esas líneas. También obtiene sugerencias de código, un selector de color en línea y enlaces directos a WebFonts y PhoneGap Build. Entonces se pone mejor; Puedes ver tus cambios o progreso en una vista previa en vivo de Webkit.

Puede comenzar a trabajar con una versión preliminar visitando la página Código de borde.


Inspección de bordes

Durante los últimos meses, Adobe ha dejado que la gente patee los neumáticos de una aplicación que llamaron Shadow. Esencialmente, Shadow te permite abrir una aplicación o proyecto web que está en construcción en Chrome y, mágicamente, esa página aparece en todos los dispositivos registrados con la aplicación. Me entristece informar que Shadow se ha retirado. Esa es la mala noticia. La buena noticia es que ha resucitado como Edge Inspect. No solo puede usar Inspeccionar para obtener una vista previa de su trabajo, sino que también puede inspeccionar el código en el dispositivo, lo cual es un gran impulso para el proceso de depuración..

Otra característica bastante interesante de Inspeccionar es la capacidad de decirle a sus dispositivos que tomen una captura de pantalla. Estas capturas de pantalla se colocan en su escritorio y puede enviarlas por correo electrónico a sus clientes.

Esta aplicación está disponible en este momento y, si tiene una membresía de Creative Cloud, lo más probable es que ya esté en su computadora.


Construcción de Edge PhoneGap

Este era bastante interesante. Cuando Adobe adquirió PhoneGap, rara vez se hablaba fuera del contexto de ser un servicio disponible a través de Dreamweaver. En cierto modo tenía sentido porque PhoneGap, en términos extremadamente simples, tomó el código web y creó aplicaciones móviles. Esa parte no ha cambiado, pero la web móvil tiene y la parte "Construir" del nombre es la clave.

Lo que esto hace es dar a los desarrolladores una herramienta que empaquetará una aplicación para iOS, Android, Windows, WebOS, Blackberry y Bada sin que tenga que reservar espacio en su computadora para cada plataforma. Dentro de Build, usted elige la plataforma y la aplicación se “construye” en la nube. La nueva función de "hidratación", entre otras cosas, lleva sus cambios / actualizaciones directamente a la versión de la aplicación instalada anteriormente. Lo que realmente queda claro es que Edge Code está completamente integrado en Edge PhoneGap Build, lo que significa que puede conectar los proyectos en Code y que Build los construya sin salir del entorno de Edge. Esta aplicación ya está disponible.


Reflujo de borde

Este sorprendió a todos por sorpresa. Cómo Adobe logró mantener un "cono de silencio" ajustado al desarrollo de esta aplicación, me dice que pasaron una página del libro de jugadas de Apple..

Si ha visto mi serie en torno a Fluid Grids de Dreamweaver aquí en Webdesigntuts +, es posible que también haya captado mi mensaje subliminal: "Es una primera opción aceptable en Diseño web responsivo, pero se necesita una gran cantidad de mejoras". Retiro eso. Cuando se libera Reflow, se vuelven irrelevantes..

Reflow es un editor visual de RWD que tiene la promesa de hacer que el proceso de Fluid Grids en Dreamweaver CS6 parezca un juguete de cuerda. Reflow le brinda control total sobre los puntos de ruptura entre diferentes tamaños de pantalla, control de código y exportación a Edge Code, Dreamweaver o cualquier otro editor y control total WYSIWYG sobre el CSS. Normalmente no me emociono con este tipo de cosas, gracias al historial de Adobe "Sizzle / Fizzle", pero este me tiene enganchado. La razón es que uno de los tipos que está involucrado en el desarrollo de Reflow no es otro que el padre de RWD: Ethan Marcotte..

Esa es la buena noticia. La mala noticia es que la aplicación no está lista. Lo que sí escucho es que una versión pública estará disponible para fin de año. Apenas puedo esperar para empezar a patear sus llantas.!


Edge Animate

La aplicación final es animar. Ha estado flotando alrededor de Labs durante más de un año y ha pasado de simplemente empujar divs de aquí a allá a un HTML 5 completo, CSS3, una herramienta de gráficos en movimiento JavaScript completa con interactividad y algunos ganchos RWD serios que permiten que su trabajo aparezca en cualquier pantalla, en cualquier lugar ... y eso incluye DPS e iBooks.

Está disponible en este momento y ... está listo para esto ... será gratis durante los próximos 12 meses, incluso si no tiene una membresía de Creative Cloud. En serio, no estoy inventando esto..

Un agujero notable en la alineación es algún tipo de herramienta de gráficos / imágenes que no es Photoshop. En su lugar, la aplicación podría ser una especie de Fireworks pobre y medio que crea las imágenes jpg, png, svg y gif destinadas al uso en Animate o Reflow. Bopping entre Illustrator, Fireworks y Photoshop para producir el contenido utilizado en estas aplicaciones es un proceso engorroso.


Esto podría ser divertido

Cuando estaba fuera del edificio esperando para entrar, alguien dijo: "Genial, Adobe nos va a decir cómo crear la web. A continuación, nos dirán cómo usarla". Al final del día, Adobe no tenía que decirnos cómo usar la web. El mensaje que se escuchó en voz alta y clara fue: "Aquí hay un montón de herramientas que van a cambiar la forma en que creas la web. Ahora ve y úsalas".

¿Adobe ha recuperado su "mojo"? Es difícil decirlo, pero esta nueva línea de productos es una clara indicación de que está en el camino correcto. Esto podria ser divertido.