Flandria
▻http://www.flandriatype.com
Flandria is a new typefamily designed for comfortable reading
Chouette présentation. #typographie
#Font Hacking
▻http://www.heydonworks.com/article/font-hacking
Welcome to Font Hacking, my primer on extracting, deconstructing, altering and replacing letterforms. The workflow I shall be outlining can be used for good or for evil; artfully resculpting typefaces or brutally defacing them. I am going to give you the ability to do either.
olduse.net : a real-time historical exhibit
▻http://olduse.net
▻http://article.olduse.net/1600@utcsrgv.UUCP
#usenet #histoire #internet #typographie #nntp
découvert dans la discussion de la conf #PSES2013 de @keltounet
conf qui se trouve ici :
▻http://assets.keltia.net/pses2013-20130622-Usenet.mkv
Making Democracy Legible: A Defiant Typeface — The Gradient — Walker Art Center
▻http://blogs.walkerart.org/design/2013/06/20/sang-mun-defiant-typeface-nsa-privacy
Over the course of a year, I researched and created ZXX, a disruptive typeface which takes its name from the Library of Congress’ listing of three-letter codes denoting which language a book is written in. Code “ZXX” is used when there is: “No linguistic content; Not applicable.” The project started with a genuine question: How can we conceal our fundamental thoughts from artificial intelligences and those who deploy them? I decided to create a typeface that would be unreadable by text scanning software
A Typographic Carousel | I love typography, the typography and fonts blog
▻http://ilovetypography.com/2013/06/06/a-typographic-carousel
Today’s graphic design students are completely immersed in technology, which makes it a challenge for them to relate to pre-digital typography. In order to make pre-digital or analog typographic and printing techniques and processes more luring, relevant, understandable, and tangible, a collaborative and integrated experience called the “Typographic Carousel” was developed. To date, each year the Type Carousel event has been held on the campus of Rochester Institute of Technology at the Innovation Center, where undergraduate and graduate students, along with faculty members from across campus have participated. The range of disciplines represented at the Type Carousel include graphic, interior, industrial, and new media design, photography and print media, and illustration, studio art, and business and engineering.
The History of Typography - Animated Short - YouTube
►http://www.youtube.com/watch?feature=player_embedded&v=wOgIkxAfJsk
A paper-letter animation about the history of fonts and typography.
291 Paper Letters.
2,454 Photographs.
from @thibnton
Je me culture avec l’interwebz : pourquoi James Cameron porte-t-il un t-shirt « Papyrus 4 Ever » sur le tournage d’Avatar ?
▻http://www.fastcodesign.com/1665318/the-8-worst-fonts-in-the-world
Avatar cost more to make than any other film in history but it did its best to recoup whatever it spent on 3-D special effects and computer-generated blue people by using the cheapest and least original font it could find: Papyrus, a font available free on every Mac and PC. They did tweak it a little for the posters, but they used the standard version for credits and the subtitling for the Na’vi conversations. (On the website iheartpapyrus.com you’ll see an amusing Photoshop of James Cameron briefing star Sam Worthington in a T-shirt proudly asserting “Papyrus 4 Ever!”)
L’origine médiévale de l’hyperlien, des pointeurs et des smileys | Frederic Kaplan
▻http://fkaplan.wordpress.com/2013/04/19/lorigine-medievale-de-lhyperlien-des-pointeurs-et-des-smileys
Signalé par Mona Chollet qui n’aura certainement pas pensé à mettre ce lien sur seenthis
L’origine médiévale de l’hyperlien, des pointeurs et des smileys
avril 19, 2013
Le second manuscrit que nous présentons dans une vitrine holographique pour l’exposition « Le lecteur à l’oeuvre » est une copie du XIVe siècle produite à Bologne d’un texte juridique de l’empereur byzantin Justinien Ier. Sa décomposition révèle d’étranges surprises et nous invite, comme pour le Guido delle colonne à un voyage dans le temps. Je me base pour ce billet sur le texte de Valérie Hayaert (à paraitre dans le livre le lecteur à l’oeuvre chez Infolio) qui s’appuie elle-même sur certaines conclusions d’Élisabeth Pellegrin (1982, pp. 195-198.). Et toujours un grand merci à Radu Suciu qui me guide dans la compréhension dans ces mondes des manuscrits médiévaux.
#hyperlien #hypertexte #histoire @mona
Ce jeu de renvois rappelle le principe contemporain de l’hyperlien. Dans la généalogie « classique » de l’hypertexte, on a coutume de se référer aux travaux de Ted Nelson ou au texte « visionnaire » de Vanevar Bush qui en 1945 dans « As we may think » définissent le principe du fonctionnement du Memex. Des auteurs comme Buckland (1998) se sont attachés à corriger et prolonger cette généalogie officielle en retraçant la lignée technique plus loin jusqu’à Paul Otlet ou jusqu’au bibliothécaire allemand Shuermeyer. Mais il faut évidemment réinscrire la lente conception du principe de textes en réseaux dans une perspective beaucoup plus vaste, qui englobe l’encyclopédisme du XVII et XVIIIe siècle et trouve ses racines dans les nombreux manuscrits qui au moyen-âge développent des outils complexes pour articuler plusieurs niveaux de gloses. Pour reprendre les idées de Pascal Robert (2010), le manuscrit est déjà un volume, un conteneur dont il s’agit d’organiser les circulations. Ici, c’est au niveau de la page, en deux dimensions, que des dispositifs innovants permettant la circulation entre les textes sont mis en place.
Aujourd’hui il y a Patrick Boucheron dans #pdlt, et il sera question de cela, et de bien d’autres choses ; j’ai trouvé l’émission particulièrement passionnante, mais je suis juge et partie.
▻http://www.franceculture.fr/emission-place-de-la-toile-des-cisterciens-a-google-le-regard-d-un-med
Oui, c’était passionnant — mais trop court pour l’amatrice médiéviste que je suis — et pile dans la lignée de mon stage estival, ►http://seenthis.net/messages/219017, qui m’a d’ailleurs été inspiré par l’article épinglé ci-dessus :)
Actes - 7e Forum Européen de l’Accessibilité Numérique Faire de l’e-accessibilité une compétence professionnelle
▻http://inova.snv.jussieu.fr/evenements/colloques/colloques/article.php?c=78&l=fr&a=428
Ces bonnes pratiques, qui s’appliquent majoritairement au moment de la conception et de l’habillage graphique, garantissent une bonne lisibilité de la page #web et valident les critères Accessiweb précités.
Une présentation de @tetue sur les bonnes pratiques en matière de #typo sur le web. Peut être pratique quand il s’agit de sensibiliser quelqu’un à ce sujet.
Voir aussi :
– transcription : ▻http://romy.tetue.net/965
– support : ▻http://fr.slideshare.net/tetue/amliorer-la-lisibilit-typographique
– vidéo (RMLL 2013) : ▻http://video.rmll.info/videos/etes-vous-surs-detre-lu
#lisibilité #typo #a11y
Logical Breakpoints For Your Responsive Design | Smashing Magazine
▻http://www.smashingmagazine.com/2013/03/01/logical-breakpoints-responsive-design
classic typographic theory can help you determine the right breakpoints for your responsive website. You could even go so far as to create different layouts for different languages.
▻http://nerd.vasilis.nl/code/measure-help
#typographie #responsive #web_design #mobile #internationalisation
E-TeX : Guidelines for Future #TeX Extensions - revisited
▻http://latex-community.org/know-how/latex/55-latex-general/475-e-tex
Introducing Adobe Blank « Typblography
▻http://blogs.adobe.com/typblography/2013/03/introducing-adobe-blank.html
Earlier this year, the Adobe Type Team was approached by one of our other development teams to produce a special-purpose font with two fascinating—at least to me—characteristics:
All Unicode code points are covered.
All code points are rendered using a non-spacing and non-marking glyph.
Tu dois absolument aller voir les créations de FONTYOU, parce qu’ils sont jeunes ils sont fous ils sont plein de talent :
▻http://shop.fontyou.com
Il y a notamment Valentine Proust, Micaela Neustadt et Sofia Proisy Lesnik, trois excellentissimes anciennes du #dsaa_ct d’Estienne.
Ditching the Shoehorn: Designing #Type That Works on #ePubs, Mobi and the Web | #Design in the browser with web fonts and real content — Typecast
▻http://typecast.com/blog/ditching-the-shoehorn-designing-type-that-works-on-epubs-mobi-and-the-web
Designing typography that works across multiple platforms is no small task. Today, Stewart Curry of Woopie shares what he’s learned in the publishing trenches.
Un bon bouquin qui vient de sortir aux éditions B42, Le Transformateur sur les principes de création des diagrammes Isotype, qui ont servi à donner une image visuelle à des informations statistique. Un langage visuel qui va bien au delà de la simple compilation de pictogrammes.
En effet superbe, je suis (très jaloux) d’être en Norvège et de ne pas pouvoir me précipiter pour l’acheter.
#visualisation #information-design #otto-Neurath marie-neurath
Paris Web – Petit florilège de bonnes pratiques graphiques
►http://www.paris-web.fr/2012/ateliers/petit-florilege-de-bonnes-pratiques-graphiques.php
conférence de Tetue sur les bonnes pratiques pour le graphisme d’un site : tous les points à examiner illustrés d’exemples
#graphisme #ergonomie #style #pratique #typographie #webdesign
pour d’autres confs cf. #parisweb
à propos de #design cet article à propos d’un #livre que certains connaissent sans doute, de Max Bruinsma Deep Sites : Intelligent Innovation in Contemporary Web Design
« Innover sur le web » : dix ans après… | Œuvre | Imaginaire | Numérique via @nicolasthely
▻http://oin.hypotheses.org/479
trois niveaux peuvent être mis en rapport avec le commentaire original. Parfois, malgré la mise à jour graphique et un nouveau contenu, le texte pourrait encore virtuellement accompagner la nouvelle version du site. D’autre fois, il existe une #archive interne au site qui permet de retrouver les pages anciennes à une nouvelle URL… Dans tous les cas où la continuité l’emporte sur la rupture, j’ai choisi un bleu clair. Lorsque les modification sont plus profondes, l’écart entre le commentaire et les visuels actuels plus évident, un bleu plus dense nous entraine vers l’abîme du #temps. Et pour certains cas plus indécis, un bleu moyen est conservé. Enfin, j’ai choisi de restituer la visibilité des adresses par contraste pour terminer de tagger cette interface et la rendre plus facilement utilisable…
Movies title screens -
Vaste collection de photos d’ecran de titre de films
▻http://www.shillpages.com/movies/aa.htm
Using Type: Getting #font-face Right, Preventing Faux Bold « FontShop Blog
▻http://blog.fontshop.com/2013/02/14/using-type-getting-font-face-right-preventing-faux-bold
First, thanks Art Blanc for requesting that I add this brief bit as an extension to Using Styles Properly. Designing with professional webfonts, you’ve generally got two options. Host your own, or go with someone like Typekit or Webtype that handles the hosting and serving of font files as needed. I’ll focus on the first case, but this is still pretty applicable to the second, as it will point out why problems like faux bold and faux italic occur, and how to fix them.
[Boîte à outils] Quelques ressources pour améliorer la lisibilité de nos médias
►http://atelier.mediaslibres.lautre.net/Boite-a-outils-Quelques-ressources.html
Une page de ressources pour les #médias_alternatifs sur la #typographie, en particulier sur le web. Ami-e-s de Seenthis, si vous avez des liens de référence à proposer, merci :-)
Responsive Typography: The Basics | Information Architects
►http://informationarchitects.net/blog/responsive-typography-the-basics
howto faire une typographie responsive
Le graphiste Pierre Di Sciullo affiche ses idées - Arts et scènes - Télérama.fr
►http://www.telerama.fr/scenes/le-graphiste-pierre-di-sciullo-affiche-ses-idees,89584.php
►http://expositionafficheaction.fr/wp-content/uploads/2012/10/exposition_affiche_action.jpg
Depuis 1789, la politique s’écrit dans la rue, sur des affiches. C’est le thème de la passionnante #exposition « Affiche-action : quand la politique s’écrit dans la rue » à l’Hôtel des Invalides, à Paris (jusqu’au 24 février 2013). Plus de 150 documents y font revivre les moments exacerbés de deux siècles d’histoire : La Commune de Paris, avec ses appels à rejoindre les barricades, les petits placards concoctés à la main par des résistants anonymes pendant l’Occupation, ou encore les slogans insolents de mai 68.
L’expo présente aussi les œuvres de deux affichistes contemporains : Pierre Di Sciullo et Vincent Perrottet, qui sont justement des héritiers de 68. Si Pierre Di Scuillo n’a jamais été encarté, il revendique une filiation avec #Grapus, un groupe de graphistes très influent dans les années 1970-80. Grapus était actif dans le monde communiste, mais ses images ont toujours été refusées par la propagande officielle du PCF. Il avait pour commanditaires des communistes en marge de la ligne du parti, comme Jack Ralite. Pierre Di Sciullo et Vincent Perrottet ont tous deux travaillé avec d’ex-membres de Grapus.
L’EXPOSITION
►http://expositionafficheaction.fr/lexposition
Aujourd’hui très largement associée aux messages publicitaires, elle fut avant tout l’expression d’une parole publique forte. Nombreux sont les exemples qui ont marqué l’histoire : des affiches révolutionnaires de 1789 à celles de mai 68, les écrits politiques n’ont eu de cesse de recouvrir les murs de la ville, faisant de la rue le terrain d’affirmation de la démocratie.
Les polices ont du caractère. Les polices ont du caractère | La-Croix.com
►http://www.la-croix.com/Archives/2012-11-15/Les-polices-ont-du-caractere.-Les-polices-ont-du-caractere-_NP_-2012-11-15
Alors que le tout-venant voit dans la page le noir de la lettre, le créateur de typographie s’attache au blanc. « Ce qui nous intéresse, explique Philippe Millot, enseignant à l’École nationale supérieure des arts décoratifs (Ensad) et dessinateur de livres, c’est ce qui n’est pas visible, c’est-à-dire tous les espaces de politesse de la typographie : les marges, les contreformes (les blancs à l’intérieur des lettres et entre elles). Ils expriment pour moi la qualité de nos échanges avec les autres. »
et ►http://www.la-croix.com/Archives/2012-11-15/Les-polices-ont-du-caractere.-Regards-d-ecrivains-_NP_-2012-11-15-876570
Hacen propose une (excellente) collection de polices arabes :
►http://www.hacen.net/spip.php?rubrique9
– c’est du shareware (pas libre-libre, mais c’est mieux que rien),
– le site est sous #SPIP dis-donc !
– il y a les ligatures dans les features « init », « medi » et « fina », ce qui me laisse penser qu’on peut facilement les transformer en webfonts. (Je fais l’essai et je te dis ça rapidement.)
OK, je confirme : ça se transforme très bien en webfont qui s’affiche bien dans Safari (lequel réclame que les features opentype « init », « medi » et « fina » soient renseignés).
En revanche, j’ai dû convertir la police en OpenType Postscript (.otf) dans Fontlab, et ça m’a demandé de créer un caractère manquant. Bizarre.
Et je signale que j’ai découvert ce site en cherchant quelle webfont utilise le site de la chaîne de télé Al Mayadeen :
►http://www.almayadeen.net
►http://www.metaflop.com/modulator
metaflop is a web based platform for experimental fonts and type related projects using metafont. metafont is a programming language for creating entire families of fonts from a set of dimensional parameters and outline descriptions.
with the modulator it is possible to render custom and flexible metafonts without dealing with the programming language and coding by yourself. this enables you to focus on the design part – adjusting parameters of a typeface to your own taste. all the repetitive tasks are automated in the background.
the unique result can be downloaded as a webfont package for embedding on your homepage or an opentype postscript font (.otf) which can be used on any system in any application supporting .otf.
metaflop is open source - you can find us on github, both for the source code of the platform and for all the fonts.
via @julienbidoret
via @julienb (que je ne savais pas sur seenthis, honte à moi).