Voici une sélection d’outils et de sites conçus pour faciliter l’édition pour le Web. Vous trouverez ci-dessous des ressources utiles en matière de création de site, pour le maquettage et la finalisation de vos portfolios.
Sommaire
Éditeurs de code en ligne
repl.it : éditeur de code à la manière de BRACKETS.
htmleditor.online : éditeur de code WYSIWYG.
Apprentissage HTML CSS et frameworks
w3schools.com : site norvégien d’apprentissage de HTML, CSS, W3.CSS, BOOTSTRAP et plusieurs autres langages.
w3docs : site de tutoriels HTML et CSS (et plusieurs autres langages)… en français.
Faux texte
loripsum.net : générateur de faux texte avec nombreux paramétrages.
quackit.com : « dummy text generator » simple et efficace.
Fausses et vraies images de maquette
placeholder.com : des images de zoning (aplat gris ou coloré), avec texte personnalisable.
picsum.photos : de vraies images intégrables à toutes les dimensions souhaitées.
Icônes Web
flaticon.com : une immense banque d’icônes téléchargeables aux formats svg, png ou jpeg.
fontawesome.com/v4.7.0 : toutes les icônes utilisées dans les gabarits w3.css.
Images libres de droits
pexels.com : une banque d’images rassemblant les images de plusieurs banques d’images gratuites.
freepik.com : une banque d’images vectorielle très riche (avec des icônes et des photos en bonus).
Pour accéder à davantage de ressources iconographiques, consultez le site https://y-goguely.netboard.me/banquesdimages/
Montage photos et illustrations
Photo Creator : outil de montage photo réaliste intuitif et très performant (contenus des montages mis à disposition).
Vector Creator : outil de montage d’illustrations dessinées très stylisées (contenus stylisés mis à disposition).
Autres ressources pour l’édition Web
Pour accéder à davantage de ressources pour l’édition en ligne, consultez le site https://y-goguely.netboard.me/publicationenligne/?tab=176628#