Éditeur de code

Komodo Edit : Éditeur de code comprenant complétion automatique et colorisation syntaxique pour de nombreux language web : Python, PHP, Ruby, Perl, HTML, CSS and JavaScript.

Notepad++ : Éditeur de code de taille réduite mais très performant. (Windows seulement)

Tutoriels en ligne

• openclassrooms.com [FR] : 1er site d’e-Éducation en français principalement axé sur la programmation.
• w3school.com  [EN] : Apprendre les languages de programmations web en écran splité (code / apercu).
• alsacreations.com [FR] :  Pour aller plus loin dans ses bonnes pratiques de développemnt web

Outils de développement en ligne

Tester votre site

• gs.statcounter.com : Statistique des naviguateurs web et tailles d’écrans utilisées.
• browsershots.org : Tester votre site sur de multples systémes d’exploitations, tailes d’écrans, et naviguateurs web et voir les imprimes écrans.
• emulateurmobile.com : Afficher la version mobile de votre site suivant le smartphone utilisé.

Tester votre code

• validator.w3.org : Correcteur de code HTML
• jigsaw.w3.org/css-validator : Correcteur de code CSS
• www.javascriptlint.com : Correcteur de code Javascript

Aide au développement

• caniuse.com : Liste des propriétées prises en charges suivant les naviguateurs et leurs versions
• css3-drop-shadows.herokuapp.com/app : Générateur de code CSS pour créer des ombres portées.
• javascriptcompressor.com : Compresse votre code Javascript (code plus léger et illisible)

Image

• tinypng.com : Compresser vos images PNG sans perte visible.
• websiteplanet.com : Compression en ligne de PNG et JPEG
• webresizer.com : Modifier, recadrer et compresser vos images JPG
• favicon.cc : Créer votre favicon (vignette d’onglet) pour votre site internet.
• realfavicongenerator.net : Pour générer le code est les différentes versions d’images de favicon pour tout les supports.
• color.hailpixel.com : Trouver facilement les codes couleurs qui vont bien ensembles (haxadecimal, rgb, hsl)

CodeCombat – Le jeu qui va vous apprendre à programmer

codecombat.com : Un jeu qui peut vous aider à vous familiariser avec la programmation. Vous participez à l’aventure en codant dans un éditeur situé sur la droite afin de déplacer un personnage, attaquer des ennemis, réaliser des actions…Etc.

Code combat est un jeu open source (code, la musique et les graphisme sous licence MIT et CC).

Banque d’images libres

• pixabay.com : Une banque d’images en licence Creative Commons Deed CC0 (domaine publique).
• commons.wikimedia.org : Une banque d’image libre de droit.
• secure.flickr.com/commons : Photos d’archive publiques du monde entier
  secure.flickr.com/search/advanced : Possibilité d’utiliser la recherche avancée pour filtrer les photos libres de droits.
• subtlepatterns.com : Télécharger des textures en licence CC BY-SA 3.0