50 meilleurs tutoriels de typographie

Page 3 sur 5: Tutoriels de typographie Web

22. 4 étapes pour utiliser des polices variables

polices variables

(Crédit d'image: Future)

Les polices variables sont la dernière et la meilleure chose en matière de typographie Web, vous permettant de définir toutes sortes de variations de type dans une seule police et vous évitant ainsi d'avoir à charger plusieurs polices. Ce tutoriel vous guide à travers les quatre étapes de l'utilisation des polices variables en ligne.

23. Créer des effets de typographie 3D interactifs

écran d



Ici nous allons créer un effet de type qui utilise les formes des lettres comme masque pour certaines traînées de particules rapides et fluides qui tourbillonnent et se déplacent dynamiquement à travers les lettres. Non seulement il y aura cette belle animation, mais comme elle sera rendue sur l'élément de toile HTML5, elle sera transformée en 3D pour pivoter vers la souris lorsqu'elle se déplace sur l'écran. C'est parfait pour les en-têtes de site ou simplement lorsque vous avez besoin d'attirer l'attention de l'utilisateur pour un appel à l'action.

24. Meilleure typographie Web en 13 étapes simples

texte

La typographie Web signifie se familiariser (ou se familiariser) avec les règles de la composition classique, mais il y a plus. Le Web étant un support fluide et malléable, les concepteurs doivent être capables de prédire le résultat final sur différents navigateurs et utilisateurs finaux. Ce tutoriel examine les choses à faire et à ne pas faire en matière de typographie, spécifiquement appliquées au Web.

25. Comment la typographie Web n'est-elle qu'une typographie, en quelque sorte

La typographie est souvent enseignée comme une discipline complètement distincte de la conception Web, mais Amy Papaelias pense que c'est une erreur. Dans cette conférence, qui fait partie de la série de conférences Letterform de TypeCooper West, elle démystifie la typographie Web et soutient qu'elle devrait être considérée comme une partie intégrante de l'apprentissage de la conception Web.

26. Améliorer la typographie des applications Web et mobiles

La courte vidéo répertorie cinq principes essentiels pour améliorer la qualité typographique de votre application Web et mobile. Paulo Stanley propose ce guide pratique pour vous aider à créer une typographie pour la conception d'écran.

27. Améliorez le type Web avec CSS font-size-Adjust

tapez, les lettres

L'ajustement de la taille de la police dans CSS vous permet de spécifier la taille de votre police en fonction de la hauteur des lettres minuscules, et son utilisation peut faire une grande différence dans la lisibilité de votre texte Web. Ce tutoriel explique la pensée derrière cette propriété et comment l'utiliser dans vos projets.

28. Les règles de la typographie Web adaptative

typographie web réactive

La typographie Web réactive est délicate, mais elle est devenue la pierre angulaire d'une bonne conception Web, vous devez donc bien faire les choses. Ce tutoriel fournit la base à partir de laquelle commencer et couvre à la fois les principes de conception derrière la typographie réactive et les solutions pratiques pour cela.

29. Typographie Web principale accessible

typographie Web accessible

La montée en puissance de la conception Web réactive a rendu la sélection de type accessible plus importante que jamais si votre contenu Web doit être lisible par le maximum de personnes. Ici , Fontsmith présente les résultats de son travail avec Mencap sur les polices accessibles, et les nouvelles bonnes pratiques qui en ont émergé.

30. Typographie sensible aux fluides avec dimensionnement des fluides CSS poly

mises en page fluides dans le type

Les mises en page fluides font désormais partie intégrante de la pratique de la conception Web, mais la typographie fluide est encore relativement récente. Ce tutoriel examine comment utiliser les fonctionnalités établies du navigateur, Toupet et une algèbre simple pour créer un type fluide et évolutif qui fonctionne sur plusieurs points d'arrêt et des tailles de police prédéfinies.

31. Taille de police adaptée et typographie fluide avec unités vh et vw

tapez sur différentes tailles d

Un autre tutoriel sur la création d'une typographie fluide, celui-ci a presque exactement un an de plus que celui ci-dessus, mais cela vaut toujours la peine d'être lu pour vous aider à comprendre cette discipline dans la typographie Web.

32. Performances et typographie Web

L'un des nombreux éléments à prendre en compte lors de la sélection et de la mise en œuvre de vos polices Web est l'effet de votre choix sur les performances de votre site. Cette conférence par Helen Holmes explique les meilleurs moyens d'optimiser vos fichiers de polices pour le Web.

Page suivante: Comment concevoir votre propre police et des jeux pour tester vos connaissances de type

Page actuelle: Tutoriels de typographie Web

Page précédente Aller plus loin avec le type Page suivante Tutoriels de conception de polices et jeux de typographie