Liens

Adobe Color est un outil en ligne gratuit qui permet de créer, explorer et enregistrer des palettes de couleurs harmonieuses. Idéal pour les designers, il facilite la recherche de combinaisons chromatiques cohérentes à partir de la roue chromatique, d’images ou de tendances.

Bear CSS génère automatiquement une feuille de style de base à partir de votre fichier HTML. Pratique pour démarrer rapidement un projet web avec une structure CSS propre et bien organisée.

Best CSS Button Generator permet de créer facilement des boutons personnalisés en CSS. L’outil propose un aperçu en direct et génère le code prêt à copier pour vos sites web.

Box-Shadow CSS Generator est un outil en ligne simple pour créer des ombres portées personnalisées en CSS. Il affiche un aperçu en temps réel et fournit le code prêt à copier.

Brackets est un éditeur de code open source conçu pour le web. Léger et moderne, il offre une prévisualisation en direct et des outils intégrés pour HTML, CSS et JavaScript.

Parfait pour les novices, ce projet est hélas terminé et a été remplacé par Phoenix Code.

Can’t Unsee est un serious game pour améliorer son œil de designer. Il propose des comparaisons d’interfaces où il faut repérer la version la mieux conçue.

Saurez vous distinguez les bonnes pratiques des mauvaises en terme de design web ?

Clippy est un générateur en ligne qui permet de créer facilement des formes personnalisées avec la propriété CSS clip-path. L’outil affiche un aperçu en direct et fournit le code prêt à copier.

CodePen est une plateforme en ligne pour tester, partager et expérimenter du code HTML, CSS et JavaScript. Idéale pour les développeurs front-end, elle permet de créer des démos interactives appelées pens.

ColorZilla est une extension pour navigateur (Firefox ou Chrome) qui permet de prélever des couleurs sur une page web, de créer des dégradés CSS et d’analyser les palettes utilisées sur un site.

Coolors est un générateur de palettes de couleurs rapide et intuitif. Il permet de créer, ajuster et exporter facilement des combinaisons chromatiques harmonieuses pour vos projets graphiques ou web.

CSS Diner est un serious game pour apprendre à maîtriser les sélecteurs CSS. Il faut sélectionner les bons objets sur une table en écrivant les sélecteurs correspondants.

Gradient Animator est un outil en ligne qui permet de créer facilement des dégradés animés en CSS. Il génère automatiquement le code @keyframes prêt à être intégré dans vos projets web.

CSS Grid Garden est un serious game pour apprendre à utiliser le module CSS Grid. En arrosant des carottes virtuelles, vous progressez à travers des niveaux qui expliquent les principales propriétés du grid layout.

CSS Loaders propose une collection d’animations de chargement entièrement en CSS. Chaque loader est personnalisable et accompagné du code prêt à intégrer dans vos projets web.

Ce site permet de consulter des espaces de démonstration de propriétés CSS et HTML créés par des membres.

CSS Portal regroupe une collection d’outils et de nombreux générateurs CSS en ligne. Il aide les développeurs à créer, tester et optimiser facilement leurs styles pour le web.

CSS Stripes Generator permet de créer facilement des fonds à rayures en CSS ou en image. L’outil offre un aperçu en direct et génère le code ou le fichier prêt à utiliser.

Eclipse est un environnement de développement intégré (IDE) open source, principalement utilisé pour Java mais compatible avec de nombreux langages. Il offre une plateforme complète pour coder, compiler et déboguer des applications.

EnjoyCSS est un générateur visuel complet pour créer des styles CSS avancés. Il permet de concevoir boutons, dégradés, ombres, transitions et effets sans écrire de code manuellement.

FileZilla est un client FTP, FTPS et SFTP gratuit et open source. Il permet de transférer facilement des fichiers entre votre ordinateur et un serveur web.

Flexbox Defense est un serious game pour apprendre le modèle CSS Flexbox. En plaçant des tours de défense à l’aide des propriétés flex, vous progressez à travers des niveaux pédagogiques et ludiques.

Flexbox Froggy est un serious game pour apprendre à utiliser CSS Flexbox. En positionnant des grenouilles sur des nénuphars grâce aux propriétés flex, vous découvrez pas à pas le fonctionnement de ce module CSS.

Just Color Picker est un logiciel gratuit qui permet de prélever et d’enregistrer des couleurs à l’écran. Il affiche les valeurs RGB, HEX, HSL et d’autres formats utiles pour le design et le développement web.

KeePass est un gestionnaire de mots de passe open source. Il permet de stocker et chiffrer en toute sécurité vos identifiants dans une base locale protégée par un mot de passe maître.

MDN Web Docs est une ressource de référence créée par Mozilla. Elle propose une documentation complète et fiable sur les technologies web : HTML, CSS, JavaScript, API et bonnes pratiques de développement.

Apache NetBeans est un environnement de développement intégré (IDE) open source. Il prend en charge plusieurs langages comme Java, PHP, HTML5 et C++, et offre des outils complets pour coder, tester et déboguer des applications.

Notepad++ est un éditeur de texte et de code open source pour Windows. Léger et rapide, il prend en charge de nombreux langages de programmation et offre une interface personnalisable avec coloration syntaxique.

OpenClassrooms est une plateforme d’apprentissage en ligne proposant des cours et des parcours diplômants dans de nombreux domaines, dont le développement web, le design, le marketing et la gestion de projet.

Paletton est un générateur de palettes de couleurs interactif. Il aide à créer des combinaisons harmonieuses à partir de la roue chromatique, avec des aperçus adaptés aux interfaces web et graphiques.

Photopea est un éditeur d’images en ligne complet et gratuit, compatible avec les fichiers PSD, XCF, Sketch et autres formats. Il offre des fonctionnalités proches de Photoshop directement dans le navigateur.

PhpStorm est un environnement de développement intégré (IDE) conçu par JetBrains pour le développement PHP. Il offre une autocomplétion intelligente, un débogueur intégré et des outils puissants pour le code front-end et back-end.

Sublime Text est un éditeur de code léger et rapide, apprécié pour sa simplicité et ses performances. Il prend en charge de nombreux langages et offre une interface épurée avec de puissants outils de recherche et de navigation.

The Bézier Game est un serious game qui permet d’apprendre à manier la plume et les courbes de Bézier. Idéal pour s’exercer aux tracés vectoriels avec l’outil plume comme dans Illustrator ou Inkscape.

Boolean Game est un serious game pour apprendre les opérations booléennes sur les formes vectorielles (union, intersection, soustraction). Il permet de comprendre les principes de base utilisés dans les logiciels de dessin comme Illustrator ou Figma.

Visual Studio Code est un éditeur de code gratuit et multiplateforme développé par Microsoft. Léger et puissant, il prend en charge de nombreux langages et extensions pour le développement web et logiciel.

VSCodium est une version open source de Visual Studio Code, sans télémétrie ni éléments propriétaires. Il offre les mêmes fonctionnalités et extensions, dans un environnement totalement libre.

W3Schools est une plateforme d’apprentissage en ligne dédiée au web. Elle propose des tutoriels interactifs et des exemples pratiques pour apprendre le HTML, le CSS, le JavaScript, le PHP et bien d’autres langages.