5 alternative a Dreamweaver che dovreste conoscere

Il compositore e successore di Nvu BlueGriffon dell’azienda Disruptive Innovations sfrutta il motore di rendering Gecko, scritto in C++ e che interviene tra gli altri nel browser web Firefox come base per l’editor WYSIWYG implementato. Quest’ultimo permette di creare ed editare pagine in HTML4, HTML5 come anche in XHTML, le quali possono essere esaminate in anteprima durante il processo produttivo.

L’interfaccia utente è disponibile in 20 lingue, tra cui anche italiano, tedesco, spagnolo, inglese e francese. BlueGriffon funziona con le versioni più recenti di Windows (a partire dal 7) e dei sistemi macOS (dal 10.8) come, al contrario di Dreamweaver, anche con Ubuntu di Linux (dalla versione 16.04). In aggiunta l’editor web è caratterizzato da:

• Facile integrazione di formulari, video e dati audio in HTML5

• Editor CSS (permette tecniche di trasformazione in 2D e 3D)

• Editor SVG

• Font-Manager per FontSquirrel e Google Fonts

• Colorazione della sintassi (“syntax highlighting”) e completamento automatico

• Barre dei menu e combinazioni di tasti modificabili

• Accessibilità facile grazie ad ARIA (“Accessible Rich Internet Applications”)

Anche il software per lo sviluppo web KompoZer deriva dal progetto Mozilla Nvu e si basa quindi altrettanto sul motore di rendering Gecko. Se inizialmente KompoZer era una piccola ottimizzazione del software Nvu, ora il programma è stato presentato al pubblico come editor web indipendente sotto le libere licenze GNU GPL (GNU General Public License), GNU LGPL (GNU Lesser General Public License) e MPL (Mozilla Public License).

Il team di Mozilla ha bloccato l’ulteriore sviluppo nel 2010, ma nonostante ciò il software è utilizzabile su tutti i sistemi correnti di Windows, macOS e Ubuntu (a partire dalla versione 14.04). Per KompoZer esistono ad ora più di 20 diversi pacchetti linguistici, tra cui italiano, tedesco, inglese, francese e spagnolo.

Nonostante KompoZer non conti tra le alternative a Dreamweaver che per quanto riguarda varietà e complessità di funzioni riescono a competere con il programma Adobe, l’applicazione open source propone agli utenti alcune caratteristiche attraverso le quali è possibile progettare siti web a livello professionale:

• Efficiente editor WYSWYG che permette una facile alternanza tra codice e anteprima

• Editor CSS integrato che include la funzione “Importa” per fogli di stile già esistenti

• Barre dei menu adattabili

• Verifica dell’ortografia e colorazione della sintassi

• Tabs per l’elaborazione simultanea di diverse pagine

• Assistente al modulo

• Markup-Cleaner integrato che esamina la conformità dei progetti alle norme del W3C

• Manager delle pagine FTP che include la funzione drag&drop per dati media come immagini

Brackets è un’alternativa open source a Dreamweaver, la quale è stata portata alla luce dalla stessa Adobe nel 2011 come progetto community. Sul sito web ufficiale di GitHub-Repository si possono oggi rintracciare più di 5.500 fork (ossia sviluppi ad opera di un programmatore di nuovi progetti software, i quali derivano dal codice sorgente di un altro software già esistente) del software con licenza MIT, strutturati con HTML, CSS e JavaScript. L’editor web è disponibile per Windows, Mac e anche per Linux (Ubuntu e Debian), nonostante le versioni per quest’ultimo non offrano la gamma di funzioni completa. Brackets funziona sulla base di Node.js (un Java Runtime Environment: ovvero un ambiente di esecuzione per applicazioni scritte in linguaggio Java), e può essere potenziato tramite numerose estensioni (tra cui un editor WYSIWYG che non è contenuto nel modello standard).

Non è possibile visualizzare l’anteprima del codice direttamente all’interno del programma. Esiste però la possibilità di guardare il risultato del progetto web in ogni momento su Google Chrome. Per questo però è necessaria l’installazione del browser Internet. Gli sviluppatori di Brackets mettono in risalto tre caratteristiche elementari per il web editor moderno:

• Elaborazione veloce: Brackets offre la piattaforma perfetta per la scrittura del codice. Non dovete fare altro che aprire il programma e iniziare. Non sarete costretti a muovervi qui e là tra diversi file HTML, CSS e JavaScript, bensì sarà sufficiente usufruire semplicemente degli editor integrati per i fogli di stile e gli scritti direttamente nel documento HTML. Scegliete l’elemento desiderato e aprite le suddette maschere di modifica grazie a specifiche scorciatoie.

• Anteprima live: se selezionate Chrome come funzione d’anteprima, Brackets invierà automaticamente in tempo reale tutte le modifiche al codice HTML e CSS. In questo modo potrete esaminare all’istante se queste funzionano come desiderato. Adattamenti ad applicazioni JavaScript non sono ancora integrati nella funzione “live”, ma secondo il produttore sono in progetto. Attualmente è già possibile visualizzare modifiche in JavaScript nell’anteprima del browser se prima salvate il progetto Brackets.

• Supporto di preprocessori: nell’alternativa gratuita a Dreamweaver l’editing di codice si caratterizza non solo da un’alta velocità, ma anche dalla possibilità di utilizzare file Less e SCSS grazie al supporto dei preprocessori CSS Less e Sass. Con una sintassi semplificata, che Brackets padroneggia altrettanto, potrete scrivere e modificare i vostri fogli di stile ancora più velocemente.

Aptana Studio è l’ambiente di sviluppo gratuito e integrato dell’azienda Aptana Inc. La piattaforma si basa sul tool java Eclipse e supporta accanto a JavaScript, HTML5, CSS3 anche diversi linguaggi di programmazione come PHP, Python e Ruby. In aggiunta, nell’applicazione possono essere inserite biblioteche Ajax come jQuery, Prototype o script.aculo.us, così da essere utilizzate durante il processo di sviluppo.

L’alternativa a Dreamweaver esiste in versione stand-alone (è quindi utilizzabile indipendentemente dal possesso di altri software Adobe o della Creative Cloud) per Windows (da XP in poi), Linux (a partire da Ubuntu 9.04/Fedora 12) e macOS (dalla versione OS X 10.5), e infine anche come plug-in per Eclipse (come minimo Eclipse 3.6). Il team di sviluppatori diffonde Aptana Studio in un modello a doppia licenza: gli utenti possono scegliere tra una combinazione della licenza GNU GPL e la Aptana GPL Exception oppure in alternativa la Aptana Public License (APL).

Accanto all’ampio supporto di linguaggi di programmazione e piattaforme, l’editor web è caratterizzato dalle seguenti funzioni essenziali:

• Code-Assistent: l’assistente del codice comunica proposte per possibili argomenti, caratteristiche o metodi e mostra inoltre tutti i supporti a elementi HTML, CSS e JavaScript del progetto web sui browser Internet in uso.

• Debugger integrati (ovvero programmi volti all’analisi e all’eliminazione dei bug): debugger JavaScript e Ruby-on-Rails sono già implementati e aiutano a individuare errori nell’applicazione web e a correggerli.

• Assistente alla predisposizione: tramite l’assistente alla predisposizione, Aptana Studio offre un tool di supporto alle azioni di upload, download e sincronizzazione dei file del progetto web via FTP, SFTP e FTPS.

• Controllo di versione: è possibile collegare con facilità il progetto web Git e quindi assicurare un lavoro sicuro e collettivo al codice sorgente, come accade online su GitHub.

• Tool integrato per comandi sulle righe: grazie a un terminal incluso si possono eseguire comandi di sistema direttamente in Aptana Studio.

• Ambiente di sviluppo flessibile: Aptana Studio è liberamente configurabile a seconda delle esigenze personali. Le opzioni di base possono essere ampliate tramite scripts per comandi standard e anche munite di combinazioni di tasti così da raggiungere la massimale usabilità.

GitHub, il servizio di hosting per progetti di sviluppo di ogni tipo, ha reso pubblica la sua versione di un editor web con il nome di Atom. Anch’esso firmato dagli sviluppatori di GitHub, la sua base è il framework Electron (il defunto Atom Core), che non solo è estendibile a più piattaforme ma combina anche il browser Chromium con Node.js, il run-time system per JavaScript.

Dopo essere arrivati al punto in cui estensioni e pacchetti venivano rilasciati solo se in possesso di una licenza open source, alla fine GitHub ha deciso di rilasciare sotto licenza MIT anche il codice sorgente dell’intero progetto includendo tutti gli “standard Packages” (come vengono chiamati i moduli di funzione dell’editor). Le features dell’editor web sono ottenibili tramite singoli API JavaScript, anche se gli sviluppatori consigliano l’utilizzo di CoffeeScript, un altro linguaggio di programmazione, al posto di JavaScript.

Per i contenuti CSS, Atom predispone Less come standard, che risulta una proposta semplificata tra i linguaggi di descrizione dei fogli di stile. Grazie a plug-in corrispondenti, l’editor web supporta oltre ai più recenti standard HTML, CSS, JavaScript e CoffeeScript, anche diversi linguaggi di programmazione come ad esempio PHP, Ruby, Java, C, C++, Python e Perl.

Tra le molteplici funzioni dell’alternativa gratuita a Dreamweaver si contano:

• Sistema di gestione integrato: Atom offre il proprio gestore di pacchetto apm (“Atom Package Manager”), che rende l’inserimento e l’installazione di pacchetti un gioco da ragazzi.

• Auto-completamento: a prescindere dal linguaggio di programmazione con il quale state lavorando, Atom propone suggerimenti durante la scrittura per il completamento del codice. Con solo una digitazione è possibile applicare questi suggerimenti. Inoltre la base delle possibili proposte è ampliabile tramite un proprio snippet.

• Colorazione della sintassi: l’alternativa a Dreamweaver propone la colorazione della sintassi soprattutto per quanto riguarda le regole più importanti, alle quali vengono automaticamente applicati colori predefiniti. Questo vale solo se avete intenzione di usufruire della funzione ed è disponibile per linguaggi di programmazione installati.

• Controllo versione: essendo Atom un’applicazione di GitHub, possiede un tool di controllo versione che soddisfa le aspettative; questo infatti è stato implementato in modo da offrire supporto nell’ottenere un quadro d’insieme su tutte le modifiche effettuate sul progetto web. Ad esempio è possibile impostare l’editor in maniera tale che le righe modificate vengano messe in risalto.

• Browser di file system: grazie al browser di file system si riescono a cercare e aprire file singoli, un progetto intero o addirittura più progetti contemporaneamente in una sola finestra.

• Tavolozza degli strumenti: attraverso una semplice combinazione di tasti si attiva una maschera di ricerca tramite la quale è possibile trovare e disporre dei comandi disponibili.