Quanto costano i ferri del mestiere di un Web Designer? Moltissimo se si utilizzano strumenti professionali. Ma fortunatamente in qualche modo ci si può arrangiare. Bisogna ringraziare un manipolo di sviluppatori e un concetto di base che è l’opensource.

180px-opensourcesvg

In ambito Mac la scelta è molto varia. Quella che segue è un descrizione dei migliori strumenti open source dedicati al web

Modifica

Per la creazione delle pagine consiglio decisamente TextWrangler della Barebones Software. Si tratta del fratello minore del più completo (e costoso) BBedit.

textwrangler

Tuttavia le funzioni in esso incluse sono ampiamente sufficienti per la maggior parte delle persone. Si tratta di un editor puro (non WYSIWYG) senza grossi fronzoli ma robusto ed efficace anche nell’editing da remoto.

Alternativa a pagamento: TextMate (48,75€)

Css e Stili

Qui la situazione non è del tutto rosea. Io sono solito modificare il CSS direttamente nell’editor ma se cerchi una soluzione dedicata ai CSS esiste Simple CSS il quale permette la modifica delle proprietà CSS direttamente da programma

Alternativa a pagamento: CSS Edit (29,95€)

Utilissimo per gestire i colori è anche Color Blender:

colorblender_20070608171220

E’ un semplice programmino che permette di scegliere i colori web (formato esadecimale) miscelando due colori. Decisamente un Must Have del quale non posso più fare a meno.

Grafica

Per creare un buon layout grafico si rende indispensabile un buon programma di grafica Bitmap ed uno di grafica vettoriale. Lo standard è rappresentato dall’accoppiata Photoshop/Illustrator ma anche in campo open si riescono a trovare delle valide alternative:

Gimp per la grafica bitmap è riconosciuto universalmente come un ottimo programma paragonabile addirittura al Re. Paga però un interfaccia meno user friendly e una curva di apprendimento decisamente più ripida.

gimp-macosx

In campo vettoriale non esistono alternative di un certo peso a Illustrator ma DrawIt Lite per piccoli lavori come pulsanti o icone può fare il caso tuo.

Alternativa a pagamento: Adobe Creative Suite Web Edition (1198,80€)

Pubblicazione (FTP)

Quando il sito è pronto non resta che pubblicarlo online. Per fare questo abbiamo bisogno di un client FTP. Qui la fa da padrone CyberDuck che rappresenta lo stato dell’arte del file transfer e che è superiore a diversi software a pagamento.

cyberduck

Presenta un’interfaccia pulita e chiara e offre moltissime opzioni tra le quali una splendida gestione dei preferiti. Inoltre è perfettamente integrato con Text Wrangler (e anche con altri editor) per permettere una agevole modifica direttamente online .

Alternativa a pagamento: Transmit (29,95$)

Test

Firefox è sicuramente il browser più adatto ai test grazie ai suoi numerosi plugin. Il migliore è senza dubbio Firebug il quale permette di analizzare praticamente ogni aspetto dello sviluppo. Una funzione utilissima è quella di poter modificare il codice direttamente nella pagina visualizzata per vedere i cambiamenti in tempo reale.

Le alternative per Safari latitano ma consiglio di installare comunque Safari Tidy che fornisce comunque un comodo e veloce strumento per la validazione del codice.

safari-tidy

Per testare il tuo lavoro sui browser non puoi prescindere dalle prove su sistema operativo Windows. Se non disponi di un PC puoi sfruttare l’alternativa Boot Camp integrata in Mac Osx la quale permette di installare il SO di Redmond su una partizione ad hoc del Mac. Questa però è una alternativa che sconsiglio perchè costringe ad effettuare un riavvio del Mac. Molto meglio installare un software di virtualizzazione che permetta di avviare Windows in finestra. Lato open source consiglio Virtual Box di Sun il quale sebbene sia un progetto giovane promette molto bene.

Alternativa a pagamento: Parallels Desktop (79,99$)