MoebiusMania

Tutorial, articoli e curiosità sul web e dintorni

CS5 in azione: Dreamweaver

Nota: articolo aggiornato alla versione CS5.5

E' ora il turno di Dreamweaver CS5!

L'amato/odiato editor web di Adobe introduce una serie di nuove features alcune veramente interessanti da tenere presenti anche se non siete veri "fan" di questo software. Personalmente sono più incline ad altri editor, ma in certe circostanze non si può negare la comodità dell'editing visuale per risolvere velocemente alcune questioni... e ora il numero di casi in cui ci si butta su Dreamweaver potrebbe aumentare specie considerando le novità introdotte dalla versione CS5.5!

Le piccolezze

Il leggero redesign rende l'ambiente di lavoro un po più versatile e la nuova possibilità di filtrare i file collegati (ovvero la possibilità di vedere solo i .css o solo i.js) rende questa funzione introdotta in CS4 ancora più utile. Adesso abbiamo anche a disposizione un'ispettore di codice che agisce da simil-Firebug, anche se dobbiamo ammettere che dal plugin di Firefox ha ancora molto da apprendere! Qualche tempo fa vi ho parlato di BrowserLab, ebbene ora questo servizio è stato inglobato in una famiglia più grande di prodotti rinominata CS Live, e sopratutto ora è integrato direttamente in DW CS5, permettendoci anteprime su più browser direttamente dal programma!

CMS

Una novità inattesa ma molto ben apprezzata è l'integrazione dei 3 più noti CMS (Wordpress, Joomla e Drupal) all'interno di Dreamweaver. Oltre che il suggerimento di codice per le funzioni interne, e in generale un migliore suggerimento per Php, abbiamo ora la possibilità di testare in locale i siti creati con questi CMS e avere anteprime direttamente da dentro Dreamweaver anche dei file dinamici!

I nuovi linguaggi e jQuery!

Troviamo ora suggerimento di codice per Html5 e CSS3, con anche dei nuovi template per vedere i nuovi tag già in azione, nei template è integrato anche lo script Html5Shiv che permette il redendering corretto dei nuovi tag semantici anche agli IE inferiori al 9. Dopo un'attesa forse anche troppo lunga troviamo finalmente il suggerimento di codice nativo anche per jQuery, la libreria Javascript che al momento vede l'utenza più grande.

Pagine Mobile

Un nuovo e favoloso tool ci permette di vedere le nostre pagine simulando risoluzioni di schermi dei device mobili e assegnare a ogni diversa risoluzione un file Css specifico grazie alle Media Queries. Anche il neonato jQuery Mobile è stato integrato in Dremweaver con un pannello dedicato che permette di inserire il markup e il codice di questo framework con pochi click!

Applicazioni native con PhoneGap

Niente più compilatori da riga di comando per trasformare le nostre pagine web mobile in vere app mobile sia Android che iOS utilizzando il compilatore PhoneGap! Anche se il suo "parco di API" è inferiore ad altre librerie (come Titanium e Flex 4.5) permette di estendere le nostre pagine con alcune funzionalità native del device e creare a tutti gli effetti apps distribuili sui relativi Market senza dover imparare nuovi linguaggi.