Adobe y diseño web. Tienen una historia complicada. Nunca puedo decir si Adobe es un socio de desarrolladores web o un defensor activo. ¿Están enfocados en capacitar a los desarrolladores o reemplazándolos con WYSIWYG torpes?
Hoy vamos a echar un vistazo a Adobe Edge Tools and Services, una nueva iniciativa de Adobe que podría ser suficiente para cambiar de opinión acerca de cómo Adobe ve a los codificadores.
Adobe y diseñadores web
Adobe siempre ha tenido una relación un tanto rara con el diseño web. Su aplicación principal, Adobe Photoshop, nunca fue diseñada para ser utilizada como una herramienta para crear sitios web, sin embargo, se ha convertido en el lugar estándar para crear gráficos para la web.
? Adobe Photoshop nunca fue pensado como herramienta para crear sitios web?Luego tienes productos como GoLive y Dreamweaver, el primero de los cuales está muerto hace mucho tiempo y el último de los cuales recibe revisiones mediocres de los desarrolladores. La mayoría de nosotros lo evitamos por completo.
Parece que Fireworks es la única herramienta de diseño web realmente decente que Adobe tiene en Creative Suite, pero tiene una especie de culto, solo los pocos ilustrados dejan Photoshop y en su lugar lo recogen.
Una historia aproximada con los codificadores
Históricamente, Adobe ha tenido una base de clientes llena de diseñadores. Simplemente nunca han entendido o incluso los desarrolladores realmente dirigidos. Al limitar sus ofertas a WYSIWYG como Dreamweaver y Muse, que tienen como objetivo permitir que los usuarios se centren en el diseño e ignoren el código, Adobe hizo una declaración clara: no nos preocupamos por los programadores.
"Adobe hizo una declaración clara: no nos importan los programadores".De hecho, es más que eso, Adobe ha socavado completamente los codificadores al centrarse tanto en la creación de productos de mierda que buscan eliminar la codificación manual del proceso de diseño web. Parecen ver la codificación web de front-end como esta molestia que debe eliminarse, no como una profesión legítima y valiosa.
Mientras tanto, los millones de nosotros que en realidad preferimos codificar sitios web a mano en lugar de tener una pieza de software escupir una abominación de HTML no semántico, sacudir nuestras cabezas y despotricar acerca de cómo Adobe simplemente no nos atrapa.
Amo a Adobe, de verdad
Como puede ver, soy muy rudo con Adobe, pero eso es solo porque sé que tienen el talento, los recursos y la base de clientes para ser dueños de este mercado y empoderar a los desarrolladores web como nadie más. Sin embargo, siempre se han aferrado a sus propias tecnologías, como Flash, que frenan la web, no la hacen avanzar (Actualización: históricamente, Flash cumplió un propósito muy importante y valioso, pero no estoy convencido de que esto sea verdad hoy) ).
"Siempre se han aferrado a sus propias tecnologías, como Flash, que frenan la web, no la hacen avanzar".Le debo a Adobe mi carrera. Mi amor por Photoshop e Illustrator me empujó al campo del diseño, no al revés. Nunca lea mis críticas como odio por Adobe, sino como una preocupación genuina de que una de mis empresas favoritas podría estar haciendo mucho mejor que ellas.
Un cambio en el clima
Parece que Adobe podría estar finalmente pensando que deberían pasar menos tiempo intentando sacar a los programadores front-end del trabajo y más tiempo creando productos útiles para esta enorme base de usuarios potenciales.
Lenta pero seguramente, han estado probando y lanzando nuevas herramientas experimentales dirigidas directamente a personas que realmente disfrutan escribiendo HTML y CSS. Este intento ha sido un tanto disperso, pero para solucionarlo, todas las piezas dispares se han cambiado a Adobe Edge Tools and Services.
De repente, la compañía que antes se había enfocado tanto en potenciar a la industria del diseño web para que abandone la codificación tiene una nueva misión: "hacer avanzar la web y ofrecer a los diseñadores y desarrolladores web las mejores herramientas y servicios del mundo".
"Nuestra misión: hacer avanzar la web y ofrecer a los diseñadores y desarrolladores web las mejores herramientas y servicios del mundo".Van aún más lejos con la siguiente declaración, que realmente me impresiona: Los diseñadores web quieren ver CSS, HTML y JavaScript. Entienden y quieren manipular el modelo de caja y las consultas de medios. Sus herramientas les deberían permitir escribir con estas cosas más fácilmente, pero no ocultando lo que realmente está sucediendo.
Buen señor, finalmente lo consiguen. Puede haber tomado más de una década, pero ahora parecen entender que nuestras mentes débiles son realmente capaces de captar este material de desarrollo web (¿quién sabía?). Sin embargo, hablar es barato, ¿qué están haciendo para cumplir esta nueva misión?
Conoce a la familia Adobe Edge
Como parte de su dedicación a esta nueva misión, Adobe ha reunido Herramientas y servicios de Adobe Edge, una nueva colección de aplicaciones que está conceptualmente separada por completo de all holy creative Suite. Echemos un vistazo a lo que está incluido.
Edge Animate
A pesar de todas sus fallas, Adobe Flash trajo una animación asombrosa a la web, y fue un gran paso adelante. Sin embargo, los estándares web y la compatibilidad móvil han forzado un nuevo camino y es hora de que Adobe se suba a bordo. Edge Animate es su respuesta a este desafío.
Edge Animate facilita la creación de animaciones complejas para la web. ¿Suena familiar? Sin embargo, esta no es una tecnología patentada, sino que utiliza tecnologías web estándar y está diseñada para ser compatible con varios navegadores (incluido iOS). Edge Animate implementa HTML y JavaScript nativos, diablos, la interfaz de usuario incluso se basa en Webkit.
Reflujo de borde
Tengo que decir que este es el que más me emociona. Si pueden juntarlo, será increíble. Edge Reflow es una aplicación específicamente diseñada para ayudarte a crear sitios web receptivos.
Básicamente, este es un extremo delantero que te ayuda a construir el CSS para tu cuadrícula. Conceptualmente, se parece mucho a Gridset.Desafortunadamente, Edge Reflow aún no se ha lanzado, por lo que no sabemos mucho al respecto en este momento. Puedes ver el trailer aquí.
Código de borde
Adobe Edge Code es un proyecto que hemos visto antes en Design Shack. También conocido como Brackets, Edge Code es un editor de texto innovador que trae algunas nuevas ideas geniales a la tabla, como la rápida edición de CSS directamente desde el documento HTML.
En general, mi opinión en la crítica anterior es válida. Aquí hay algunas ideas geniales y podría convertirse en un editor impresionante, pero por ahora es un poco decepcionante para los que usamos el excelente Sublime Text 2 todos los días. Adobe tiene una batalla difícil por delante si quieren ganarse a los desarrolladores que dependen de los editores existentes.
Inspección de bordes
Esta es otra aplicación con la que probablemente estés familiarizado con un nombre diferente. Anteriormente Adobe Shadow, Edge Inspect le permite obtener una vista previa e inspeccionar fácilmente sus páginas web en sus diversos dispositivos de prueba.
Edge Inspect vincula los navegadores en todos sus dispositivos y sincroniza la página web y las actualizaciones para que pueda actualizar una vez y ver los cambios en todas partes al mismo tiempo. Incluso puede presionar un solo botón para capturar capturas de pantalla de todos sus dispositivos de una sola vez.
Fuentes web de borde
Esta no es una aplicación independiente, sino un servicio que se está integrando en productos como Edge Code, Edge Reflow y Muse. Ofrece fuentes web gratuitas que puedes incrustar fácilmente en cualquier cosa en la que estés trabajando.
En realidad, Edge Web Font es solo una nueva rama gratuita de Typekit, el increíble servicio de fuentes web premium que está a continuación en nuestra lista.
Typekit
Este es probablemente el producto más importante en la mezcla de Edge, porque ha sido una aplicación muy exitosa durante años. Typekit fue una de las primeras grandes soluciones de @ font-face que ofrecieron fuentes profesionales de calidad.
Si no estás familiarizado con Typekit, deberías estarlo. Con él, puede agregar magníficas fuentes de navegador cruzado a su sitio web con una rápida copia y pegado.
Construcción de Edge PhoneGap
PhoneGap Build lo ayuda a crear aplicaciones con tecnologías web estándar que luego pueden implementarse en varias plataformas, incluyendo iOS y Android.
Esto es en realidad parte de un gran movimiento de desarrolladores que desean renunciar a los SDK específicos de la plataforma en favor del uso de estándares que puedan ser funcionales en todas las plataformas. La teoría es genial, pero en la práctica estamos viendo a grandes jugadores como Facebook y 6Wunderkinder alejarse de estas ideas en favor de una experiencia nativa más fluida y rápida.
Nube de creatividad requerida
Una nota rápida, en caso de que se esté preguntando cómo puede obtener todos estos beneficios. Casi todo lo anterior requiere una suscripción a Adobe Creative Cloud.
"Adobe está construyendo un futuro en el que te suscribes a sus servicios o te pierdes todas las cosas buenas".En este punto, la resistencia es inútil. Adobe está construyendo un futuro en el que usted se suscribe a sus servicios o pierde todas las cosas buenas, así que piense dos veces antes de comprar el CS6 en lugar de arrendarlo a través de Creative Cloud.
Actualizar:
Como Ryan señaló de Adobe en los comentarios, estas herramientas y servicios están realmente disponibles para cualquier persona de forma gratuita a través del nivel gratuito de Adobe Creative Cloud. ¡Guay!
Un nuevo Adobe?
Todo esto en conjunto pinta una imagen: el Adobe del futuro es uno que abarca no solo el diseño web, sino también el desarrollo web. Además de los productos Edge, Adobe está participando activamente en la comunidad de desarrollo web a través de proyectos de código abierto e inventando nuevas tecnologías Webkit.
Obviamente, esto no sucedió de la noche a la mañana. Adobe ha estado acumulando vapor en esta área durante años, pero nunca han promocionado sus esfuerzos tan bien como lo están hoy. Están haciendo una declaración fuerte y clara de que van a ser un jugador importante en la web, y no una versión propietaria rota, la versión abierta.
"Esta antigua empresa escolar fundada en el diseño de impresión finalmente está comenzando a encontrar su posición en la industria del diseño web".Personalmente, estoy encantado con esta nueva dirección. Todavía tengo muchas dudas sobre cómo estas aplicaciones se comportarán como productos individuales y si alguna de ellas resultará realmente útil en mi flujo de trabajo, pero cuando se toman como una unidad, es una indicación refrescante de que esta antigua escuela fundada en el diseño de impresión finalmente está comenzando a encontrar su posición en la industria del diseño web.
¿Qué piensas? ¿Estás entusiasmado con las herramientas y servicios de Edge? ¿Adobe está compensando los años de negligencia del programador? Háganos saber en los comentarios a continuación.