Adobe ha lanciato la sua nuova suite di applicazioni per gli abbonati al suo programma Creative Cloud. Abbiamo già dato una prima occhiata a Photoshop CC E Illustratore CC. Ora è il momento di vedere le novità dello strumento di creazione Web più affermato di Adobe, Dreamweaver.
Progettista CSS
Alla fine, il goffo editor CSS di Dreamweaver - una creatura confusa e ostinatamente modale, sostanzialmente invariata in più di un decennio - è stato sostituito da un'interfaccia più moderna basata su pannelli. Evidenzia una sezione di testo (o qualsiasi altro elemento della pagina) e ora puoi vedere a colpo d'occhio quali selettori CSS vi stanno applicando e quali sono le proprietà risultanti. Puoi anche modificare sperimentalmente le proprietà CSS al volo e vedere le modifiche aggiornate istantaneamente nelle tue pagine aperte.
È perfetto? No. Quando si ispeziona un elemento non è ovvio quali proprietà derivino da quali selettori, quindi è ancora facile confondersi una volta che gli stili iniziano a nidificare. E sebbene Adobe suddivida le proprietà CSS in cinque categorie (layout, testo, bordo, sfondo e "altro"), qui ci sono ancora più impostazioni di quelle che saranno comodamente inserirsi in un riquadro, anche se se si dispone di un monitor abbastanza grande è possibile trascinare il CSS Designer di lato e renderlo un secondo pannello a tutta altezza, il che rende la vita Più facile. Nonostante questi cavilli, è un enorme miglioramento rispetto a ciò che è accaduto prima, e da solo rende questa nuova edizione CC piuttosto allettante.
Layout a griglia fluida
Il nuovo sistema di layout Fluid Grid di Dreamweaver consente di creare progetti reattivi che si ridimensionano automaticamente per adattarsi alla risoluzione del dispositivo di visualizzazione. In questi giorni di telefoni cellulari, tablet è una buona idea, ma il modo in cui è implementato è poco intuitivo: finisci per trascinare gli elementi in sequenza sulla pagina e l'idea di WYSIWYG fondamentalmente esce dal finestra. È una bella idea, ma se hai bisogno di creare una pagina reattiva, preferiamo la semplicità e l'immediatezza di qualcosa come la griglia reattiva di Twitter Bootstrap.
jQuery con un clic
Dreamweaver ora include anche una libreria di elementi di layout a un clic che utilizzano jQuery e jQuery Mobile (in sostituzione dei vecchi Spry). Questi includono pulsanti, calendari, barre di avanzamento, campi di immissione password e "accordi" che consentono all'utente di visualizzare parti selezionate di una serie verticale più lunga di dati. È un modo fantastico e portatile per dare a una pagina un po' di brio, ma non è così semplice come sembra: gli elementi jQuery non sembrano rispettino pienamente i CSS, e finora abbiamo cercato invano un modo per fare in modo che gli stili di testo nei widget incorporati corrispondano correttamente al resto del luogo.
Vale la pena l'aggiornamento?
Questo copre fondamentalmente i principali aggiornamenti in Dreamweaver CC. Innegabilmente, è un breve elenco; ma probabilmente rappresenta un passo avanti più grande rispetto alle nuove versioni di Photoshop e Illustrator. Per chiunque utilizzi Dreamweaver, il nuovo CSS Designer semplificherà la vita ogni giorno.
Ovviamente, è lecito chiedersi se Dreamweaver stesso sia la scelta migliore in questi giorni per il web progettazione e sviluppo: anche la stessa suite Creative Cloud offre due alternative (vale a dire Edge e Musa). Ma se sei un professionista del web che vacilla sul nuovo modello di abbonamento di Adobe, riteniamo che questo sia un aggiornamento che potrebbe far pendere la bilancia.
