LIENS

HTML - CSS - JS

Tout ce qui te faut pour devenir le meilleur en HTML - CSS - JS !

HTML - CSS - JS

Quelques liens pour t'aider

Un validateur HTML :

Validator : permet de valider son code HTML

Quelques éditeurs de code :

Sublime Text : éditeur de code a télécharger

Visual Studio Code : éditeur de code a télécharger (utilisé par les professionnels, meilleur selon moi)

CodePen : éditeur de code en ligne

Polices pour le Web :

Ici : 21 familles de polices prêtes pour le Web

Google Font : polices d'écritures gratuites pour le Web

Liens utiles pour en apprendre plus :

W3Schools : plus grand site de développeurs Web du monde

Pierre Giraud : toutes vos ressources sur le développement Web

Guide CSS : conseils et bonnes pratiques sur le CSS

OpenClassrooms : site plus généraliste pour apprendre toutes sortes de langages

Mozilla HTML : technologies Web pour développeurs

Mozilla CSS : technologies Web pour développeurs

Mozilla JavaScript : technologies Web pour développeurs

Les images :

Remove : supprime le fond d'une image

Pixabay : images libres de droits et gratuites à télécharger

Pour réaliser les maquettes :

Figma : outil possible pour réaliser des maquettes

Axure : outil possible pour réaliser des maquettes

Balsamiq : outil possible pour réaliser des maquettes

Diagrams : outil possible pour réaliser des maquettes

Compresser une image :

Imagify : outil en ligne avec traitement par lots

Tiny PNG : outil en ligne jusqu'à 20 images en même temps

Image Optim : outil en local, sur Mac

Luci CriosWeb : outil en local, sur Windows

PNG Gauntlet : outil en local, sur Windows

Conversion d'une image :

AnyConv JPG : conversion de l'image JPG en WEBP

AnyConv PNG : conversion de l'image PNG en WEBP

Jeux pour apprendre :

Flexbox Froggy : jeu pour apprendre le CSS

CSS Diner : jeu pour apprendre le CSS

Flexbox Defense : jeu pour apprendre le CSS

Grid Garden : jeu pour apprendre le CSS (grid)

Vim Adventure : jeu pour apprendre