Bibliothèque d’animation CSS
animatie.css : https://animate.style/
Animista: https://animista.net/
Vivify : https://github.com/Martz90/vivify
Magic animation CSS3 : https://www.minimamente.com/project/magic/
Cssanimation: http://cssanimation.io/
Hover.css: https://ianlunn.github.io/Hover/
Wickedcss: https://kristofferandreasen.github.io/wickedCSS/
Three Dots : https://nzbin.github.io/three-dots/
Csshake: http://elrumordelaluz.github.io/csshake/
Angrytools: https://angrytools.com/
Générateur de font
Google font generator : https://fonts.google.com/#ChoosePlace:select
Dafont : https://www.dafont.com/fr/
Outils HTML
Schnaps.it : https://schnaps.it/
Scriptol : https://www.scriptol.fr/html5/
Initializr : http://www.initializr.com/
Textfixer: https://www.textfixerfr.com/html/
Générateur HTML : https://www.mesoutils.com/generateur.php
Validateur de code HTML
Validateur (X)HTML du W3C : https://validator.w3.org/
Validateur de code CSS
Validateur CSS du W3C : https://jigsaw.w3.org/css-validator/
Editeur de code
Sublimtext : https://www.sublimetext.com/
Brackets: https://brackets.io/
Visual studio code: https://code.visualstudio.com/
Atom: https://atom.io/
Live editor: http://liveditor.com/index.php
Light Table : http://lighttable.com/
Editeur de code en temps réel
Codepen.io : https://codepen.io/pen/
Squarefree: https://htmledit.squarefree.com/
HTML editor: https://html-online.com/editor/
HTML code editor: https://htmlcodeeditor.com/
Livewave : https://liveweave.com/
HTML instant: https://www.htmlinstant.com/
JS bin: http://jsbin.com/welcome/130/edit?html%2Coutput=
Dabblet : https://dabblet.com/
Site pour apprendre à coder
Openclassrooms : https://openclassrooms.com/fr/courses/1603881-apprenez-a-creer-votre-site-web-avec-html5-et-css3
Grafikart.fr: https://grafikart.fr/tutoriels/html et https://grafikart.fr/tutoriels/css
Pierre-Giraud: https://www.pierre-giraud.com/html-css-apprendre-coder-cours/
Codecademy : https://www.codecademy.com/catalog/language/html-css
Live-code: https://www.live-code.fr/view/courses/formation-gratuite-html-css/ (il faut s’inscrire)
Mamouthland : http://css.mammouthland.net/
Learn layout : https://fr.learnlayout.com/
Freecodecamp : https://www.freecodecamp.org/
Developpez. com : https://www.developpez.com/
Bitdegree : https://fr.bitdegree.org/learning
EDX : https://www.edx.org
Codingame : https://www.codingame.com/start
Dash general assembly : https://dash.generalassemb.ly/
Khanacademy: https://fr.khanacademy.org/
The odin project : https://www.theodinproject.com/
Udacity : https://www.udacity.com/
Bent.io : https://bento.io/
Upskill : https://upskillcourses.com/
W3schools : https://www.w3schools.com/
Coderbyte : https://coderbyte.com/
Stackoverflow : https://stackoverflow.com/
MDN web doc : https://developer.mozilla.org/fr/
Marksheet : https://marksheet.io/
Tuto.fr : https://fr.tuto.com/tuto/programmation/gratuit.html
Class central : https://www.classcentral.com/
01tuto.fr : https://01tuto.fr/categorie/internet/
Mymooc.com : https://www.my-mooc.com/fr/categorie/programmation
Fun Mooc : https://www.fun-mooc.fr/fr/cours/?languages=fr&limit=21&offset=0&subjects=2787
Learn digital with google : https://learndigital.withgoogle.com/ateliersnumeriques/
Facebook : https://www.facebook.com/business/learn?instant-hack.to?ens_rdr
Coursera : https://www.coursera.org/courses?query=free
Skillshare: https://www.skillshare.com/fr/browse/web-development
Udemy : https://www.udemy.com/courses/development/web-development/?lang=fr&price=price-free&sort=popularity
Flexboxfroggy : https://flexboxfroggy.com/#fr
Bootstrap
Bootstrap : https://getbootstrap.com/
Flexbox Memorandum des fonctions flexbox (pdf) : https://github.com/alsacreations/guidelines/blob/master/flexbox-cheatsheet.pdf
Grid
Memorandum des fonctions grid (pdf) : https://github.com/alsacreations/guidelines/blob/master/grid-cheatsheet.pdf
Interactive CSS grid generator: https://grid.layoutit.com/
Extension navigateur
Chrome
Chrome HTML editor : https://chrome.google.com/webstore/detail/html-editor/dacmeeeegjoaddfondbeaaafohldgfof?hl=fr
Live editor for CSS : https://chrome.google.com/webstore/detail/live-editor-for-css-less/ifhikkcafabcgolfjegfcgloomalapol?hl=fr
Amino: CSS editor : https://chrome.google.com/webstore/detail/amino-css-editor/pbcpfbcibpcbfbmddogfhcijfpboeaaf?hl=fr
Live CSS editor: https://chrome.google.com/webstore/detail/live-css-editor/oelggcmknbjmhkpgjfhakedcfnkgbdpg?hl=fr
Visionneuse CSS pour google chrome: https://chrome.google.com/webstore/detail/css-viewer-for-google-chr/eedfldkdghfkhdcanjnfiklpeehbfoag?hl=fr
Debug CSS : https://chrome.google.com/webstore/detail/debug-css/igiofjnckcagmjgdoaakafngegecjnkj?hl=fr
Gridman -CSS Grid inspector: https://chrome.google.com/webstore/detail/gridman-css-grid-inspecto/cmplbmppmfboedgkkelpkfgaakabpicn?hl=fr
CSS selector finder for chrome: https://chrome.google.com/webstore/detail/css-selector-finder-for-c/mbeedbpphndkijipfcklhlgmoolapiml?hl=fr
CSS to SCSS or SASS converter: https://chrome.google.com/webstore/detail/css-to-scss-or-sass-conve/dmfhnejhgijefokeolmpgielghdplame?hl=fr
Page manipulator : https://chrome.google.com/webstore/detail/page-manipulator/mdhellggnoabbnnchkeniomkpghbekko?hl=fr
CSS color name : https://chrome.google.com/webstore/detail/css-color-names/dpjlhcacpgbemcijbpkpakofehlaejah?hl=fr
Code plunker (Live HTML CSS Editor) : https://chrome.google.com/webstore/detail/code-plunker-live-html-cs/llofhnpelgfcleglkkgfmpfohmlmkofe?hl=fr
Web developer : https://chrome.google.com/webstore/detail/web-developer/bfbameneiokkgbdmiekhjnmfkcnldhhm
CSS Pepper: https://chrome.google.com/webstore/detail/css-peeper/mbnbehikldjhnfehhnaidhjhoofhpehk
Fonts Ninja : https://www.fonts.ninja/
Image Downloader : https://chrome.google.com/webstore/detail/image-downloader/cnpniohnfphhjihaiiggeabnkjhpaldj
Firefox
Editeur HTML Webstudio : https://addons.mozilla.org/fr/firefox/addon/html-editor-webstudio/
HTML validator : https://addons.mozilla.org/fr/firefox/addon/html-validator/
Show HTML : https://addons.mozilla.org/fr/firefox/addon/showhtml/
Single HTML downloader : https://addons.mozilla.org/fr/firefox/addon/single-html-downloader/
Singlefile : https://addons.mozilla.org/fr/firefox/addon/single-file/
Edit with sublim Text : https://addons.mozilla.org/fr/firefox/addon/edit-with-sublime-text/
Edit with notepad++ : https://addons.mozilla.org/fr/firefox/addon/edit-with-notepad/
Tem Ex: Template extractor: https://addons.mozilla.org/fr/firefox/addon/template-extractor/
CSSViewer : https://addons.mozilla.org/fr/firefox/addon/cssviewer-quantum/
CustomCSS injector: https://addons.mozilla.org/fr/firefox/addon/customcss-injector/
CSS override: https://addons.mozilla.org/fr/firefox/addon/css-override/
Oli Grid CSS : https://addons.mozilla.org/fr/firefox/addon/oli-grid-css/
Stylus: https://addons.mozilla.org/fr/firefox/addon/styl-us/
Stylebot: https://addons.mozilla.org/fr/firefox/addon/stylebot-web/
ColorZilla : https://addons.mozilla.org/fr/firefox/addon/colorzilla/
Webdeveloper: https://addons.mozilla.org/fr/firefox/addon/web-developer/
Font finder : https://addons.mozilla.org/fr/firefox/addon/font-inspect/
Measure it : https://addons.mozilla.org/fr/firefox/addon/measure-it/
Windows resizer : https://addons.mozilla.org/en-US/firefox/addon/window-resizer-webextension/
Code tech: https://github.com/zaach/codetch-ext
Page performance test: https://addons.mozilla.org/en-US/firefox/addon/page-performance-test/
Autres outils
Real favicon generator: https://realfavicongenerator.net/
Script HTML/CSS : http://www.outils-web.com/page-script-html-css-menu.asp