Contenuto
Di tanto in tanto, il Web entra in una fase di evoluzione e modi completamente nuovi di lavorare rapidamente rendono le tecniche esistenti arcaiche. Per le applicazioni con lunghi cicli di aggiornamento, questo può essere difficile, ma come notato nella recensione di Dreamweaver CS6 di Creative Bloq, Adobe ha avuto un buon tentativo di abbracciare le moderne tecniche di progettazione con l'ultima revisione del suo popolare strumento di sviluppo web.
La modifica fondamentale in Dreamweaver CS6 è un modello di layout a griglia fluida, che consente ai progettisti di creare siti Web reattivi in modo visivo e visualizzare in anteprima il sito in tre diverse finestre (desktop, tablet, dispositivo mobile). C'è un nuovo pannello Transizioni CSS, che fornisce un modo rapido per creare effetti di transizione, e ci sono miglioramenti allo sviluppo mobile attraverso strumenti per lavorare con PhoneGap e jQuery Mobile.
Il web designer Stuart Long ha detto a .net che l'aggiornamento darebbe alle persone che creano siti una risposta migliore e più rapida riguardo al codice con cui stanno lavorando, e il modello fluido con dimensioni preimpostate "aggiungerà velocità oltre a darti una visione più accurata significa arrivare a dispositivi di tutte le dimensioni, piuttosto che impostarli manualmente ". Ha aggiunto che il pannello CSS Transitions è stato il benvenuto: “Sembra un buon strumento di lavoro per la codifica a questo livello. Avendo scritto un paio di pagine con transizioni, è stato un problema dover passare dal browser all'anteprima così spesso, quindi è molto più facile tenerlo in un unico posto.
Creazione di layout reattivi
Anche l'autore David Powers, autore di numerosi libri di Dreamweaver, è entusiasta dei nuovi layout a griglia fluida: "Si ispira al 'Responsive Web Design' di Ethan Marcotte, ma mentre Ethan estrae costantemente la sua calcolatrice per calcolare la percentuale di larghezza e margini per gli elementi di pagina, Dreamweaver lo fa automaticamente. Tutto quello che devi fare è aggiungere un div con layout a griglia fluida alla pagina e puoi trascinarlo per ridimensionarlo e agganciarlo alla griglia. "
Powers ci ha detto che è sicuro che i detrattori di Dreamweaver "sospetteranno l'uso di spaghetti o codice proprietario", ma si sbaglierebbero: "L'unica differenza tra un div ordinario e un div con layout a griglia fluida è che Dreamweaver crea automaticamente due regole di stile extra per il div layout in query multimediali separate. Il fatto che tu possa ridimensionare i div e agganciarli alla griglia rende la creazione di un layout semplice e reattivo un gioco da ragazzi ".
Ci sono, tuttavia, alcuni inconvenienti nella nuova funzionalità, ha affermato Powers, in particolare la sua gestione delle query multimediali, che sono tutte in un unico foglio di stile. Questo, ci ha detto, rende difficile identificare in tutto il pannello Stili CSS di Dreamweaver quali regole modificare per un particolare layout. Ha aggiunto che anche le regole di stile sono dettagliate: "Ognuna ha una dichiarazione per le proprietà display, float, clear, width e margin-left, anche se il valore è ereditato". - non puoi agganciare alcun elemento HTML alla barra della griglia di un div e che è difficile nidificare gli elementi per creare layout più complessi per desktop.
Nonostante questi problemi, Powers ha affermato che Adobe ha fatto un ottimo inizio: "È semplice e intuitivo da usare e crea layout reattivi utilizzando solo codice conforme agli standard". E i suoi contatti in Adobe hanno affermato che il nuovo modello di abbonamento Creative Cloud dovrebbe consentire aggiornamenti più frequenti, che potrebbero vedere miglioramenti del layout della griglia fluida prima della fine dell'anno.