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
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.
Marc devant la presse
dans Histoire 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.
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.
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.
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
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 ?
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.)
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 traditionnelle des lettres “f” et “t” de la police Garamond.
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.
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.
Gustave Courbet découvrant du texte justifié sur un site prétendument ami de la typographie.
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.
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.
dans Grilles & Frameworks
Macro-typographie sur le Web - Mise en pratique
Vous êtes convaincu par l’utilisation des grilles typographiques ? Voilà qui fait plaisir.
Nous avons choisi dans le billet précédent nos outils et il ne reste donc plus qu’à passer à la pratique !
dans Design Web
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.
dans Design Web 4 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
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.
dans Design Web 9 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 :
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.
