1. Infographie
1.1. Fireworks
1.1.1. optimisation des images pour le web
1.1.1.1. export
1.1.1.1.1. .gif ou.png (8bits, 256 couleurs, transparence)
1.1.1.1.2. .jpg (24bits, 16millions de couleurs, pas de transparence)
1.1.1.1.3. .png (32 bits + transparence)
1.1.2. mockup / prototyping
1.1.2.1. export
1.1.2.1.1. .html
1.1.2.1.2. .css
1.1.2.1.3. .js (javascript)
1.1.3. Layouts
1.1.3.1. fichier source .png
1.1.3.1.1. pages
1.1.3.1.2. calques
1.1.3.1.3. Grilles
1.1.3.1.4. filtres
1.1.3.1.5. interactivité
1.1.3.2. découpage pour HTML/CSS
2. Web & Multimedia
2.1. Hébergement web
2.1.1. www.dropbox.com
2.2. .HTML (hypertexte)
2.2.1. Reference manual and test drive
2.2.1.1. http://www.w3schools.com/html/default.asp
2.3. .CSS (style)
2.3.1. Reference manual and test drive
2.3.1.1. http://www.w3schools.com/css/css_examples.asp
2.4. .JS (Javascript)
2.4.1. jquery test drive
2.4.1.1. http://jquery.com/
2.5. .SWF (FLASH)
2.5.1. vidéo (.FLV)
2.5.2. audio
2.5.3. typographie et dessin vectoriel
2.5.4. images bitmap (import)
2.5.5. interactivité (actionscript .AS)
2.5.5.1. exemples créatifs
2.5.5.1.1. www.alphabazar.net
2.5.5.2. sources .fla
2.5.5.2.1. http://ffiles.com/
2.5.6. animation
2.5.7. composants
2.5.7.1. diaporama
2.5.7.1.1. http://slideshowpro.net
2.6. .PDF
2.7. Captures vidéos
2.7.1. http://www.screentoaster.com
2.7.1.1. .MOV
2.7.1.2. .FLV
2.8. transfert FTP
2.8.1. www.filezilla-project.org
2.8.2. https://addons.mozilla.org/fr/firefox/addon/684/
3. Conception de projet
3.1. gestion de projet / task management
3.1.1. http://basecamphq.com/
3.1.2. http://www.google.com/calendar
3.1.3. http://www.google.com/mobile/sync/
3.2. veille technologique
3.2.1. magazine
3.2.1.1. www.smashingmagazine.com
3.2.2. bookmarking
3.2.2.1. http://delicious.com
3.2.2.1.1. delicious firefox addon
3.2.2.2. image bookmark
3.2.2.2.1. http://vi.sualize.us/
3.2.3. marketplaces
3.2.3.1. http://envato.com
3.3. hierarchie / navigation
3.3.1. ergonomie
3.3.1.1. http://wireframes.tumblr.com/
3.3.2. mindmapping
3.3.2.1. www.mindmeister.com
3.4. sketching
3.4.1. http://speckyboy.com/2010/07/14/a-collection-of-printable-web-browser-sketching-and-wireframe-templates/
3.5. direction graphique / artistique
3.5.1. moodboard / planche tendance
3.5.1.1. www.imgspark.com
3.5.2. inspiration graphique
3.5.2.1. galerie de sites flash
3.5.2.1.1. www.thefwa.com
3.5.2.2. galeries CSS
3.5.2.2.1. www.cssimport.com
3.5.2.2.2. http://bestwebgallery.com
3.5.2.3. galerie de layouts, illus, ...
3.5.2.3.1. www.behance.net
3.5.2.4. typographie web
3.5.2.4.1. www.fontsquirrel.com/
3.5.2.5. couleurs
3.5.2.5.1. www.kuler.com
3.5.2.6. magazines
3.5.2.6.1. http://speckyboy.com/
3.5.2.6.2. http://www.smashingmagazine.com/
3.5.2.6.3. http://www.webdesignerwall.com/trends/best-of-design-2010/
3.5.2.7. stockphoto
3.5.2.7.1. www.istockphoto.com