Typographie · Outils
Utopia
Générateur d’échelles fluides de typographie et d’espacements pour le web adaptatif.
Utopia est une approche de la conception adaptative, imaginée par James Gilyead et Trys Mudford. Le site la présente non comme un produit, un plugin ou un framework, mais comme une manière de penser.
Le principe consiste à définir une échelle de tailles de texte et d’espacements pour un petit écran, une autre pour un grand écran, puis à laisser le navigateur interpoler entre les deux selon la largeur de la fenêtre, sans multiplier les points de rupture. Le site propose des outils gratuits pour générer ces échelles, notamment pour la typographie, l’espacement, la grille et la fonction CSS clamp, ainsi qu’un blog et une galerie de réalisations.
Un·e graphiste ou un·e intégrateur·rice y trouve une méthode pour garder des proportions cohérentes sur tous les formats d’écran. L’approche suppose de connaître un peu de CSS.
Dans la même rubrique
-
Arabify.io
arabify.io (site externe, nouvelle fenêtre)
Générateur de calligraphie arabe et de logos avec voyelles complètes, exportable en PNG, JPG et vidéo.
-
Birdfont
birdfont.org (site externe, nouvelle fenêtre)
Éditeur de polices libre et open source pour créer des fontes TTF, OTF et SVG.
-
Font Finder
fontfinder.online (site externe, nouvelle fenêtre)
Extension qui identifie la police de n’importe quel texte d’un site web en un clic.
-
Font Flipper
fontflipper.com (site externe, nouvelle fenêtre)
Prévisualise plus de 800 Google Fonts sur ses propres maquettes, sans rien télécharger.
-
Font Gauntlet
fontgauntlet.com (site externe, nouvelle fenêtre)
Outil de la fonderie Dinamo pour tester, générer et animer des polices dans le navigateur.
-
Font Interceptor
fontinterceptor.mschfmag.com (site externe, nouvelle fenêtre)
Récupère les fichiers des polices utilisées sur une page web, pour les télécharger.