Editeurs de texte

• Notepad++

Notepad++ est un outil destiné avant tout aux développeurs, débutants comme confirmés ; offrant la coloration syntaxique de plus de vingt langages de programmation différents.



• Brackets

Brackets est un éditeur de code destiné au développement et au design de pages web aux formats HTML, CSS ou JavaScript. Il possède une fonction bien pratique qui permet de mettre à jour du code HTML et CSS, dans le navigateur web, en temps réel sans rechargement.

Sites de formations

• Openclassrooms

Openclassrooms est un site proposant des tutoriels d'informatique gratuits en ligne pour les débutants. Le forum est très actif.



• Fun-mooc

France université numérique (FUN) est la plate-forme nationale française visant à promouvoir l'utilisation des cours en ligne ouverts et massifs (désigné en anglais par MOOC, massive open online course).



• Grafikart

Grafikart est un site sur lequel vous trouverez de nombreux tutoriels vidéos gratuit d'informatique, en particulier sur HTML, CSS, Javascript et PHP. Présence d'un forum.

Navigateurs

• Mozilla Firefox

Mozilla Firefox est un navigateur sûr et fiable. Il est compatible avec les derniers formats HTML5, WebGL et JavaScript.



• Google Chrome

Google Chrome est un navigateur web moderne créé et développé par Google. Google Chrome se veut avant tout rapide et efficace. Il dispose également d'excellentes performances en JavaScript et d'une très bonne prise en charge du HTML 5.

Logiciels et outils graphiques

• Photofiltre

PhotoFiltre 7 est un logiciel gratuit de retouche d’images très complet.



• The Gimp

GIMP est un programme de création graphique et de retouche photo très puissant. Il comporte l'ensemble des outils nécessaires à la création de dessins ainsi que tous les filtres pour corriger et améliorer un cliché.



• Inkscape

Inkscape est un logiciel libre d'édition de graphismes vectoriels, doté de capacités similaires à Illustrator, Freehand ou CorelDraw, utilisant le format de fichiers Scalable Vector Graphics (SVG) standard du W3C.



• La boite à couleurs

La Boîte à couleurs permet la conversion d'une couleur dans les systèmes RVB, TLS, CMJ, CMJN et HTML. Un outil pipette permet de récupérer une couleur à l'écran. Un mode visuel donne la possibilité de choisir une couleur dans un nuancier. Enfin, la sélection de couleurs peut se faire dans une des listes de noms de couleurs fournies (RGB, HTML, Pantone).

Création de pages Web

• Cssreference.io

Cssreference.io est un guide visuel gratuit pour CSS. Il présente les propriétés les plus populaires et les explique avec des exemples illustrés et animés. Site en anglais !



• Htmlreference.io

htmlreference.io est un guide gratuit pour le HTML. Il présente tous les éléments et les attributs. Site en anglais !



• Référence HTML

Référence des éléments HTML.



• Référence CSS

Une référence exhaustive destinée aux développeurs web et qui décrit chaque propriété et concept de CSS.



• Guide JavaScript

Ce guide JavaScript illustre comment utiliser JavaScript et fournit un aperçu des fonctionnalités du langage.



• Ma Boîte

Un site qui regroupe des conseils très utiles sur l'aspect visuel et ergonomique pour la création d'un site web (charte graphique, choix des couleurs, typographie...). A lire absolument !



• Paletton

Un site d'une aide précieuse pour choisir les couleurs de son site. Il permet, en renseignant uniquement une couleur, de sortir de nombreuses relations chromatiques.



• Coloors

Pour concevoir un site web attractif, il est important de choisir la bonne combinaison de couleurs. Coloors permet de trouver très facilement des palettes de couleurs qui vont bien ensembles.

Images, cliparts, icônes, polices

• ClipArt PNG

Une bibliothèque gratuite de cliparts au format png.



• Pixabay

Une bibliothèque d'images libres de droit.



• Kaboompics

Une bibliothèque d'images associées à une palette de couleurs.



• Pngimg.com

Un catalogue d'images PNG gratuites.



• Dafont.com

Un catalogue de polices de caractères.



• freepik.com

Ressources graphiques gratuites (images, icônes, images vectorielles).



• Iconshock.com

Une grande source d'icônes personnalisables facilement. La version gratuite vous permez de les télécharger uniquement en PNG.



• icones.pro

Un catalogue d'icônes.

Création de textures ou de backgrounds

Outils en ligne qui pourront vous aider à réaliser facilement et rapidement des textures ou backgrounds pour vos projets web.

• Grabient

Grabient permet de générer très facilement des dégradés pour vos projets web. Un bouton permet de copier facilement le code CSS correspondant.



• Plain Pattern

Plain Pattern vous propose de télécharger votre propre SVG (icône, forme, illustration, etc.) afin de pouvoir paramétrer votre background comme vous le souhaitez.



• Transparent Textures

Un outil qui permet de découvrir une centaine de textures très rapidement. Vous pouvez choisir la couleur de fond et sélectionner votre texture pour voir le résultat en direct.



• Hero Patterns

Hero Patterns reste dans le même esprit que Transparent Textures avec quelques options plus avancées. On retrouve notamment la possibilité de gérer l'opacité de la texture qui permet un réglage plus précis.



• Subtle Patterns

Ce site propose plus de 400 backgrounds.