Adobe Edge: a Adobe finalmente entende os desenvolvedores?

Adobe e web design. Eles têm uma história complicada. Nunca sei dizer se a Adobe é um parceiro de desenvolvedores da Web ou um advogado ativo. Eles estão focados em capacitar os desenvolvedores ou substituí-los por WYSIWYGs desajeitados?

Hoje vamos dar uma olhada no Adobe Edge Tools and Services, uma nova iniciativa da Adobe que pode ser suficiente para mudar de idéia sobre como a Adobe visualiza os codificadores.

Explorar recursos de design

Adobe e Web Designers

A Adobe sempre teve um relacionamento um pouco estranho com o web design. Seu aplicativo principal, o Adobe Photoshop, nunca foi concebido para ser usado como uma ferramenta para criar sites, mas tornou-se o local padrão para criar gráficos para a web.

“O Adobe Photoshop nunca foi projetado para ser usado como uma ferramenta para criar sites”

Então você tem produtos como o GoLive e o Dreamweaver, o primeiro dos quais está morto há muito tempo e o segundo recebe críticas medíocres dos desenvolvedores. A maioria de nós evita isso completamente.

Parece que o Fireworks é a única ferramenta decente de web design verdadeira que a Adobe possui no Creative Suite, mas tem uma espécie de culto a seguir, apenas alguns poucos esclarecidos abandonam o Photoshop e o escolhem.

Uma história difícil com codificadores

Historicamente, a Adobe teve uma base de clientes cheia de designers. Eles simplesmente nunca entenderam ou até mesmo segmentaram os desenvolvedores. Ao limitar suas ofertas a WYSIWYGs como Dreamweaver e Muse, que visam permitir que os usuários se concentrem no design e ignorem o código, a Adobe fez uma declaração clara: não nos importamos com codificadores.

"A Adobe fez uma declaração clara: não nos importamos com codificadores."

De fato, é mais do que isso, a Adobe minou completamente os codificadores, concentrando-se tanto na criação de produtos ruins que buscam eliminar a codificação manual do processo de design da web. Eles parecem ver a codificação da Web de front-end como esse aborrecimento que deve ser eliminado, não como uma profissão legítima e valiosa.

Enquanto isso, os milhões de nós que realmente preferem codificar sites à mão em vez de ter um software cuspem uma abominação de HTML não semântico, balançam a cabeça e reclamam sobre como a Adobe simplesmente não nos entende.

Eu amo Adobe, realmente

Como você pode ver, sou realmente grosseiro com a Adobe, mas isso é apenas porque sei que eles têm talento, recursos e base de clientes para dominar completamente esse mercado e capacitar desenvolvedores da Web como ninguém. No entanto, eles sempre se apegaram às suas próprias tecnologias, como o Flash, que retém a web, não a avançam (atualização: historicamente, o Flash serviu a um propósito muito importante e valioso, mas não estou convencido de que isso seja verdade hoje. )

"Eles sempre se apegaram às suas próprias tecnologias, como o Flash, que retém a web, e não a avançam".

Devo a Adobe minha carreira. Meu amor pelo Photoshop e pelo Illustrator me levou ao campo do design, e não o contrário. Nunca li minhas críticas como ódio à Adobe, mas como uma preocupação genuína de que uma das minhas empresas favoritas poderia estar se saindo muito melhor do que elas.

Uma mudança no clima

Parece que a Adobe finalmente chegou à ideia de que eles deveriam gastar menos tempo tentando colocar os codificadores de front-end de um trabalho e mais tempo criando produtos úteis para essa enorme base de usuários em potencial.

Lenta mas seguramente, eles estão testando e lançando novas ferramentas experimentais direcionadas a pessoas que realmente gostam de escrever HTML e CSS. Essa tentativa foi um pouco dispersa, mas para corrigir isso, todas as partes díspares agora foram renomeadas para Adobe Edge Tools and Services.

De repente, a empresa que antes se concentrava tanto em capacitar o setor de web design a abandonar a codificação tem uma nova missão: "avançar a web e oferecer aos web designers e desenvolvedores as melhores ferramentas e serviços do mundo".

“Nossa missão: levar a web adiante e oferecer aos web designers e desenvolvedores as melhores ferramentas e serviços do mundo.”

Eles vão ainda mais longe com a seguinte declaração, que realmente me impressiona: “Web designers querem ver CSS, HTML e JavaScript. Eles entendem e desejam manipular o modelo da caixa e as consultas de mídia. Suas ferramentas devem permitir que eles escrevam essas coisas com mais facilidade, mas não escondendo o que realmente está acontecendo. ”

Bom Deus, eles finalmente entendem. Pode levar mais de uma década, mas agora eles parecem entender que nossas mentes fracas são realmente capazes de entender essas coisas de desenvolvedores da Web (quem sabia?). Falar é barato, no entanto, o que eles estão fazendo para cumprir esta nova missão?

Conheça a família Adobe Edge

Como parte de sua devoção a essa nova missão, a Adobe reuniu o Adobe Edge Tools and Services, uma nova coleção de aplicativos que é conceitualmente totalmente separada do todo sagrado Creative Suite. Vamos dar uma olhada no que está incluído.

Edge Animate

Apesar de todas as suas falhas, o Adobe Flash trouxe uma incrível animação para a web, e esse foi um grande passo em frente. Os padrões da Web e a compatibilidade com dispositivos móveis forçaram um novo caminho, e é hora da Adobe entrar no mercado. O Edge Animate é a resposta para esse desafio.

O Edge Animate facilita a criação de animações complexas para a web. Soa familiar? Porém, esta não é uma tecnologia proprietária; em vez disso, usa tecnologias padrão da Web e é construída para ser compatível com vários navegadores (incluindo iOS). O Edge Animate implementa HTML e JavaScript nativo, caramba, a interface do usuário é construída no Webkit.

Edge Reflow

Eu tenho que dizer, este é o que mais me empolga. Se eles conseguirem juntar tudo, será incrível. O Edge Reflow é um aplicativo criado especificamente para ajudar você a criar sites responsivos.

Basicamente, este é um front end que ajuda a criar o CSS para sua grade. Conceitualmente, parece muito com o Gridset. Infelizmente, o Edge Reflow ainda não foi lançado, então não sabemos muito sobre isso neste momento. Você pode conferir o trailer aqui.

Código de Borda

O Adobe Edge Code é um projeto que vimos anteriormente no Design Shack. Também conhecido como colchetes, o Edge Code é um editor de texto inovador que traz algumas idéias novas e interessantes para a tabela, como edição rápida de CSS diretamente do documento HTML.

No geral, minha opinião na revisão anterior permanece. Existem algumas ótimas idéias aqui e isso pode se transformar em um editor incrível, mas por enquanto é um pouco desanimador para aqueles de nós que usam o excelente Sublime Text 2 todos os dias. A Adobe tem uma batalha difícil pela frente se quiser conquistar desenvolvedores que dependem dos editores existentes.

Inspeção de Borda

Este é outro aplicativo que você provavelmente conhece com um nome diferente. Anteriormente, o Adobe Shadow, Edge Inspect permite que você visualize e inspecione facilmente suas páginas da web em seus vários dispositivos de teste.

O Edge Inspecionar vincula os navegadores em todos os seus dispositivos e sincroniza a página da Web e as atualizações para que você possa atualizar uma vez e ver as alterações em todos os lugares ao mesmo tempo. Você pode até pressionar um único botão para capturar capturas de tela de todos os seus dispositivos de uma só vez.

Fontes da Web de borda

Este não é um aplicativo independente, mas um serviço que está sendo integrado a produtos como Edge Code, Edge Reflow e Muse. Ele fornece fontes da Web gratuitas que você pode incorporar facilmente no que estiver trabalhando.

Realmente, o Edge Web Font é apenas um novo ramo gratuito do Typekit, o incrível serviço premium de fontes da web que é o próximo na nossa lista.

Typekit

Este é provavelmente o produto mais significativo no mix do Edge, porque é um aplicativo de grande sucesso há anos. O Typekit foi uma das primeiras ótimas soluções @ font-face que ofereciam fontes profissionais de qualidade.

Se você não está familiarizado com o Typekit, deveria. Com ele, você pode adicionar lindas fontes de vários navegadores ao seu site com uma cópia e colagem rápida.

Edge PhoneGap Build

O PhoneGap Build ajuda a criar aplicativos com tecnologias da Web padrão que podem ser implementadas em várias plataformas, incluindo iOS e Android.

Na verdade, isso faz parte de um grande movimento de desenvolvedores que desejam renunciar aos SDKs específicos da plataforma em favor do uso de padrões que podem funcionar em todas as plataformas. A teoria é ótima, mas, na prática, estamos vendo grandes players como o Facebook e o 6Wunderkinder se afastarem dessas idéias em favor de uma experiência nativa mais suave e rápida.

Nuvem criativa necessária

Uma observação rápida, caso você esteja se perguntando como pode colocar suas mãos em todos esses presentes. Praticamente tudo o que está descrito acima requer uma assinatura do Adobe Creative Cloud.

"A Adobe está construindo um futuro em que você assina seus serviços ou perde todas as coisas boas".

Nesse ponto, a resistência é inútil. A Adobe está construindo um futuro em que você assina seus serviços ou perde todas as coisas boas; pense duas vezes antes de comprar o CS6 imediatamente, em vez de alugá-lo pela Creative Cloud.

Atualizar:
Como Ryan da Adobe apontou nos comentários, essas ferramentas e serviços estão realmente disponíveis para qualquer pessoa gratuitamente através do nível gratuito do Adobe Creative Cloud. Legal!

Uma nova Adobe?

Tudo isso juntos mostra uma imagem: o Adobe do futuro é aquele que abrange não apenas o design da web, mas também o desenvolvimento da web. Além dos produtos Edge, a Adobe está participando ativamente da comunidade de desenvolvimento da web por meio de projetos de código aberto e inventando novas tecnologias Webkit.

Obviamente, isso não aconteceu da noite para o dia. A Adobe vem desenvolvendo vapor nessa área há anos, mas eles nunca divulgaram seus esforços tão bem quanto hoje. Eles estão fazendo uma declaração clara e clara de que serão os principais players da Web, e não uma versão proprietária quebrada, a aberta.

"Esta empresa da velha escola fundada em design de impressão está finalmente começando a encontrar o seu pé na indústria de web design."

Pessoalmente, estou emocionado com essa nova direção. Ainda tenho muitas dúvidas sobre como esses aplicativos se sairão como produtos individuais e se algum deles será realmente útil no meu fluxo de trabalho, mas, quando tomados como uma unidade, é uma indicação refrescante de que essa empresa antiga fundou o design de impressão está finalmente começando a encontrar o seu pé na indústria de web design.

O que você acha? Você está animado com as ferramentas e serviços do Edge? A Adobe está compensando anos de negligência dos codificadores? Deixe-nos saber nos comentários abaixo.