Typographisme

Un site tenu par des amoureux de la typo, sur le Web comme ailleurs.

Recherche

Votre recherche de Outils a donné 16 résultats.

De la césure et du Web

La césure (ou « hyphen » en anglais) est une coupure de mot qui survient en fin de ligne. Il s’agit d’un artifice bien connu des composeurs pour gérer les lignes de texte justifié depuis des siècles. Jusqu’à présent, son usage sur le Web était difficile, on la disait même parfois impossible. Cependant, comme vous allez le voir, beaucoup de choses sont en fait possibles. Entre solutions des temps anciens et nouveautés de CSS3, voyons comment démocratiser l’usage des césures sur le Web.

Photo : Stéphane Champagne

Lire la suite

dans Design Web Par Jeremie 14 commentaires

Visite de l'atelier de typographie : l'impression

Il y a deux semaines, je vous ai causé longuement de composition au plomb et, quand je vous ai laissés, il y avait une double page complète et prête à imprimer sur la galée. Cette fois, je vous invite donc à regarder par dessus mon épaule pendant que je m’affaire à la transférer sur le papier à l’aide de la grosse machine que vous voyez sur la photo ci-dessous. Toutes mes excuses aux amateurs de steampunk, nous avons de belles presses anciennes à main, mais celle-ci, qui a des rouleaux encreurs électriques, garantit un encrage uniforme et régulier et permet de gagner du temps.

The man and the machine

Marc devant la presse

Lire la suite

dans Histoire Par Anne-So 15 commentaires

Actualités et événements pour bien démarrer 2012

Si la clémence de l’hiver vous donne envie de vous balader, ce début d’année a pas mal à offrir côté expos, conférences et autres événements en lien avec la typographie. Celles et ceux qui suivent déjà les Rencontres de Lure, Jean-Baptiste Levée et Graphê sur Twitter sont sans doute au courant de pas mal de choses. Les autres, remédiez immédiatement.

La lettre de civilité : conférence et expo

L’année dernière, nous avions signalé la parution d’un livre de Rémi Jimenes, Les caractères de civilité, Typographie et calligraphie sous l’Ancien Régime. Il se trouve que la Bibliothèque Mazarine et le Centre d’études supérieures de la Renaissance organisent maintenant une exposition toute dédiée à ces caractères typographiques imitant l’écriture manuscrite : La lettre de civilité, entre le manuscrit et l’imprimé. Cette exposition sera introduite par une conférence-débat animée par Rémi Jimenes. À ne pas manquer si, en plus d’aimer la typographie, vous êtes du genre bibliophile, dix-huitièmiste ou même, comble de la perversion, les deux en même temps.

civil_mazarine.jpg

Où ? Bibliothèque Mazarine, 23, quai de Conti, 75006 Paris
Quand ? Du 17 janvier au 16 mars 2012 • ouvert du lundi au vendredi de 10h à 18h, entrée libre • conférence le mardi 17 janvier à 17h, entrée libre

La typo dans tous ses états : exposition

L’École des Gobelins s’apprête à accueillir, à partir du 31 janvier, une exposition collective de typographes, graphistes et photographes, en partenariat avec l’Atelier du Livre d’art et de l’Estampe et la revue Graphê. Y seront notamment représentés Franck Jalleau, Clotilde Olyff, Jean-François Porchez et Julien Priez (entre plein d’autres). Si vous souhaitez assister au vernissage de l’expo, rendez-vous sur cette page succincte. Nous ferons suivre sur Twitter ou ici si nous obtenons une autre URL ou d’autres infos.

Où ? GOBELINS, l’École de l’image, 73, boulevard Saint-Marcel, 75013 Paris
Quand ? Vernissage le 31 janvier 2012, plus d’infos à suivre

Excoffon au Musée de l’imprimerie de Lyon

On a beaucoup parlé de Roger Excoffon pendant toute l’année 2011, et ce n’est pas fini car Tout le monde connaît Roger Excoffon, l’exposition que le Musée de l’imprimerie de Lyon lui consacre, se poursuit jusqu’au 19 février. Outre le catalogue de l’expo, je rappelle aux amateurs que deux ouvrages de qualité ont été publiés l’année dernière : Roger Excoffon, le gentleman de la typographie, par David Rault chez Atelier Perrousseaux, et Roger Excoffon et la fonderie Olive, par Sandra Chamaret, Julien Gineste et Sébastien Morlighem chez Ypsilon.

excoffon-dossier.indd

Où ? Musée de l’imprimerie de Lyon, 13, rue de la poulaillerie, 69002 Lyon • métro Cordeliers
Quand ? Jusqu’au 19 février 2012 • du mercredi au dimanche, 9h30–12h et 14h–18h

« Corps neuf » pour les Rencontres de Lure en 2012

Les idées rêvent de venir au monde. La typographie les enfante. L’écriture s’incarne tout autant que le corps s’écrit : identité, gestuelle, inscription, cosmétique ou prothétique, constitution de soi et relation avec l’autre se jouent dans notre intimité des signes.

corpsneuf.jpg

Le thème des prochaines Rencontres de Lure (du 19 au 25 août 2012) est annoncé : Corps neuf, Graphies en renaissance. À suivre sur le site des Rencontres et sur le blog de leur président, Nicolas Taffin, aka le Polylogue.


J’en profite pour vous signaler que nous avons une liste longue comme le bras de sites scintillants à ajouter à nos ressources, qui devraient donc s’enrichir grassement au cours des prochaines semaines. Au programme : des gens, des lieux, des outils.

Gros poutous de toute l’équipe, et EXCELLENTE ANNÉE 2012 !

dans Actualités Par Anne-So

Les espaces typographiques et le web

En typographie, il existe tout un tas de règles sur la gestion des espaces entre les mots et les caractères. Malheureusement, le Web est extrêmement fruste de ce point de vue là, à ce qu’il paraît. Mais qu’en est-il réellement ? Précédemment, Je vous ai parlé des ligatures qui sont une des réponses (parmi bien d’autres) à la question des espaces entre les lettres. Cette fois-ci, nous allons nous pencher sur la question des espaces entre les mots. Est-ce qu’il se pourrait qu’on puisse utiliser l’espace fine insécable… en vrai ?

Lire la suite

dans Règles & usages Par Jeremie 31 commentaires

Macro-typographie sur le Web – Une grille dynamique

« Une grille typographique est une structure à deux dimensions faite de séries d’axes verticaux et horizontaux s’intersectant utilisés pour structurer le contenu. »

Passé cette définition trouvée sur Wikipedia un peu abrupte, je retiendrai pour ma part l’explication qu’en faisait Anne-Sophie lors du dernier cycle de conférence Paris-Web : notre cerveau a besoin pour pouvoir anticiper au mieux de ne pas être distrait dans sa tâche principale. Lui proposer une structure logique et répétitive permettra donc de faciliter la lecture.

L’analogie avec les marches d’escalier m’a d’ailleurs terriblement convaincu… C’est quand même plus agréable de ne pas devoir regarder ses pieds à chaque marche !

Photographie sous licence Creative Commons par Pierre Bédat.

Après avoir passé en revue outils et techniques pour travailler correctement avec des grilles de mise en page verticales et horizontales,  il est temps de s’affranchir des défauts inhérents à la bibliothèque précédemment choisie (Blueprint) ; mais aussi y apporter une plus grande… Soup–Less–e !

Voyons ensemble les avantages à compiler les feuilles de style ! (Et c’est promis, plus de jeu de mots.)

Lire la suite

dans Design Web Par Vincent 17 commentaires

Les ligatures dans les navigateurs

On sait tous que les navigateurs ne sont pas les champions du monde de la gestion typographique. Ceci étant, ils s’améliorent tous les jours et parmi toutes les chipoteries typographiques il y en a une qui commence timidement à faire son apparition dans les navigateurs : la gestion des ligatures. C’est loin d’être parfait, mais il y a déjà moyen de faire quelques petites choses.

La ligature ft de la Garamond

La ligature traditionnelle des lettres “f” et “t” de la police Garamond.

Lire la suite

dans Design Web Par Jeremie 14 commentaires

Pourquoi les fontes SVG sont-elles différentes des autres ?

Je suis un peu triste de constater que le format de police SVG est très mal compris. J’ai lu beaucoup d’articles et de récriminations à propos de ce format de police, le dernier d’entre eux étant l’article d’Alexander Limi où il explique pourquoi il n’est pas prévu que Firefox passe le test Acid3, essentiellement à cause d’une absence de support des fontes SVG.

De bien des façons, toutes ces critiques sont déplacées tout simplement parce que ce format de police est incompris. Vraiment ? Mais dans ce cas, à quoi sert-il ? Voyons ça.

Lire la suite

dans Design Web Par Jeremie 11 commentaires

La justification sur le web : usages et précautions

Les lecteurs nous demandent souvent comment faire pour avoir une chevelure aussi souple et brillante que nous [1], mais ils nous interrogent aussi régulièrement sur un parti pris du design de notre site qui contrevient aux principes qu’ils connaissent : la justification au pavé du texte courant.

Le Désespéré, par Gustave Courbet

Gustave Courbet découvrant du texte justifié sur un site prétendument ami de la typographie.

Lire la suite

dans Design Web Par Anne-So 19 commentaires

OOCSS

OOCSS est un framework créé par Nicole Sullivan. Il est très orienté apprentissage plutôt que solution clé en main mais dispose tout de même d’outils assez robustes. Il conviendra tout de même plus à des intégrateurs experts qui connaissent bien les arcanes des CSS car il peut être parfois nécessaire de voir ce qui ce passe sous le capot. Les novices y trouveront cependant une méthodologie d’intégration intéressante.

URL https://github.com/stubbornella/oocss/wiki

dans Grilles & Frameworks Par Jeremie 2 commentaires

Blueprint

Blueprint est une bibliothèque CSS qui promet : une uniformisation des vos styles quelque soit votre navigateur ; une grille verticale et une grille horizontale ; des enrichissement typographiques ; une prise en charge de l’affichage des formulaires ; une impression personnalisée ; et un système de plugins pour en étendre ses possibilités. Le tout étant accompagné de nombreux outils proposés par une communauté relativement importante.

URL http://www.blueprintcss.org/

dans Grilles & Frameworks Par Vincent

Macro-typographie sur le Web – Quelques outils

Anne-Sophie présentait en octobre dernier à Paris Web une conférence sur la macro-typographie. Elle y abordait les problématiques des mises en page sur le Web et plus particulièrement de l’utilisation des grilles. Vous pouvez d’ailleurs enfin (re)visionner sa conférence si vous le souhaitez sur le site de Paris Web.

Bien que les solutions pour les mettre en place ne soient pas nouvelles, je constate qu’elles ne sont pas pour autant adoptées facilement. En partageant mon expérience pratique sur le sujet dans ce billet, j’espère faciliter leur adoption.

Lire la suite

dans Design Web Par Vincent 5 commentaires

Des nouveautés rien que des nouveautés

Presque un mois et demi après son lancement et votre accueil enthousiaste (on ne vous remerciera jamais assez), typographisme.net vie sa première évolution.

Au menu, vous allez trouver quelques nouveautés qui nous tenaient à cœur mais que nous n’avions pas eu le temps de mettre en place pour le lancement du site.

Des ressources

Une nouvelle section s’ouvre où nous compilons les ressources typographiques qui nous semblent pertinentes sur la toile. Que ce soient des catalogues de polices, des blogs, des outils en ligne, vous devriez y trouver tous ce qu’il vous faut pour exploiter au mieux la typographie sur le net et ailleurs. Bien sûr, si vous avez de votre côté des ressources intéressantes et que vous voulez les faire partager, n’hésitez pas à nous en faire part (via Twitter par exemple), nous les diffuserons avec plaisir.

Des images

Au fil de nos pérégrinations, il nous arrive de tomber sur de belles images ou de beaux sites qui font un usage remarquable de la typographie. Nous rassemblons ces images sur notre tumblr (et vous en proposons un aperçu dans le pied de page de typographisme.net… enfin, si tumblr veut bien refonctionner comme il faut). En espérant que ces sources d’inspiration vous seront utiles.

Voila pour le moment mais dans les semaines et mois à venir, nous avons encore d’autres choses sous le coude, il s’agit de… mais non, je préfère vous laisser la surprise. ;) D’ici là, bonne lecture et encore merci à vous de nous suivre.

dans Actualités Par Jeremie

Les formats de polices typographiques pour le Web

Comme les images, les vidéos ou le son, les polices typographiques sur un ordinateur ne sont jamais que des fichiers ayant un format spécifique. Seulement voila, des formats de fichiers pour les polices typographiques il y en a une ribambelle. Tous ont des avantages et parfois des inconvénients. Je vous propose de nous pencher plus en détail sur ceux qui sont, aujourd’hui, exploitables dans un contexte Web, c’est à dire au sein des déclarations @font-face.

Lire la suite

dans Design Web Par Jeremie 10 commentaires

Un avis sur @font-face

La bonne représentation de la typographie à Paris Web a été l’occasion d’aborder brièvement @font-face, la révolution de 2009 qui devait nous délivrer des polices websafe autant que du sIFR et des scripts PHP douteux, employés pour rendre du texte dans la police de son choix.

La nouvelle de la prise en charge d’@font-face sur les grands navigateurs actuels ne pouvait que susciter l’enthousiasme, mais une fois les brumes du délire dissipées, il reste un certain nombre de problèmes et de questions qui font que papoter @font-face peut, contre toute attente, virer au pugilat. Cet article étant un poil long, la maison fournit gracieusement le sommaire :

  1. A-t-on vraiment besoin de @font-face ?
  2. Du côté du support et de l’implémentation
  3. Faire les choses dans les règles
  4. L’angoisse du vilain pirate tipiak

Lire la suite

dans Design Web Par Anne-So 30 commentaires

Premiers pas d'un nouveau bébé

Et bien finalement, voila, c’est parti !

Avec quelques furieux et furieuses de design Web et de typographie, nous lançons ce nouveau site dédié à la typographie Web.

Trop souvent, la typographie est le parent pauvre du Web design. Contrairement à la chaîne graphique du monde de l’impression, qui maîtrise l’art typographique depuis des siècles, la chaîne graphique Web est jeune et la typographie a encore du mal à y trouver sa place. Combien de fois n’avons-nous pas pesté contre ces graphistes qui, soit par méconnaissance, soit par négligence, arrivaient à massacrer un design par un choix typographique malheureux ou une application trop rigoureuse de règles traditionnelles mal adaptées au support Web. Combien de fois n’avons-nous pas maudit nos outils de développement et de diffusion, soit trop pauvres, soit carrément inadaptés au travail typographique.

À bien des égards, l’arrivée de CSS3 et l’adoption massive de @font-face nous ouvrent des horizons nouveaux de ce point de vue. Mais les ressources (souvent anglophones) sont rares et la compétence sur le sujet également. C’est là que nous intervenons. Nous souhaitons défricher le terrain ; montrer ce qu’il est possible de faire et comment ouvrir la discussion sur la création de règles typographiques spécifiques au Web ; vous montrer ce qui se fait de mieux ; recueillir le témoignage de professionnels de la typographie ; traduire ou adapter des ressources étrangères sur le sujet et plus généralement, faire tout ce qu’il est possible d’imaginer pour promouvoir et informer sur le travail typographique sur et pour le Web (et puis aussi ailleurs parce qu’on n’est pas sectaire non plus).

Pas de fausses promesses non plus, nous sommes peu nombreux dans l’équipe pour l’instant et nous faisons cela sur notre temps libre. Ceci dit, si le sujet vous intéresse, toutes les contributions, même les plus modestes, sont les bienvenues.

Dans tous les cas, on espère que ça vous plaira et que vous donnerez au travail typographique sur le Web l’essor qu’il mérite.

dans Actualités Par Jeremie 20 commentaires

Nouvelle recherche