Revisão do Adobe Dreamweaver CC: primeiro olhar

DWCC-Logo-462x346
Revisão do Adobe Dreamweaver CC: primeiro olhar

A Adobe lançou seu novo conjunto de aplicativos para assinantes de seu programa Creative Cloud. Já demos uma primeira olhada Photoshop CC e Ilustrador CC. Agora é hora de ver o que há de novo na ferramenta de criação da Web mais bem estabelecida da Adobe, o Dreamweaver.

Designer de CSS

CSS-Editor-462x346

Por fim, o desajeitado editor CSS do Dreamweaver – uma criatura confusa e teimosamente modal, basicamente inalterada em mais de uma década – foi substituído por uma interface baseada em painel mais moderna. Destaque uma seção de texto (ou qualquer outro elemento da página) e agora você pode ver rapidamente quais seletores CSS estão aplicando a ela e quais são as propriedades resultantes. Você também pode ajustar experimentalmente as propriedades CSS em tempo real e ver as alterações atualizadas instantaneamente em suas páginas abertas.

É perfeito? Não. Quando você está inspecionando um elemento, não é óbvio quais propriedades derivam de quais seletores, então ainda é fácil ficar confuso quando os estilos começam a se aninhar. E embora a Adobe divida as propriedades CSS em cinco categorias (layout, texto, borda, plano de fundo e “outros”), ainda há mais configurações aqui do que confortavelmente caber em um painel – embora se você tiver um monitor grande o suficiente, você pode arrastar o CSS Designer para o lado e torná-lo um segundo painel de altura total, o que torna a vida mais fácil. Apesar dessas queixas, é uma grande melhoria em relação ao anterior e, por si só, torna esta nova edição do CC bastante tentadora.

Layout de grade fluida

FluidGrid-462x346

O novo sistema de layout Fluid Grid do Dreamweaver permite criar designs responsivos que são redimensionados automaticamente para se adequar à resolução do dispositivo de visualização. Nestes dias de telemóveis, tablets é uma boa ideia, mas a forma como é implementada é pouco intuitiva: você acaba arrastando elementos sequencialmente para a página, e a ideia de WYSIWYG basicamente sai do janela. É uma boa ideia, mas se você precisar criar uma página responsiva, preferimos a simplicidade e o imediatismo de algo como a grade responsiva do Twitter Bootstrap.

jQuery de um clique

jQuery-462x346

O Dreamweaver agora também vem com uma biblioteca de elementos de layout de um clique usando jQuery e jQuery Mobile (substituindo os antigos do Spry). Isso inclui botões, calendários, barras de progresso, campos de entrada de senha e “acordeões” que permitem ao usuário visualizar partes selecionadas de uma série vertical mais longa de dados. É uma maneira excelente e portátil de dar um toque especial a uma página, mas não é tão simples quanto parece: os elementos jQuery não parecem respeitamos totalmente o CSS e, até agora, procuramos em vão uma maneira de fazer com que os estilos de texto em widgets incorporados correspondam adequadamente ao restante do site.

Vale a atualização?

Isso basicamente cobre as principais atualizações no Dreamweaver CC. Inegavelmente, é uma lista curta; ainda assim, sem dúvida, representa um passo maior do que as novas versões do Photoshop e do Illustrator. Para quem usa o Dreamweaver, o novo CSS Designer vai facilitar a vida a cada dia.

Claro, é uma questão em aberto se o próprio Dreamweaver é a melhor escolha atualmente para web. design e desenvolvimento: até mesmo a própria suíte Creative Cloud oferece duas alternativas (ou seja, Edge e Musa). Mas se você é um profissional da web que está indeciso sobre o novo modelo de assinatura da Adobe, achamos que esta é uma atualização que pode fazer pender a balança.