1. Idee/spunti
1.1. http://www.nomadidigitali.it/tecnologia-e-attrezzatura/10-migliori-software-per-lavorare-viaggiando/
1.2. http://www.getapp.com/
1.3. http://www.designjunction.com.au/useful-tools
1.4. http://www.webdesignerdepot.com/2014/03/the-ultimate-guide-to-freelancing/
1.5. https://medium.com/design-ux/799d16952a56
1.5.1. da controllare le risorse dedicate alla fatturazione, Wireframing, mockup
1.6. http://oozled.com/
2. Organizzazione del tempo/aumento produttività
2.1. https://www.wunderlist.com/en/
2.2. http://www.getharvest.com/
2.3. http://www.boomeranggmail.com/#
2.3.1. http://francescogavello.it/boomerang-gmail-email-tracking
2.4. http://latuaprivacy.com/
2.4.1. generatore automatico di una pagina privacy
2.5. https://www.toggl.com/
2.5.1. time tracking
2.5.1.1. https://www.toggl.com/
2.6. http://www.webhouseit.com/grunt-task-runner-spiegato-webdesigner/
2.7. http://www.clockingit.com/
2.7.1. discussione su facebook
2.7.1.1. https://www.facebook.com/adriano.dearcangelis/posts/10152201732237675
2.8. http://businessandtech.com/10-risorse-per-risparmiare-tempo-e-ridurre-lavoro-inutile/44792
2.9. trello
2.9.1. http://www.webhouseit.com/trello-tool-gratis-per-project-management-spesso-ignorato/
2.10. http://www.officetime.net/
2.10.1. recensione
3. Sviluppo Front End
3.1. Validazione codice
3.1.1. Link checker http://validator.w3.org/checklink
3.1.2. Validazione dei css http://jigsaw.w3.org/css-validator/
3.1.3. Validazione del codice http://validator.w3.org/#validate_by_uri+with_options
3.2. Test su più browser/dispositivi
3.2.1. http://browsershots.org/
3.2.2. http://crossbrowsertesting.com/
3.2.3. http://www.browserstack.com/
3.2.4. Download di immagini per macchine virtuali per testare IE http://loc.modern.ie/en-us/virtualization-tools#downloads
3.2.5. http://netrenderer.com/
4. Corsi online
4.1. Tuts ebook e corsi/videocorsi https://tutsplus.com/
4.2. Killersite http://library.killersites.com/
4.3. Codeacademy http://www.codecademy.com/
4.4. W3Dev Campus http://www.w3devcampus.com/
4.5. https://teamtreehouse.com/
5. Siti web da seguire
5.1. http://alistapart.com/ (versione italiana http://www.italianalistapart.com/)
5.2. http://www.smashingmagazine.com/
5.3. http://www.creativebloq.com/
6. Mockup/Wireframe/presentazioni per il cliente
6.1. Place It https://placeit.net/
6.2. Balsamiq http://webdemo.balsamiq.com/
6.3. MockFlow http://www.mockflow.com/
6.4. QwikVu http://qwik.vu/
6.5. http://www.wirify.com/
6.5.1. wirify
6.5.1.1. consente di trasformare una qualsiasi pagina web in un wireframe in un click
7. Prestazioni sito
7.1. GT Metrix http://gtmetrix.com/
7.2. Smush It http://www.smushit.com/ysmush.it/ per ridurre il peso delle immagini
7.3. http://www.cleancss.com/
7.4. Minimizzare i CSS http://cssminifier.com/
7.5. Minimizzare i js http://javascript-minifier.com/
8. DA CLASSIFICARE
8.1. http://jsfiddle.net/ sviluppo collaborativo
8.2. http://www.sublimetext.com/
8.3. http://www.panic.com/coda/
8.4. https://github.com/ sviluppo collaborativo
8.5. Icon finder https://www.iconfinder.com/
9. Font
9.1. Font Showcase http://www.typewolf.com/
9.2. Differenze tra font http://tiff.herokuapp.com/
9.3. Combinazione font http://font-combinator.com/
9.4. Libreria font https://typekit.com/
9.5. Google font http://www.google.com/fonts/
9.6. Font Squirrel http://www.fontsquirrel.com/
9.7. Che font è da immagine http://www.myfonts.com/WhatTheFont/
10. software di editing e grafica
10.1. http://bohemiancoding.com/sketch/
10.1.1. recensioni
10.1.1.1. https://medium.com/sketch-app/f1448d9ae62a
10.1.1.2. http://www.ridble.com/sketch-3-recensione/
10.1.2. esempio pratico
10.1.2.1. http://dribbble.com/shots/1509489-Bidaway-Landing-Page-Redesign/attachments/227401
10.1.3. discussione su facebook
10.1.3.1. https://www.facebook.com/groups/webdesigner/permalink/698916620167945/?stream_ref=3
10.1.4. che cos'è
10.1.4.1. software a pagamento, disponibile solo per mac utile per creare interfacce grafiche per siti web e per il mobile. Ottima ed economica alternativa a programmi ben più costosi come Photoshop o Illustrator.
10.1.5. tutorial
10.1.5.1. come creare un set di icone con Sketch
10.1.5.1.1. http://www.creativebloq.com/netmag/create-hairline-icon-set-using-sketch-81412575
10.2. http://www.pixelmator.com/
10.2.1. che cos'è
10.2.1.1. editor di immagini professionale solo per mac a pagamento. Permette di aprire e gestire anche file creati con Photoshop
10.2.2. recensioni
10.2.2.1. http://it.wikipedia.org/wiki/Pixelmator
10.2.2.2. https://www.macupdate.com/app/mac/25879/pixelmator#ratings
10.2.2.3. http://www.saggiamente.com/2010/02/20/pixelmator-semplice-alternativa-a-photoshop/
10.2.2.4. http://pixelmator.softonic.it/mac
10.2.2.5. http://lifehacker.com/jumping-ship-from-photoshop-to-pixelmator-a-switchers-1689515606
10.2.3. testimonianza
10.2.3.1. Christian Amorelli (da facebook): Uso Pixelmator sul MacBook e Photoshop su iMac e per il tipo di utilizzo che ne faccio non ci sono grandi differenze. Il fatto che con Pixelmator posso aprire i PSD lo rende un prodotto veramente valido. Visto che ci sono ti segnalo ANTETYPE
10.2.3.1.1. http://on.fb.me/1teO8ZE
10.3. http://www.antetype.com/index.html
10.3.1. che cos'è
10.3.1.1. editor a pagamento per la creazione di interfacce grafiche in responsive design di siti web, applicazioni mobile o software aziendali.
10.3.2. recensioni
10.3.2.1. http://mac.appstorm.net/reviews/graphics/create-stellar-prototypes-with-antetype/
10.3.3. testimonianza
10.3.3.1. Christian Amorelli (da facebook): ha già il necessario per gestire varie tipologie di interfacce per siti web, web app, e app native. Tutti gli elementi tipici di Bootstrap ad esempio basta posizionarli, personalizzarli e prendersi le regole CSS. Lo utilizza un mio collega, così quando mi passa le grafiche ho già tutte le 'direttive' per scrivermi il mio file LESS senza troppi sbattimenti. In più lui può gestirsi il responsive e quando apro il file di Antetype ho subito una visione completa del progetto per lavorare al meglio sulle griglie.
10.3.3.1.1. http://on.fb.me/1hZnKtl
10.4. https://affinity.serif.com/
10.4.1. recensioni
10.4.1.1. http://www.webhouseit.com/affinity-designer-una-valida-alternativa-photoshop-e-illustrator/
10.4.2. esempio pratico
10.4.3. discussione su facebook
10.4.3.1. https://www.facebook.com/groups/webdesigner/permalink/753144408078499/
10.4.3.2. https://www.facebook.com/groups/webdesigner/permalink/872708096122129/
10.4.3.2.1. vengono suggeriti altri software
10.4.4. che cos'è
10.4.4.1. software di grafica solo per mac
10.4.5. testimonianze
10.4.5.1. Mattia Astorino (da Facebook): Affinity design nasce come sostituto di Illustrator, non photoshop. Per photoshop stanno sviluppando Affinity Photo, che sembra ottimo. Alternative a photoshop per il web design ci sono da tempo, e anche piu specifiche, vedi Sketch e Pixelmator
11. programmi per catturare lo schermo (screenshots)
11.1. https://app.prntscr.com/en/index.html
12. programmi per creare palette di colori
12.1. http://coolors.co/intro/
12.2. http://palettab.com/
12.2.1. crea in maniera random una palette colori associata ad un Google Web Font