Webdesigner Low-cost : Editor HTML open-source


Ognuno di noi ha pensato alla possibilità di lavorare da Freelance, le comodità sono davvero tante: dal poter lavorare in pigiama al poter evitare rigidi orari di lavoro.
Una problematica che quasi nessuno approccia sono le spese riguardo alle licenze dei vari software.

Ecco perché con una serie di articoli andremo ad esplorare il mondo dei software open-source che ci possono tornare molto utili.

Cosa non deve mai mancare ad un Webdesigner che si rispetti?
Ovviamente un Editor testuale che faciliti la stesura di codice e che sappia gestire diversi linguaggi.

Notepad++

Quando si parla di Editor testuale freeware il collegamento con Notepad++ è quasi instantaneo. Probabilmente il più completo editor open-source multipiattaforma (Windows, Linux, Mac Osx) disponibile online. Essendo pubblicato con licenza GNU-GPL è possibile reperire il codice sorgente, per i meno “smanettoni” invece è disponibile anche in un comodo installer o in versione portable.
Una delle tante opzioni di questo editor è l’autocompletamento. Una volta attivato infatti, in base a come è configurato, vi mostrerà l’elenco dei tag disponibili per quel tipo di documento oppure vi suggerirà i parametri nelle funzioni standard di ogni linguaggio.

Oltre ad un elenco infinito di linguaggi di programmazione selezionabili Notepad++ mette a disposizione anche uno strumento come il Plugin Manager. Questo strumento (accessibile dal menu Plugins -> Plugin Manager -> Show Plugin Manager) vi permette di estendere ulteriormente il vostro editor andando ad aggiungere i più famosi moduli senza dover andarli a ricercare per la rete.

Un esempio di Plugin indispensabile per gli sviluppatori web è quello denominato Snippet (ovvero “frammenti di codice”). Una volta installato, sulla destra del vostro editor apparirà un’elenco di stringhe di codice pronte, inseribili con un semplice “doppio-click” e filtrate in base al linguaggio di programmazione selezionato. Sarà inoltre possibile inserire nuove porzioni di codice, modificare quelle esistenti o rimuovere quelle inutilizzate.

La forza di Notepad++ è indiscutibilmente la possibilità di gestire una vastissima serie di linguaggi, dall’XML fino al Fortand! Questo fattore lo rende un editor indispensabile per ogni sviluppatore.

Komodo Edit

Una validissima alternativa a Notepad++ è Komodo Edit, anch’esso disponibile per Windows, Linux e Mac Osx ed anch’esso freeware.

Komodo rispetto a N++ è più “web-oriented”, uno dei suoi grandi vantaggi infatti è il fatto di supportare nativamente l’HTML5 (linguaggio che ben pochi editor attualmente vantano) oltre che ovviamente PHP, Javascript, Python, XML e CSS.

Un’altra ottima funzionalità è la possibilità creare un nuovo file da template scegliendo tra i linguaggi supportati, potendone inserire di nuovi o modificando quelli esistenti. Mette a disposizione inoltre un ottimo sistema di gestione dei progetti che permette di mostrare soltanto le cartelle associate a quel progetto oppure a filtrare i file in base all’estensione. L’intera gestione dei progetti è ovviamente editabile e personalizzabile a 360 gradi.

Così come N++ permette di impostare dei segnalibri e di confrontare più documenti.
Nella versione freeware Komodo è più “stringato” rispetto a N++ ma offre comunque una buona base di partenza per chi necessita di un editor

PHP Designer 2007 – Personal

Se siete proprio alle prime armi e state “gettando le basi” per diventare futuri webdesigner devo obbligatoriamente consigliarvi anche PHP Designer, prodotto commerciale arrivato alla versione 7 ma disponibile per scopi personali in version 2007 (2 versioni precedenti a quella attuale). Purtroppo a differenza dei due IDE presentati precedentemente PHP Designer è disponibile soltanto per piattaforma Windows.

Editor orientato al PHP (come si evince dal nome) supporta una vastissima quantità di formati tra cui ovviamente HTML, CSS e Javascript. La versione Personal non contiene il Manager dei progetti, è però accessibile un comodo File Browser. Così come i precedenti anch’esso è dotato del suggerimento dei parametri per le funzioni, nonostante non abbia l’autocompletamento.

Uno dei punti di forza di questo Editor è indubbiamente il Code Inspector, questa formidabile utilità infatti permette di navigare comodamente nelle varie funzioni del codice, gestire le classi associate ed instaurate in una pagina, tenere sott’occhio variabili, costanti e inclusioni nel documento.

Dai menu inoltre è possibile utilizzare le varie voci che tramite dei piccoli wizard vi suggeriscono ad esempio gli attributi di un file HTML oppure vi permettono di includere file CSS solo selezionandoli tramite il File Browsing.

Se volete aggiungere secondariamente uno strumento di Debug (come ad esempioXDebugger), vi segnalerà eventuali errori di sintassi contenuti nel testo e vi farà risparmiare tantissimo tempo.

Se vi affezionerete e vorrete provare le versioni più recenti, dotate di moltissime nuove feature il costo di una licenza non è così importante, le licenze infatti hanno un costo che va dai 29 ai 69 euro.

Info sull' autore:
Appassionato di "web" fin dall'arrivo in casa del primo modem sono diventato nel 2008 uno Sviluppatore Web per Acktel. Sono un amante delle "novità" e dei nuovi linguaggi ma anche di grafica e disegno. Tutte le novità che scopro le condivido sul il mio Blog
Leggi gli altri articoli di

7 Risposte per Webdesigner Low-cost : Editor HTML open-source

  1. yesWebcan 26 ottobre 2011 at 00:31 | Permalink | Reply

    Ottime segnalazioni. Se può essere utile io per scrivere il mio codice uso la coppia Aptana – PsPad…

    Aptana ha il difetto di occupare un bel pò di memoria, ma a mio parere è molto funzionale.

    PsPad è fantastico, mi permette in modo semplicissimo di modificare i file direttamente su remoto

    • Francesco 26 ottobre 2011 at 12:01 | Permalink | Reply

      Ciao Salvo! PsPad non lo conoscevo, Aptana si.

      Io alla fine uso semplicemente Smultron come editor, ho anche Espresso, che è ottimo, ma il primo è quello con cui mi trovo meglio.

  2. Alessandro Alessio 26 ottobre 2011 at 08:48 | Permalink | Reply

    Ciao Salvatore, grazie delle segnalazioni.
    Conosco sia Aptana che PSPad, ho scartato il primo perchè come giustamente hai fatto notare è molto pesante, mentre per quanto riguarda il secondo non l’ho mai approfondito ne preso in considerazione per l’articolo perchè non è multipiattaforma (ma lo farò visto tutti i feedback positivi). Se sei uno sviluppatore Windows consiglio davvero di provare PHPDesigner (magari la trial di 30 giorni) lo trovo davvero ottimo nell’ultima versione!

  3. yesWebcan 27 ottobre 2011 at 00:47 | Permalink | Reply

    Grazie Francesco e Ale
    Si ho sempre sentito parlare molto bene di PHPDesigner… Lo proverò ;)

  4. Benito Lopez 2 novembre 2011 at 02:09 | Permalink | Reply

    Purtroppo Notepad++ non è disponibile per Mac OS. In realtà può essere usato via Wine, ma non esiste una versione per Mac.
    Non sono gratis ma io consiglio l’accoppiata TextMate ($56,00, eccezionale) e CSSEdit ($79,95) su Mac. Di certo molto distanti dal prezzo di DW.
    Su Windows, per i CSS Top Style Lite completamente free.

    • Francesco 3 novembre 2011 at 17:40 | Permalink | Reply

      Ciao Benito.
      Sicuramente ottimi editor quelli segnalati, grazie per il commento.

Lascia un commento

Trackbacks

  1. Risorse open-source per Webdesigner | Web | Alessandro Alessio Webdeveloper Area