je sais pas pourquoi je le rajoute là, mais j’ai fait le lien avec le rap board... et puis c’est une façon de le cacher un peu : après le générateur de sons, le générateur de noms
►http://gangstaname.com/names/gangsta/generate mais aussi... :
►http://gangstaname.com/names/porn/generate
Mémento des propriétés CSS
►http://www.siteduzero.com/tutoriel-3-13639-memento-des-proprietes-css.html#ss_part_7
Cette page est une liste non exhaustive des propriétés CSS qui existent en CSS3.
Pour la plupart, ce sont des propriétés que nous avons vues dans le cours, mais vous trouverez aussi quelques nouvelles propriétés que nous n’avons pas abordées.
La liste est non exhaustive car mon but n’est pas de faire la liste de toutes les propriétés CSS qui peuvent exister : il y en a vraiment trop (plus de 200 !) et certaines sont très rarement utilisées.
Pour rappel : le site indispensable pour voir à quoi ressemblait le Web avant (avant quoi ?) :
#dsaa_ct
Internet Archive : Wayback Machine
►http://www.archive.org/web/web.php
Browse through over 150 billion web pages archived from 1996 to a few months ago. To start surfing the Wayback, type in the web address of a site or page where you would like to start, and press enter. Then select from the archived dates available. The resulting pages point to other archived pages at as close a date as possible. Keyword searching is not currently supported.
... avant les fonds d’écrans étoilés de la NASA.
►http://web.archive.org/web/19971210152810/http://www.scarabee.com
Déjà à l’époque, on osait des couleurs inattendues.
Et maintenant, coder la feature top-kikou : coder les fractions (caractéristique frac) pour fabriquer n’importe quelle série de chiffres suivie de slash suivie de chiffres (genre « 775/2042 ») par une version sous forme de fraction (pas l’un sous l’autre non plus : simplement 775 en exposant et 2042 en dénominateur).
Substitution contextuelle : on commence par définir une substitution « toute bête » (non contextuelle), ce qui nous permet d’identifier (et de tester) la chaîne qui provoque la substitution :
►http://pastebin.com/fB8Zb6P2
Une fois que cette séquence de remplacement est validée (tester la compilation), il suffit d’indiquer quel est le (ou les) glyphe(s) qui est réellement remplacé, en le(s) marquant par une apostrophe. Ici, on ne remplace que le « t » (par un beau « t » doté d’une barre allongée et surélevée du meilleur effet) :
►http://pastebin.com/9Y1N2KbU
Exercice : en créant un nouveau glyphe, lier tous les « f » dans « pffffff ! ».
Exercice : forme historique (feature hist). Appliquer la règle (arbitraire) suivante : remplacer tous les « s » par le « ſ » (« longs »), sauf en début et fin de mot.
Note : quand on génère le nouveau glyphe nommé « longs », son nom apparaît en rouge dans la casse. Ce qui signifie qu’il y a un code Unicode associé. Cliquer sur le petit diamant dans la fenêtre « Properties », FontLab attribuera automatiquement le code Unicode correspondant.
TypeCooker, un outil pédagogique créé par Erik Van Blokland de Letterror. Le site donne aléatoirement des critères à partir desquelles il faut imaginer une #typographie en passant par un lettrage. Plusieurs niveaux de difficultés sont disponibles, pour vraiment se pousser dans ses retranchements.
TypeMedia TypeCooker : Generator
►http://typecooker.com/index.html
Attention : les glypes sont appelés par le nom (« name »), pas en saisissant directement leur dessin au clavier. Par exemple, remplacer « ... » (trois points successifs) par « … » (le glype « trois points ») :
Pour ne pas devoir retaper « ellipsis », on peut cliquer-glisser le glype depuis la casse numérique vers la fenêtre d’édition du code.
Remplacer une série de glypes par une autre série de glypes :
►http://pastebin.com/DyLuUYkh
– entre crochets
– même nombre de glypes dans chaque membre.
Définir des variables, qui correspondent à des séries de glyphes directement utilisables (et réutilisables, donc) dans les features :
Grosse ambiance en cours aujourd’hui. J’arrive un peu tôt, et boum :
►http://www.deezer.com/listen-241083
Tu vas me dire que ça date, mais je viens de découvrir que le site officiel d’Unicode a tout une partie en français:
►http://unicode.org/fr
et notamment que toutes les tables de caractères sont disponibles en français (même les intitulés des caractères, dis-donc):
►http://unicode.org/fr/charts/index.html
Pour tout ce qui concerne Unicode en français, un site à ne pas rater absolument sous aucun prétexte ►http://hapax.qc.ca
Claude #Garamond | Destin d’un graveur et d’un fondeur de caractères
►http://www.typographie.org/gutenberg/garamond/garamond_2.html
NÉ À PARIS vers la fin du XVème siècle, Claude Garamond a appris son métier en étant l’élève d’Antoine Augereau, un graveur de caractères parisien qui s’était reconverti au métier de libraire et d’imprimeur. Ce dernier fut fameux pour avoir grandement contribué à éliminer des presses parisiennes les caractères gothiques en usage à l’époque, en utilisant exclusivement pour ses impressions, les trois corps de caractères romains qu’il avait lui-même gravé.
Le consortium Unicode:
►http://unicode.org
La page des tableaux de codes Unicode:
►http://www.unicode.org/charts
Le site Decode Unicode:
►http://www.decodeunicode.org
Sur sa page perso, tu as accès à toutes les publications de Yannis Haralambous. C’est bien pratique.
►http://omega.enstb.org/yannis
Dès l’été 2002, un article à la grammaire remarquable et à l’orthographe admirable expliquait #Unicode au grand public émerveillé. Par @fil.
[uZine 3] Voyage dans la tour de Babel du net
►http://www.uzine.net/article1785.html
Après des années de tergiversations, le petit monde des standardiseurs et régulateurs a fini par accoucher d’une norme unique appelée (bel optimisme !) unicode et qui contient tous les caractères utilisé sur la planète, et plein de cases libres pour accueillir la riche typographie martienne ou vénusienne quand SETI@Home aura débouché sur quelque découverte...
Et je relance de dix :
Une faute de Français
C’est un certain D., négociateur français représentant l’AFNOR (Association française de normalisation) auprès de l’ISO (Organisation internationale des standards) qui a sacrifié, en 1987, l’e-dans-l’o (œ) - tout simplement parce que ce caractère n’existait pas sur les imprimantes de son employeur Bull... Oublié des premières listes de caractères dits latins, au même titre que le ÿ majuscule, notre ami l’e-dans-l’o le paie encore, et s’il est facile sur le net de voler un oeuf, il est plus dur d’y voler un bœuf ou de se rendre à L’HAŸ-LES-ROSES.
Le code que l’on utilise pour définir les caractéristiques #OpenType dans #FontLab sont un outil spécifique défini par Adobe. Cet outil est baptisé Adobe Font Development Kit for OpenType (AFDKO).
OpenType - Wikipedia, the free encyclopedia
►http://en.wikipedia.org/wiki/OpenType
Second, Adobe’s strategy of licensing at no charge the source code developed for its own font development, AFDKO (Adobe Font Development Kit for OpenType), allowed third-party font editing applications such as FontLab and FontMaster to add support with relative ease. Although Adobe’s text-driven coding support is not as visual as Microsoft’s separate tool, VOLT (Visual OpenType Layout Tool), the integration with the tools being used to make the fonts has been well received.
La page officielle de l’AFDKO :
►http://www.adobe.com/devnet/opentype/afdko.html
Note : le code est utilisable gratuitement, mais ça n’est pas (du tout) du logiciel libre pour autant :
►http://www.adobe.com/devnet/opentype/afdko/eula.html
Et pour les plus velus, il y a le forum de l’AFDKO pour FontLab :
►http://forum.fontlab.com/adobe-fdk-for-opentype-afdko-b38.0
Justement, la norme ADFDKO vient de changer et cela se répercute dans la dernière version de Fonlab (5.1). Deux lignes doivent être rajoutées au début du code #OpenType pour qu’il fonctionne : languagesystem DFLT dflt ;
languagesystem latn dflt ;
cf ►http://forum.fontlab.com/fontlab-studio-public-preview/download-info-for-fontlab-studio-51-public-preview-1-for-mac-lioncomp
Une présentation claire d’OpenType en français : Thomas Linard · Qu’est-ce qu’OpenType ?
►http://www.linard.name/articles/opentype
Auparavant les bonnes fontes avaient une variante Expert pour les ligatures (au-delà de fi et de fl), les exposants et les fractions et une variante SC/OSF pour les petites capitales et les chiffres elzéviriens. Si cette dernière n’avait pas une gestion trop compliquée (pas de codage différent des autres fontes), le codage particulier des variantes Expert les rendait difficiles à manier. De plus, un choix de deux variantes seulement limite les possibilités typographiques. Certaines fontes ont certes eu plus : ainsi Adobe Poetica a rassemblé jusqu’à 24 variantes, mais la gestion en devient un véritable casse-tête, sans parler de la difficulté à établir des tables de crénages pour des fontes contenues dans des fichiers différents. Ces fontes étaient donc d’usage complexe et représentaient un coût supplémentaire : peu les connaissaient, et moins encore les utilisaient.
OpenType simplifie tout cela : tous les glyphes alternatifs sont contenus dans la même fonte (on garde toutefois les distinctions classiques : romain, italique, gras…). Il devient aussi facile d’utiliser des ligatures ou des petites capitales que d’appliquer de l’italique.
OpenType® User Guide for Adobe® Fonts
►http://www.adobe.com/type/browser/pdfs/OTGuide.pdf
Une doc avec plein de « ® » dedans.
OpenType Feature File Specification | Adobe Developer Connection
►http://www.adobe.com/devnet/opentype/afdko/topic_feature_file_syntax.html
An OpenType feature file is a text file that contains the typographic layout feature specifications for an OpenType font in an easy-to-read format. It may also contain override values for certain fields in the font tables. It is read in during the creation or editing of an OpenType font. This document specifies the feature file grammar.
Oué. Et sérieusement ça serait bien de mutualiser en ligne les docs et sources qu’on utilise pour les cours. Autant le faire ici.
Quels cours ? Et ça veut dire quoi tout ça ? :)
@arno Oui, tu as vraiment raison. Mais je ne sais pas si les autres profs sont prêts à mutualiser leurs documents. J’en connais qui supprimaient leurs pdf à la fin du cour pour qu’on ne puisse pas le récupérer.
@jjllnn en fait, par « on », je pensais plutôt aux étudiants :-) Les étudiants fabriquent énormément de documentation, et je suppose qu’une grosse partie de leur recherche se fait désormais en ligne. Si cette partie était archivée et mutualisée, je crois que ça pourrait donner des résultats très intéressants.
Oh oui, et puis on pourrait se passer ça d’une année à l’autre. Je vais ressortir toutes mes archives et les mettre dans seenthis, petit à petit, à la main.
La liste condensée des features :
Microsoft Typography - OpenType Layout feature tags
►http://www.microsoft.com/typography/developers/OpenType/featuretags.aspx
La liste détaillée des features :
OpenType Layout tag registry
►http://www.microsoft.com/typography/otspec/features_ae.htm
Une doc un peu technique d’OpenTYpe :
►http://www.dutchtypelibrary.nl/PDF/OT_Technote.pdf