Tools & co. per web developing
Inviato: domenica 10 novembre 2013, 1:27
Spero di aver azzeccato sezione 
Vorrei aprire un topic dove condividere i software, tool, framework, etc usati per sviluppare siti web ed applicazioni con tecnologie come Javascript, HTML e CSS.
In questo campo l'utilizzo di un software o framework piuttosto che un altro possono fare davvero la differenza, e spesso ci si inchioda su ciò che si sa usare senza cercare nuove soluzioni.
Condividere qui le cose che riteniamo degne di nota credo potrà rivelarsi utile a tutti gli sviluppatori.
Inizio logicamente io con una lista dei software e framework che utilizzo attualmente. Vi prego di evitare di scrivere solo i nomi ma di aggiungere anche una descrizione.
Brackets
E' un editor di testo open source che supporta HTMl, CSS, JS, SASS, LESS ed in generale un'infinità di linguaggi dato che possono essere sviluppati plugin per aggiungerne di nuovi.
L'intero editor è sviluppato a sua volta in HTML/CSS/JS, in questo modo creare plugin è semplicissimo perché si può usare gli stessi linguaggi che già usiamo per programmare.
Le funzioni degne di nota dell'editor sono una modalità rapida per modificare e creare regole CSS direttamente dal file HTML e la modalità live view che permette di modificare il codice nell'editor mentre si guarda su Chromium/Chrome l'anteprima del progetto in tempo reale.
www.brackets.io
WinSCP
Abituato a lavorare su Ubuntu&co. quando mi sono trovato costretto a tornare su Windows ho avuto qualche problema ad ambientarmi con il trasferimento di dati tramite SFTP/FTP.
Filezilla è pessimo: lento, macchinoso e problematico.
Dopo diversi mesi di utilizzo di Filezilla ho scoperto WinSCP, un ottimo client che supporta i protocolli sopra menzionati e che funziona benissimo senza intoppi o problemi strani.
www.winscp.net
Adobe Edge Inspect
Questo è come la manna dal cielo per gli sviluppatori di applicazioni mobile web.
Permette di utilizzare i developer tools di Google Chrome sul computer per interagire con il browser del proprio device.
Basta avviarlo, visitare una pagina su Chrome (oppure usare l'estensione per Brackets) e la pagina si aprirà sul proprio device.
La versione gratuita che uso io non so sino a quanti dispositivi supporti contemporaneamente, ma la versione a pagamento permette di visualizzare contemporaneamente su infiniti device il proprio progetto.
Utilissimo se si ha necessità di testare il tutto su vari sistemi operativi di vari smartphone con varie risoluzioni.
html.adobe.com/edge/inspect/
Genymotion
Un emulatore di Android, permette di scaricare virtual machines già configurate con le impostazioni dei device più noti, con o senza G-Apps.
www.genymotion.com
XAMPP
Per chi ha bisogno di un server Apache/MySQL/Tomcat/etc su Windows, XAMPP fa al caso suo.
Su distribuzioni GNU/Linux invece si ha la fortuna di poter installare direttamente da console apache e mysql + phpmyadmin.
www.apachefriends.org/it/xampp.html
Google Chrome/Chromium
Credo non abbia bisogno di presentazioni, con i developer tools integrati è possibile debuggare siti web in maniera semplice ed efficace. E le innumerevoli estensioni possono aiutarvi in specifici campi.
google.com/chrome / chromium.org
Riguardo ai framework, tool e librerie che utilizzo...
jQuery
La libreria Javascript più famosa al mondo.
Permette di effettuare manipolazioni sul DOM in maniera semplicissima utilizzando selettori stile CSS.
Open source, leggera, compatibile con tutti i browser e con il vantaggio di essere probabilmente già in cache del browser degli utenti essendo usata da quasi tutti i siti web (dovete però usare un CDN per usufruire di questo vantaggio).
jquery.com
PhoneGap
PhoneGap è un framework multipiattaforma che permette di sviluppare applicazioni per la maggior parte dei sistemi operativi mobile usando HTML, JS e CSS.
Perfetto per chi vuole sviluppare su mobile senza imparare una decina di linguaggi diversi.
phonegap.com
PhoneJS
Un framework che aiuta a sviluppare applicazioni web mobile con interfaccie uguali a quelle native dei vari OS mobile.
Perfetto se usato in combinazione con PhoneGap.
phonejs.devexpress.com
TideSDK
Un framewrok che permette, come PhoneGap, di sviluppare applicazioni utilizzando HTML, JS e CSS.
A differenza di PhoenGap, TideSDK serve per creare applicazioni per Windows, Mac OSX e distro GNU/Linux.
www.tidesdk.org
StackOverflow
Non è propriamente un tool ma un sito web, ma è perfetto per porre domande e trovare risposte a problemi di programmazione su qualunque linguaggio e piattaforma.
stackoverflow.com
LESS CSS
Una variante del linguaggio CSS, presenta molte migliorie ma necessita di essere compilato.
Personalmente io lo compilo automaticamente utilizzando un'estensione di Brackets.
lesscss.org
Closure Compiler
Un compilatore di Javascript creato da Google, permette di ridurre drasticamente il peso degli script JS.
closure-compiler.appspot.com
Io per il momento mi trovo bene con questi strumenti che utilizzo giornalmente, ma sono sicuro che voi conoscete qualche cosa che io non conosco e che potrebbe tornarmi utile, e spero che qualcosa di ciò che ho postato possa tornare utile a voi.
Aspetto le vostre risposte.
Vorrei aprire un topic dove condividere i software, tool, framework, etc usati per sviluppare siti web ed applicazioni con tecnologie come Javascript, HTML e CSS.
In questo campo l'utilizzo di un software o framework piuttosto che un altro possono fare davvero la differenza, e spesso ci si inchioda su ciò che si sa usare senza cercare nuove soluzioni.
Condividere qui le cose che riteniamo degne di nota credo potrà rivelarsi utile a tutti gli sviluppatori.
Inizio logicamente io con una lista dei software e framework che utilizzo attualmente. Vi prego di evitare di scrivere solo i nomi ma di aggiungere anche una descrizione.
Brackets
E' un editor di testo open source che supporta HTMl, CSS, JS, SASS, LESS ed in generale un'infinità di linguaggi dato che possono essere sviluppati plugin per aggiungerne di nuovi.
L'intero editor è sviluppato a sua volta in HTML/CSS/JS, in questo modo creare plugin è semplicissimo perché si può usare gli stessi linguaggi che già usiamo per programmare.
Le funzioni degne di nota dell'editor sono una modalità rapida per modificare e creare regole CSS direttamente dal file HTML e la modalità live view che permette di modificare il codice nell'editor mentre si guarda su Chromium/Chrome l'anteprima del progetto in tempo reale.
www.brackets.io
WinSCP
Abituato a lavorare su Ubuntu&co. quando mi sono trovato costretto a tornare su Windows ho avuto qualche problema ad ambientarmi con il trasferimento di dati tramite SFTP/FTP.
Filezilla è pessimo: lento, macchinoso e problematico.
Dopo diversi mesi di utilizzo di Filezilla ho scoperto WinSCP, un ottimo client che supporta i protocolli sopra menzionati e che funziona benissimo senza intoppi o problemi strani.
www.winscp.net
Adobe Edge Inspect
Questo è come la manna dal cielo per gli sviluppatori di applicazioni mobile web.
Permette di utilizzare i developer tools di Google Chrome sul computer per interagire con il browser del proprio device.
Basta avviarlo, visitare una pagina su Chrome (oppure usare l'estensione per Brackets) e la pagina si aprirà sul proprio device.
La versione gratuita che uso io non so sino a quanti dispositivi supporti contemporaneamente, ma la versione a pagamento permette di visualizzare contemporaneamente su infiniti device il proprio progetto.
Utilissimo se si ha necessità di testare il tutto su vari sistemi operativi di vari smartphone con varie risoluzioni.
html.adobe.com/edge/inspect/
Genymotion
Un emulatore di Android, permette di scaricare virtual machines già configurate con le impostazioni dei device più noti, con o senza G-Apps.
www.genymotion.com
XAMPP
Per chi ha bisogno di un server Apache/MySQL/Tomcat/etc su Windows, XAMPP fa al caso suo.
Su distribuzioni GNU/Linux invece si ha la fortuna di poter installare direttamente da console apache e mysql + phpmyadmin.
www.apachefriends.org/it/xampp.html
Google Chrome/Chromium
Credo non abbia bisogno di presentazioni, con i developer tools integrati è possibile debuggare siti web in maniera semplice ed efficace. E le innumerevoli estensioni possono aiutarvi in specifici campi.
google.com/chrome / chromium.org
Riguardo ai framework, tool e librerie che utilizzo...
jQuery
La libreria Javascript più famosa al mondo.
Permette di effettuare manipolazioni sul DOM in maniera semplicissima utilizzando selettori stile CSS.
Open source, leggera, compatibile con tutti i browser e con il vantaggio di essere probabilmente già in cache del browser degli utenti essendo usata da quasi tutti i siti web (dovete però usare un CDN per usufruire di questo vantaggio).
jquery.com
PhoneGap
PhoneGap è un framework multipiattaforma che permette di sviluppare applicazioni per la maggior parte dei sistemi operativi mobile usando HTML, JS e CSS.
Perfetto per chi vuole sviluppare su mobile senza imparare una decina di linguaggi diversi.
phonegap.com
PhoneJS
Un framework che aiuta a sviluppare applicazioni web mobile con interfaccie uguali a quelle native dei vari OS mobile.
Perfetto se usato in combinazione con PhoneGap.
phonejs.devexpress.com
TideSDK
Un framewrok che permette, come PhoneGap, di sviluppare applicazioni utilizzando HTML, JS e CSS.
A differenza di PhoenGap, TideSDK serve per creare applicazioni per Windows, Mac OSX e distro GNU/Linux.
www.tidesdk.org
StackOverflow
Non è propriamente un tool ma un sito web, ma è perfetto per porre domande e trovare risposte a problemi di programmazione su qualunque linguaggio e piattaforma.
stackoverflow.com
LESS CSS
Una variante del linguaggio CSS, presenta molte migliorie ma necessita di essere compilato.
Personalmente io lo compilo automaticamente utilizzando un'estensione di Brackets.
lesscss.org
Closure Compiler
Un compilatore di Javascript creato da Google, permette di ridurre drasticamente il peso degli script JS.
closure-compiler.appspot.com
Io per il momento mi trovo bene con questi strumenti che utilizzo giornalmente, ma sono sicuro che voi conoscete qualche cosa che io non conosco e che potrebbe tornarmi utile, e spero che qualcosa di ciò che ho postato possa tornare utile a voi.
Aspetto le vostre risposte.
