Socle officiel
Les organismes de normalisation, documentations officielles et autorités publiques servent de premiers repères.
Ressources du Web
Design, contenus et médias
Les outils de design et de médias aident à préparer une interface, mais la valeur vient de contenus lisibles, de composants cohérents et de fichiers dont l’usage est autorisé. Une maquette doit être éprouvée avec les vrais textes.
Concevez une carte, une page longue et un formulaire avec les vrais textes et médias autorisés. Testez le débordement des traductions, les erreurs et les tailles de téléphone avant d’étendre le système.
Parcourir les ressourcesMéthode éditoriale
Un annuaire conçu pour être utile, pas seulement long.
Chaque entrée possède un rôle clair et renvoie vers une destination officielle. Le catalogue évite les fermes de liens, les descriptions copiées et les classements artificiels.
Outils professionnels
Les services établis sont classés par usage réel : créer, héberger, mesurer, sécuriser, publier ou promouvoir un site.
Lecture indépendante
La présence est éditoriale et non rémunérée. Une fiche ne constitue ni un partenariat ni une garantie.
Comparer sur trois questions concrètes
| Critère | Question à résoudre |
|---|---|
| Utilité | Le visuel ou le composant aide-t-il à comprendre ou à accomplir une action ? |
| Droits | La licence, les crédits et les autorisations couvrent-ils l’usage prévu ? |
| Intégration | Le résultat reste-t-il lisible, accessible et léger dans la page réelle ? |
Conservez une courte trace de décision : besoin, source, résultat observé et point encore à confirmer. Faites effectuer la même tâche à chaque solution envisagée plutôt que de comparer des listes commerciales de fonctionnalités.
Recherche et filtres
Points de départ officiels pour ce sujet
Comparez leur rôle et leur documentation avant de choisir un outil. La présence dans cette liste ne constitue pas un classement.
17 ressources affichées
Aucune ressource ne correspond à ces filtres. Essayez une recherche plus large.
Conception collaborative d’interfaces, prototypes et systèmes de design.
À utiliser pour : Éprouver les composants avec les vrais contenus et les états d’erreur.
Apply it to a project
figma.comVisiter le site officiel
Suite de création visuelle, vidéo, publication et expérience numérique.
À utiliser pour : Définir les formats de livraison et les droits d’usage avant de produire des médias.
Passer à la pratique
adobe.comVisiter le site officiel
Création graphique en ligne pour visuels, présentations et contenus sociaux.
À utiliser pour : Vérifier lisibilité, export et droits des éléments d’un visuel final.
Passer à la pratique
canva.comVisiter le site officiel
Outil open source de design et prototypage orienté standards Web.
À utiliser pour : Évaluer le partage des fichiers et la collaboration avec l’équipe de développement.
Passer à la pratique
penpot.appVisiter le site officiel
Bibliothèque de photographies avec conditions d’utilisation propres au service.
À utiliser pour : Vérifier licence, pertinence et représentation du sujet avant publication.
Passer à la pratique
unsplash.comVisiter le site officiel
Photographies et vidéos de stock accessibles en ligne.
À utiliser pour : Choisir une image adaptée au contexte et noter sa source et ses conditions.
Passer à la pratique
pexels.comVisiter le site officiel
Banque de photographies, illustrations, vidéos et sons.
À utiliser pour : Contrôler qualité et droits de chaque média, au-delà de sa présence dans la bibliothèque.
Passer à la pratique
pixabay.comVisiter le site officiel
Catalogue de polices Web et informations typographiques.
À utiliser pour : Choisir peu de variantes et tester chargement, lisibilité et conditions de service.
Passer à la pratique
fonts.google.comVisiter le site officiel
Bibliothèque d’icônes pour interfaces et sites Web.
À utiliser pour : N’utiliser que les icônes utiles avec un libellé accessible si elles portent du sens.
Passer à la pratique
fontawesome.comVisiter le site officiel
Collection d’icônes SVG conçue pour les interfaces modernes.
À utiliser pour : Vérifier cohérence visuelle et nom accessible des actions illustrées.
Passer à la pratique
heroicons.comVisiter le site officiel
Bibliothèque ouverte d’icônes SVG cohérentes et personnalisables.
À utiliser pour : Conserver un sens stable des pictogrammes dans toute l’interface.
Passer à la pratique
lucide.devVisiter le site officiel
Génération et exploration de palettes de couleurs.
À utiliser pour : Tester contraste et usages réels avant de figer une palette.
Passer à la pratique
coolors.coVisiter le site officiel
Sélection de sites et tendances de design numérique.
À utiliser pour : Distinguer l’inspiration visuelle des besoins de lisibilité et de performance.
Passer à la pratique
awwwards.comVisiter le site officiel
Portfolios et projets créatifs publiés par des professionnels.
À utiliser pour : Étudier les choix de présentation sans copier des contenus ou des visuels protégés.
Passer à la pratique
behance.netVisiter le site officiel
Communauté de designers et galerie de travaux d’interface.
À utiliser pour : Valider une idée d’interface sur un parcours complet, pas sur une capture.
Passer à la pratique
dribbble.comVisiter le site officiel
Bibliothèque de parcours et écrans issus de produits numériques.
À utiliser pour : Comparer les parcours observés avec les attentes de son propre public.
Passer à la pratique
mobbin.comVisiter le site officiel
Guide des requêtes de conteneur pour adapter un composant à son espace disponible.
À utiliser pour : Tester le même composant dans une colonne étroite et une grille, avec des textes longs.
Passer à la pratique
developer.mozilla.orgVisiter le site officiel
Choisir un point de départ
Ce que chaque catégorie aide à décider.
Ces exemples éclairent les usages ; ils ne sont ni un classement ni une recommandation commerciale. Vérifiez la documentation et les conditions en vigueur avant toute décision.
Design, contenus et médias
Les outils de design et de médias aident à préparer une interface, mais la valeur vient de contenus lisibles, de composants cohérents et de fichiers dont l’usage est autorisé. Une maquette doit être éprouvée avec les vrais textes.
Points à vérifier- Tester les états mobile, clavier, erreur et contenu long.
- Vérifier les droits des images et la transmission des fichiers sources.
Mise en pratique : Concevez une carte, une page longue et un formulaire avec les vrais textes et médias autorisés. Testez le débordement des traductions, les erreurs et les tailles de téléphone avant d’étendre le système.
Limite à connaître : Un fichier de maquette ne contient pas à lui seul les droits d’image, les textes alternatifs ou le comportement final du navigateur.
Guide associé : Choisir et préparer les images d’un site web
Transparence
Proposer une ressource ou une correction
Périmètre éditorial et sites tiers
Cet annuaire non exhaustif a été revu le 30 août 2026 ; ses liens ont été contrôlés le 25 septembre 2026. Certains sites limitent les vérifications automatiques. Il contient des liens externes vers des sites indépendants. Leur disponibilité, leurs contenus, tarifs, cookies et conditions peuvent évoluer. Française du Numérique ne les contrôle pas et ne reçoit aucune commission pour leur présence.
Questions sur l’annuaire
Sélection, indépendance et mises à jour.
La sélection éditoriale privilégie les sources primaires et officielles, les organismes de normalisation reconnus, les outils professionnels largement utilisés, les médias spécialisés et les communautés actives directement liés à la création, à l’exploitation, à la sécurisation ou à la promotion des sites internet. Chaque entrée doit avoir une fonction identifiable, un éditeur clairement nommé et une destination officielle. Le catalogue est indépendant, non exhaustif et ne cherche pas à classer tous les prestataires disponibles. Une ressource peut être retirée si elle ferme, change profondément d’objet, devient trompeuse ou n’apporte plus assez de valeur pratique. La date de vérification indique la dernière revue globale du catalogue ; elle ne garantit pas que chaque site extérieur reste inchangé ensuite. Avant d’utiliser un service, il faut donc confirmer ses tarifs, conditions, règles de confidentialité, niveau de sécurité et adéquation au besoin sur sa documentation officielle.
Non. Une fiche constitue un repère documentaire, pas une certification, un partenariat, un audit de sécurité ni une recommandation commerciale. Les organisations référencées restent responsables de leurs produits, contenus, tarifs, disponibilité, cookies, traitements de données et conditions contractuelles. Une ressource peut être adaptée à un projet et inappropriée à un autre selon le budget, le droit applicable, les exigences techniques et les compétences de l’équipe. Française du Numérique ne reçoit aucune commission pour la présence d’un site dans cet annuaire éditorial. Avant de créer un compte, d’acheter un service ou de confier des données, il convient de consulter la documentation officielle, les conditions en vigueur, les possibilités d’export, l’assistance et les éléments indépendants disponibles. Une décision comportant un enjeu juridique, financier ou de sécurité peut nécessiter l’avis d’un professionnel qualifié.
Oui. Le champ de recherche examine les noms des ressources et les thèmes éditoriaux, tandis que les filtres limitent la liste par catégorie, origine géographique et type de ressource. La recherche et le tri s’effectuent localement dans le navigateur : les mots saisis ne sont pas transmis à un moteur tiers. La combinaison de plusieurs filtres peut ne produire aucun résultat alors qu’une ressource utile se trouve dans une catégorie voisine ; il suffit alors de retirer un critère ou d’employer un terme plus large. Les descriptions restent volontairement synthétiques et ne recensent pas toutes les fonctions d’un service. La documentation officielle doit être consultée pour vérifier les capacités, conditions et tarifs actuels avant toute décision.
Utilisez la page de contact en indiquant le nom de la ressource, son adresse officielle, son éditeur, la catégorie pertinente et une courte explication de son utilité pour les professionnels ou responsables de projets web. Pour une correction, précisez la fiche concernée et l’information qui paraît inexacte ou ancienne, si possible avec une source primaire. Chaque suggestion est relue avant publication et peut être refusée lorsqu’elle reproduit une entrée existante, relève surtout de la promotion, ne possède pas d’éditeur identifiable, présente un risque évitable ou sort du périmètre de l’annuaire. Une proposition ne garantit ni la publication ni une place particulière, et ce processus éditorial ne prévoit pas de référencement payant.