Liens
Sites ultra complets (web, art numérique, etc. )
- Openclassrooms (HTML, CSS, JAVASCRIPT, MOBILE, PHP, …)
fr.openclassrooms.com - Marc Wathieu (prof à l’Erg et à la HEAJ)
www.multimedialab.be - Stéphane Noël (prof à l’Erg et à l’Esa)
arts-numeriques.codedrops.net - OSP (Open Source Publishing)
http://osp.kitchen - Constant (Association pour l’Art et les Médias)
http://www.constantvzw.org - Khan Academy
https://fr.khanacademy.org
Math et Science
Internet
- Histoire de l’Internet
arts-numeriques.codedrops.net
Typographie en CSS
- Quelle police de caractère pour le WEB ? : www.alsacreations.com
- Google Web Fonts : www.google.com/webfonts
- Font Squirrel : www.fontsquirrel.com
- Adobe Typekit : https://typekit.com
- @font-face Generator : www.fontsquirrel.com/fontface/generator
- Utiliser @font-face : css-tricks.com/snippets/css/using-font-face
Développement web
- Page Speed pour analyser la rapidité d’un site : code.google.com/intl/fr/speed/page-speed
- Des statistiques pour analyser vos sites WEB : Google Analytics
CMS WordPress (open-source)
- Télécharger la dernière version de WordPress : www.wordpress-fr.net
- Installer WordPress en local sur MAC avec Mamp (vidéo) : http://wpchannel.com
- Installer WordPress en local sur PC avec Wamp : www.scriptol.fr/wordpress
- Installer WordPress en local sur PC avec EasyPhp : wpchannel.com
- Installer WordPress avec un client FTP (vidéo) : http://wpchannel.com
- Installer les 12 meilleurs plugins WordPress : wpchannel.com/12-meilleurs-plugins-wordpress
- Autres tutoriaux vidéos WordPress : http://videonoob.fr
- WordPress expliqué chez Stéphane Noël : arts-numeriques.codedrops.net
- Créer un fil d’ariane sur vos pages : wpchannel.com/creer-fil-ariane-plugin-wordpress
Webdesign et ergonomie
- Démarrer un site Mockups & Rough : www.alsacreations.com
- Maquette (mockups) en ligne : www.mockflow.com
- Sélection de sites qui ont de la « gueule » : www.minimalsites.com
- Les grilles dans le webdesign : www.alsacreations.com
- The 960 Grid System : http://960.gs
- Blog référence traitant principalement d’ergonomie : blog.60questions.net
- Optimiser ses images selon Google : code.google.com/intl/fr/speed/articles/optimizing-images
- Les différents formats images pour le WEB (PDF) : Les formats images WEB (PDF)
FTP (pour mettre vos sites sur Internet)
- Tutoriel en PDF : Le FTP (File Transfert Protocole)
Hébergeurs de sites Internet
- Ovh (français, pas trop cher, facile, réputé, assistance ok) : www.ovh.com
- Infomaniak (suisse, plus cher, réputé, assistance ok) : www.infomaniak.be
Logiciels utilisés (gratuits)
- Navigateur Web open source : Firefox
- Plug-in Firefox pour vérifier le code : Firebug
- Plug-in Firefox pour (dés)activer CSS, Javascript,… : Web Developer
- Remplir une page avec du « Lorem Ipsum » : Dummy Lipsum
- Éditeurs de code open source pour Mac : Sublime Text
- Éditeurs de code pour PC : Sublime Text2, Notepad++
- Serveur local pour Mac : Mamp
- Serveur local pour PC : Wamp
- Client FTP open source pour Mac : Cyberduck
- Client FTP open source pour Mac, PC, Linux : FileZilla
- Plug-in FTP pour Firefox : Fire FTP
Processing (open-source)
- Télécharger et apprendre Processing : http://processing.org
- Didacticiel complet Processing (pdf) : didacticiel Processing complet (pdf)
- Processing compilé en Javascript pour le web : http://processingjs.org
- Processing expliqué chez Stéphane Noël : arts-numeriques.codedrops.net
- Processing à l’École d’Art d’Aix-en-provence: www.ecole-art-aix.fr
- Site du livre « Generative Gestaltung » avec exemples : www.generative-gestaltung.de
- Historique de l’ordinateur par Marc Wathieu (pdf) : historique ordinateur (en pdf)
After-effects (license)
- Tutos Adobe TV : tv.adobe.com
- Tutos Mattrunks : mattrunks.com