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.

In quanto “mezza suite”, non tutta la suite vede degli aggiornamenti, abbiamo grandi esclusi come Illustrator e Photoshop, velocemente vi riassumo cosa c’è di nuovo :

• principalmente la suite vede un forte aggiornamento sullo sviluppo per dispositivi mobili
• il compilatore mobile di Flash ora è lo stesso sia per Android che iOS
• le Flex SDK 4.5 ora permettono di creare app per iOS, Android e Blackberry Playbook
• InDesign introduce una serie di tool per creare maggiori interattività negli ebook formato EPUB e l’integrazione con il servizio Adobe Digital Publishing Suite
• Dreamweaver ha ora il supporto nativo per Html5 e CSS3, suggerimenti di codice per jQuery e integrazione di Phone Gap per creare applicazioni mobile Android e iOS
• Flash Builder 4.5 ora è disponibile anche in una versione che include Zend Studio (IDE per il framework php Zend)
• Tra Flash Catalyst e Flash Builder ora c’è un flusso di lavoro bidirezionale
• Photoshop non viene aggiornato direttamente ma ora può “collaborare” con la sua versione mobile per iPad

Che ve ne pare? Potete trovare info più dettagliate (in inglese) sul sito “televisivo” di Adobe.

Nei prossimi giorni aggiornerò e ripubblicherò le recensioni che avevo scritto mesi fa per alcuni di questi programmi.

Partendo proprio dal fatto che l’intero programma è stato riscritto da capo proprio per meglio integrare una serie di funzionalità innovative per il software di impaginazione di maggiore successo degli ultimi 10 anni, l’obiettivo di questa nuova versione (gia anticipato in CS4) è quello di permettere ai grafici impaginatori di poter creare contenuti con finalità diverse dalla stampa quali Web, Ebook e Tablet senza dover imparare nuovi software o linguaggi.

Nuovi strumenti di modifica

Partiamo dal lavoro classico di InDesign: l’impaginazione. Sono state introdotte una serie di piccolezze che snelliscono il flusso di lavoro come la possibilità di creare pagine con dimensioni diverse, inserire e distribuire nella pagina più elementi in modo simultaneo (inserire 10 immagini già allineate e distanziate in un paio di click non è cosa da sottovalutare!) e impostare facilmente angoli arrotondati ai contenitori di immagini.

InDesign diventa interattivo

Ecco il pezzo forte! Sono stati introdotti strumenti per creare direttamente da InDesign pulsanti interattivi (e un relativo pannello per gestire le interattività) oltre che ai classici collegamenti ipertestuali. In più oltre che all’esportazione in PDF interattivo, è stata introdotta la possibilità di esportare file Swf interattivi o creare direttamente un file .fla da “continuare” in Flash CS5 rendendo l’integrazione tra questi due programmi ancora più forte!

Animazioni!

Potendo esportare file interattivi, e specialmente in .swf, perche non aggiungere animazioni che vadano oltre le già note transizioni di pagina?

Rimanendo in InDesign ecco un nuovo pannello che ci da accesso ad una libreria di animazioni che si possono applicare ai vari elementi nelle pagine, permettendoci di gestire anche durate, ritardi e traiettorie… il che unito alle funzioni di interattività ci permette di consegnare file multimediali senza particolari sforzi!

Ah dimenticavo… è ora possibile inserire anche i video

Nuovo pannello dei livelli

Altra piccolezza, ma che personalmente ho realmente apprezzato, è il nuovo pannello dei livelli. Molto simile a quello di Illustrator, con tanto di pulsantino per selezionare gli oggetti del livello corrente (utile quando si deve selezionare qualcosa coperto da altri oggetti), ora mostra esclusivamente i livelli della pagina attualmente visualizzata, evitando il solito rebus per trovare il livello giusto quando si lavora su documenti complessi.

La nota negativa principale di Illustrator CS5 sta nelle dimensioni: 4.7 Gb! Quindi se state pensando di scaricare subito la versione di prova gratuita per testare le novità, fatelo magari da una rete molto veloce o preparatevi a un lungo download .

Disegno in prospettiva

La novità più di CS5 è il disegno prospettico. In CS3 era stata introddotta la possibilità di lavorare in modo primitivo con il 3D, ma per chi arriva da anni di grafica 2D il passaggio non è proprio immediato e permette di ottenre grandi risultati… invece con questo nuovo strumento possiamo creare oggetti 2d nel modo più comodo che conosciamo e creando un griglia in prospettiva, siamo poi liberi di spostarli su un finto (ma non qualitativamente scarso) 3D. La pagina ufficiale di Illustrator CS5 offre un ottimo esempio di come può essere utilizzato questo strumento.

Tratti a larghezze variabili

Chi usa la tavoetta grafica è abituato a lavorare con la pressione per creare tratti a larghezze variabili, ma ora i designer armati solo del fedellissimo mouse possono ricreare facilmente questo effetto grazie a questo nuovo e semplice strumento!

HTML 5 pack!

Per i webbisti come me questa è una grandissima e ben accetta novità, da poco è stato rilasciato sui Labs di Adobe questa estensione che permette di esportare alcuni aspetti direttamente in codice CSS3! Provate a fare un rettangolo con bordi trasparenti e sfumature come riempimento… vedrete come in poche e semplici passaggi lo troverete esattamente identico nel vostro layout Html/Css!

Nota: per usare questa opzione bisogna cliccare sul triangolino nero in alto a destra dal pannello “Aspetto” e selezionare la voce “Export selected as Css”

Strumento crea forme

Non è una cosa particolarmente nuova, ma è comunque comoda, specialmente se litigavate con il pannello “Elaborazione tracciati”. Questo nuovo strumento permette di sommare o sottrare delle forme semplicemente cliccando e trascinando.

Migliore gestione di tavole

Partendo dal presupposto che le tavole non sono pagine e che i lavori multipagine trovano migliore gestione in InDesign, nell’ultima versione di Illustrator troviamo una notevole gestione di questi elementi. Ora si può dare un nome alle tavole, selezionarle da un pannello apposito e incollare un’oggetto su più tavole simultaneamente.

Adobe CS5 e il publishing digitale

l’evento occupa un’intera giornata e nella prima metà presenterà un’analisi dell’evoluzione del mercato editoriale e verrano mostrate le novità di Illustrator e Photoshop CS5, mentre nel pomeriggio l’attenzione si sposta su InDesign e sul nuovo “Digital Publishing“, un software che permetterà la conversioni di impaginati tradizionali in vere e proprie riviste digitali fruibili su iPad e prossimi dispositivi tablet.

Nota: l‘evento è gratis! cosa aspettate?

Inizio con Flash, un pò per il buzz del momento, un pò perche ce l’ho nel cuore (ho iniziato il mio viaggio nel web proprio con Flash), nelle prossime settimane farò qualche recensioncina anche degli altri programmi, tuttavia ci tengo a specificare non farò una recensione per ogni singolo prodotto CS5, non li uso tutti e non sono interessato a tutti.

Code editor migliorato

Il mal di codice in Flash è finito! Continuo a ritenere Flash Builder migliore in questo lavoro, tuttavia il nuovo code editor di Flash CS5 presentà tante novità molto ben accette: auto importazione dei package necessari (sì avete letto bene!), migliori suggerimenti sugli eventi, chiusura automatica delle graffe e suggerimenti anche sui package esterni.

Per chi non è goloso di codice… snippets!

Ottima notizia per i niubbi di Flash e per chi di ActionScript non ne vuole sapere, il nuovo pannello “Snippet” permette di utilizzare dei spezzetti di codice già fatti per realizzare le interazioni più basilari (e non solo) con pochi click del mouse. Può essere utile anche per chi sta muovendo i primi passi in AS3 e vuole “customizzare” il codice originale. In più i template disponibili per creare nuovi progetti sono notevolmente aumentati e sono molto più accattivanti!

iOS e (a breve) Android

Dopo il recente cambio di policy di Apple, ora è possibile sfruttare a pieno la feature più attesa di Flash CS5: il packager per iPhone! Create applicazioni accattivanti o videogiochi in ActionScript 3 e tutte le sue librerie per poi convertirli in applicazioni per iOS (iPhone, iPad e iPod touch) grazie alla tecnologia AIR, senza dovervi preoccupare del linguaggio Objective-C. E a breve in arrivo anche il packager per Android, così da poter coprire i due più grandi mercati di applicazioni mobile senza staccarvi da Flash!

Piattaforma in piena espansione

Flash è sempre stato su web, da due anni grazie ad AIR arriva anche sui desktop, con il nuovo Flash Player 10.1 sta raggiungendo il mobile, con il Packager entra nel mondo dell app per iOS… e a breve secondo Adobe arriverà anche sulle TV.

Mai una singola piattaforma ed un singolo linguaggio (ActionScript 3) hanno permesso di raggiungere così tanti tipi di media!

La tRIAnità

Dalla CS5 però non si espande solo la piattaforma Flash, ma anche gli strumenti di realizzazione di Rich Internet Applications (RIA) crescono: entrano in scena Flash Builder (ex Flex) e Flash Catalyst.

Convertite rapidamente layout grafici di Illustrator o Photoshop in esperienze interattive senza usare codice con Flash Catalyst, per poi importare questo prodotto in Flash Builder e completarlo (o farlo completare) con logiche ActionScript evolute e dati dinamici (database compresi), per poi aggiungere widget o componenti animati realizzati in Flash CS5 e impacchettare il tutto in un’unica esperienza ricca e multipiattaforma!

Dopo essermi visto la presentazione online ufficiale della Creative Suite 5, da bravo blogger vi riporto i punti salienti delle nuove versioni di questi programmi. Non parlerò nel dettagli  dei singoli software ma riassumo in breve le novità di ognuno, il 27 Aprile sarò alla presentazione ufficiale italiana, quindi successivamente dovrei essere in grado di fornire informazioni più dettagliate.

In generale

La CS5 punta ovviamente alla prossima evoluzione dei mercati, quindi mobile, eBooks e web sempre più dinamico e interattivo. Ci sono due new entry nella suite: Flash Catalyst e Flash Builder, il primo è praticamente presente in tutte le suite come a evidenziare un tono “flasher” di questa suite, in più sono stati sviluppati e integrati una serie di servizi online per migliorare la collaborazione che prendono il nome di CS Live. Anche la Creative Suite va verso il cloud…

Photoshop

Forse quello con più novità… nuovi strumenti per creare semplici effetti 3D, pannello “mini-Bridge” per sfogliare e aggiungere risorse senza uscire da Photoshop, pennelli sempre più realistici, nuovo strumento di selezione per oggetti “complessi” (come peli e capelli) e , magia delle magie, “content-aware fill” ovvero un sistema in grado di ricostruire in modo intelligente porzioni di foto elimate… vedere per  credere!

Flash

L’entrata nella suite di Flash Catalyst e Flash Builder semplifica e permette di suddivere in più ruoli lo sviluppo di applicazioni web ricche, ma anche Flash CS5 non manca in novità: snippet di codice, suggerimento di codice migliorato, possibilità di collegare varie caselle di testo e relativo testo (come in InDesign) e lo strumento per esportare in formato iPhone, nonostante le notizie degli ultimi giorni riguardo la chiusura di Apple verso i linguaggi “esterni”, Adobe sembra non aver ancora preso posizione ufficiale a riguardo.

Illustrator

La grafica vettoriale non ha molto di nuovo da dire, ma i nuovi strumenti di Illustrator CS5 ci permetteranno di gestire in modo ancora più accurato e personalizzato i tratti dei contorni e di creare pennelli sempre più realistici, mentre un’altro nuovissimo strumento basato sulle prospettive ci aiuterà a realizzare “finti” 3D.

Dreamweaver

I siti web sono sempre più inclini ai CMS e Dreamweaver CS5 non sarà da meno! Con supporto nativo per WordPress, Joomla e Drupal (con possibilità di anteprima all’interno del programma) creare siti dinamici e di facile aggiornamento per noi e per i clienti sarà ancora più semplice. BrowserLab ora integrato nativamente permette il test delle pagine su più browser e su più piattaforme senza dover uscire da Dreamweaver, mentre uno strumento di ispezione dei Css molto simile a Firebug e affini ci permette di analizzare al meglio le pagine create.

InDesign

La stampa si evolve verso il digitale, ed ecco che InDesign CS5 ci permette di creare eBooks interattivi (nel formato ePub) con estrema facilità. Sarà possibile animare singoli oggetti e integrare file Flash video senza uscire dal nostro programma di impaginazione, in più la sua compatibilità con Flash CS5 è stata ulteriormente migliorata permettendo di trasportare i layout animati e interattivi in Flash mantenendo tutto intatto!

After Effects & Premiere

La loro più grossa novità è che da CS5 in poi saranno esclusivamente a 64 bit! Un nuovo motore di rendering di nome “Mercury” permetterà un playback più veloce anche nelle anteprime. Premiere CS5 apre le porte verso altri software di editing video come Final Cut e Avid, mentre After Effects CS5 permette di manipolare liberamente in 3D oggetti bidimensionali.

In chiusura

Le novità sono tante e la presentazione è stata breve… quindi per approfondire vi consiglio di dare un’occhiata alle pagine ufficiali dei singoli prodotti (che ho linkato nel post). Personalmente sto gia preventivando l’acquisto… ma la CS5 sarà disponibile commercialmente verso la fine di Maggio.

Poi giovedi scorso Apple ha deciso che nei nuovi termini di sviluppo per iPhone non è permesso creare applicazioni che non siano state sviluppate nativamente in Objective C, quindi tecnicamente la novità principale di Flash CS5 svanisce nel nulla.

Cosa succederà?

PS: rimanete sintonizzati per conoscere le novità di CS5!

Innanzitutto… primi cenni di CS5! Per l’inizio del nuovo anno dovrebbe essere disponibile una prima beta di Flash CS5, le novità annunciate per questa versione riguardano una nuova e completa integrazione con Flash Builder (ex Flex), permettendo cosi di poter utilizzare in congiunzione questi potentissimi strumenti per la creazione di Rich Internet Applications. Un’altra attesa novità è il prossimo rilascio di AIR 2.0 che estenderà le potenzialità degli applicativi desktop creati in ambiente Flash permettendo di interfacciarsi anche con dispositivi esterni (finora era possibile solo accedere alla webcam). Ma la novità più grande riguarda l’amato/odiato iPhone… mentre un Flash Player apposito per questo dispositivo è ancora in fase di sviluppo, Adobe ha annunciato che Flash CS5 sarà in grado di realizzare applicazioni per iPhone!

E come se non bastasse , mentre si raccolgono le idee per il Flash Player 11, a breve verrà rilasciato il Flash Player 10.1 che estenderà la presenza di Flash anche se gran parte degli smartphone attualmente in circolazione (tranne l’iPhone)… che sia la morte (definitiva) di Flash Lite? Ammesso che qualcuno l’abbia mai usato seriamente