Cette page regroupe tous les documents relatifs à ma formation, ainsi que des liens utiles.

Formation Designer Web

REAC Designer Web

RCV Designer Web

Liens utiles

Outils en ligne

Tiny Helpers : Une collection d’outils en ligne gratuits pour les développeurs Web.

100L5 : Construisez n’importe quoi en ligne avec la « boîte à outils tout-en-un ».

Animxyz : vous aide à créer, personnaliser et composer des animations pour votre site Web

Caractères & Symboles HTML

Graphemica : symboles Unicode et Emoji

Caractères spéciaux et entités HTML : Codage de caractères spéciaux en HTML

Compresseurs et convertisseurs en ligne

Squoosh : compresser et comparer des images avec différents codecs.

TinyJPG : Compresser les images JPEG et PNG

IloveIMG : Tous les outils nécessaires pour travailler sur vos images, en un seul endroit.

IlovePDF : Tous les outils nécessaires pour travailler sur vos PDF, en un seul endroit.

compresservideo.fr : Compresser et réduire la taille des vidéos en ligne gratuitement.

pdf-convertisseur.fr : Compresser de la vidéo en ligne gratuitement.

Convertisseur Online : Convertir des fichiers : gratuit, rapide et en ligne

ezgif.com : optimisation de vos GIF animés

Couleurs

Flat UI Colors 2 : 280 couleurs triées sur le volet, prêtes à être copiées et collées

Paletton : le concepteur de couleurs

Toutes les couleurs : codes et nuanciers couleurs HTML,RVB,CMJN

Coolors.co : générateur de belles palettes de couleurs pour vos projets.

Fonts

Google Fonts : collection de polices Web open source

Dafont : téléchargement de fonts open source

NexusFont : visualiser et gérer simplement ses polices de caractères

FontPair : aide les concepteurs à coupler les polices Google.

Générateurs en ligne

CSS Grid generator : Concevoir des mises en page Web avec Grid CSS.

CSS Layout Generator : pour créer des composants de mise en page avec Grid CSS.

Générateur De Mot De Passe : Le meilleur générateur de mot de passe en ligne.

GlooMaps : générateur d’arborescence de site en ligne simple et facile.

Générateur de thème enfant : pour personnaliser l’apparence de son site.

Bootstrap Generator : collection de codes avec zone de prévisualisation réactive

CSS Generator : créer du code de propriétés CSS (border, box shadow, background, etc.)

Iframe Generator : Outil de création de code iFrame en ligne gratuit

Lorem Ipsum : générateur de faux texte aléatoire pour webdesigners

Orson.io : Générateur gratuit de mentions légales RGPD

Trianglify.io : Outil open source pour générer des arrière-plans en maillage polygonal

Ultimate CSS Gradient Generator : Un éditeur de dégradés CSS

Website Planet : Créateur de lien de partage sur les réseaux sociaux

Icônes, pictos, favicon

Favicon.io : Générateur de fichier favicon.ico à partir de texte, d’image ou d’emojis

Font awesome : Pictos Font Awesome pour Bootstrap

Iconfinder : icônes vectorielles libres et premium. Format SVG, PNG, AI et PNG.

Noun Project : La collection d’icônes la plus diversifiée de tous les temps

Images, vecteurs

Adobe Stock : Photos, illustrations, vecteurs et vidéos libres de droits

Freepik : Vecteurs, Photos, PSD et Icônes Gratuites

Galerie V5 : Banque de photos personnalisées avec possibilité de recadrage

Pixabay : Images libres de droits & gratuites à télécharger

Unsplash : La source Internet d’images librement utilisables

Stockvault : plus de 100 000 photos gratuites partagées

Vecteesy : graphiques vectoriels gratuits et de haute qualité

Mockups

AppLaunchpad : Meilleur générateur de mockup gratuit

Smartmockups : Générateur de mockup gratuit

MockupPhotos : La plus grande place de marché pour les mockups gratuits en ligne

MockupWorld : Fichiers PSD photo-réalistes entièrement customizables, gratuits et légaux

Tutoriel et aides en ligne

Bootstrap :

• GetBootstrap : Collection d’outils utiles à la création du design de sites
• MDB : Material Design pour Bootstrap 4
• StartBootstrap Templates : Des modèles Bootstrap gratuits

Propriétés CSS : Classement des propriétés CSS par familles

Emmet :

• Raccourcis et astuces Emmet : Rappel des raccourcis principaux
• Aide-mémoire Emmet : Liste de tous les raccourcis Emmet

Flexbox : Tutoriel complet sur Flexbox

Veille webdesign

Alsacréations : Actualités et tutoriels web, HTML, CSS, JavaScript

Blog du Webdesign : Ressources, tutoriels et articles d’inspiration

Codeur Mag : le blog du site codeur.com

Feedly : Pour se connecter aux informations et aux connaissances qui nous intéressent

La Fabrique du net : Fiches conseils, revue d’outils

Webdesigner Trends : Site dédié au web design et à l’expérience utilisateur

WP Marmite le blog : Créer et personnaliser des sites WordPress

Vidéos

Mixkit : Site de vidéos de qualité gratuites

Pixabay vidéos : Banque de vidéos gratuites et libres de droits

Freedio : Vidéos libres de droits

Videesy : Séquences vidéo HD gratuites