The man behind your phone’s fonts (1)
http://www.cnet.com/8301-17918_1-57411523-85/the-man-behind-your-phones-fonts
In the first part of our two-part series about mobile phone fonts, we sit down with Steve Matteson, the typeface designer for Droid, Windows Phone, and countless other UIs.
The secret to designing a great smartphone font |(2)
http://www.cnet.com/8301-17918_1-57412345-85/the-secret-to-designing-a-great-smartphone-font
In the second portion of our two-part series, we explore the history and theory behind mobile phone fonts with the help of typeface designer Steve Matteson.
Un très bon article sur les liens entre responsive designe et #typographie
Responsive Typography : The Basics | Information Architects
►http://informationarchitects.net/blog/responsive-typography-the-basics
In the heat of the relaunch I wrote a quick blog post on responsive typography, focussing solely on the aspect of our latest experiment: responsive typefaces. Without knowing the history of iA, you’d miss some key aspects to the responsive typography and design in our relaunched site. Instead of mashing up all our articles on the matter, I decided to start from scratch and explain everything step by step.
ah oui, super ; j’aime bien aussi celui-ci qui explique de façon assez claire pourquoi les boutons « share » c’est de la merde :
Sweep the Sleaze, by Oliver Reichenstein | Information Architects
http://informationarchitects.net/blog/sweep-the-sleaze
on le retrouve ici :
How to hold your iPad | AlastairC
http://alastairc.ac/2013/02/how-to-hold-your-ipad
http://alastairc.ac/wp-content/uploads/2013/02/pixel-distance-graph.png
Device CSS PPI Intended viewing distance (m)
iPhone 163 0.41
iPad mini 163 0.41
Nexus 7 162 0.41
Galaxy Nexus 147.7 0.45
iPad 132 0.51
Macbook Pro 15″ 110 0.61
iMac 27″ 109 0.62
Trad Desktop (96 DPI) 96 0.71
32″ TV with Xbox IE 32.4 3.5
Linotype: The Eighth Wonder of The World — Imprint-The Online Community for Graphic Designers
http://imprint.printmag.com/daily-heller/linotype-the-eighth-wonder-of-the-world
The new film Linotype: In Search of the Eighth Wonder of the World will have its world premiere in New York City on Feb 3 (7 p.m.)at the SVA Theatre - 333 West 23rd St and 8th Avenue. On hand will be Douglas Wilson, the director, and various interviewees from the film for panel discussion, moderated by me.
100 Best Comedy Movies – the full list
The full list of the 100 best comedy movies, as selected by over 200 experts from the world of film, TV and comedy
We spoke to dozens of comedy writers, comedy directors, comic actors and stand-up comedians – including Dan Aykroyd, Richard Curtis, Edgar Wright, Kim Noble, Stephen Merchant, Jo Brand and many, many more – and asked them to share with us their favourite comedy films of all time. Can you guess which film emerged as the number one choice?
http://www.timeout.com/london/feature/1502/100-best-comedy-movies-the-full-list
Youpi, le nouveau blog de Muriel Paris // typomanie | actualités, histoire, théorie, pour tous les amateurs de #typographie et les typographes-amateurs…
http://typomanie.fr
L’affiche typographique est une création bien particulière. Composée uniquement de texte, sans visuel figuratif, une affiche peut tout à fait remplir son rôle premier, celui d’informer ; à l’inverse, une figure sans texte tend à rester, la plupart du temps, une énigme, une proposition de sens offerte à de multiples interprétations.
Hand Lettering on the Internet — Imprint-The Online Community for Graphic Designers
http://imprint.printmag.com/illustration/hand-lettering-on-the-internet
Enter the internet. A quick search on Archive.org (prompted by the handletterer’s forum) provided tons of full scans of amazing hand-lettering instruction books from the late 19th century through the mid 20th. I brought these books with me and had an amazing time learning. Please enjoy my favorites
http://imprint.printmag.com/wp-content/uploads/Untitled-1.jpg
Pas mal de liens #design / #typographie intéressants // Eye blog » Noted #10.A minimal objection, reading a cube, the latest letterpress and Sutnar
http://blog.eyemagazine.com/?p=7940
A minimal objection, reading a cube, the latest letterpress and Sutnar
Google’s Search Engine Optimization Starter Guide http://static.googleusercontent.com/external_content/untrusted_dlcp/www.google.com/fr//webmasters/docs/search-engine-optimization-starter-guide.pdf
Godard, #typographie, cinéma | @aris
http://aris.papatheodorou.net/2011/08/godard-typographie-cinema
Christian Annyas note au passage que Sauve qui peut (la vie) (1980) sera le dernier film de Godard à utiliser une fonte personnalisée pour son habillage. Le charme discret de la typographie “faite mains”, avec ses imperfections de dessin, ses approches approximatives, ses incohérences de composition, laisse la place à la typographie numérique. Rien à redire, c’est juste le générique de fin d’une époque.
HTML5 and CSS3 - Adobe - The Expressive Web - Beta
►http://beta.theexpressiveweb.com
Quelques démos spectaculaires pour HTML5 et CSS3
Jay Nelson, auto-construction de camping-cars
http://jaynelsonart.com/files/gimgs/1_ggsjweb_v2.jpg
Présenté sur http://www.gentside.com/camping-car/il-cree-son-camping-car-de-ses-propres-mains_art25938.html
Quand l’artiste basé à San Francisco Jay Nelson a décidé de récupèrer il y a quelques temps de cela une vieille Honda CRX, il a voulu en faire une voiture un peu particulière. Muni de quelques planches de contreplaqué, il a entrepris d’en faire un véritable camping-car tout confort capable de transporter aisément ses affaires ainsi que son matériel de surf. Inspiré des concepts du green design, cette sorte de coque reprend également à son compte les principes de la géodésique, un principe mathématique désignant le chemin le plus court entre deux points d’un espace pourvu d’une métrique (un moyen de mesurer les distances).
Le site de Jay Nelson : http://news.jaynelsonart.com
Les vrais fantasmes des faux-culs
►http://sexes.blogs.liberation.fr/agnes_giard/2011/08/les-vrais-fantasmes-des-faux-culs.html
Agnès Giard du blog « 400 culs » démonte l’un des marroniers d’été, « les vrais fantasmes des français ».
Dans cette presse qui réduit notre libido à des résultats de sondages sans imagination, les fantasmes n’ont plus rien de très fantasmatiques. On n’éprouve à les lire aucun trouble. Seulement de l’ennui. Ce sont les ersatz de libido “désenchantée” d’une presse qui se croit libérée et qui proteste, paradoxalement, contre ce qu’elle appelle “le trop-plein de sexe”. Alors qu’en réalité, nous ne souffrons pas d’un trop-plein de sexe. Nous souffrons d’un trop-plein de bêtise. Tant qu’on réduira la notion de fantasme à ces sinistres énumérations, tant qu’on posera aux gens des questions “fermées” sur ce qui leur donne envie de bander et de mouiller, nous resterons au degré zéro du désir.
http://nsa27.casimages.com/img/2011/08/04//110804080203597446.jpg
«Dystopia», chaos debout
http://next.liberation.fr/culture/01012352540-dystopia-chaos-debout
Art contemporain. A Bordeaux, 80 œuvres interrogent le thème de l’apocalypse.
« Face au crépuscule des derniers beaux jours de l’ère industrielle et à la conscience de ses ravages généralisés, l’art peut, au mieux, affirmer l’absolue ironie de sa posture et, au pire, au moins témoigner d’une attitude qui, de l’avis de tous, est véritablement apocalyptique », estime Mark Von Schlegell. La décadence des utopies modernes se met en scène dans la vidéo Cities of Gold and Mirrors (2009) de Cyprien Gaillard, dont la bande-son envoûte la nef. Un membre de gang y danse sur des ruines archéologiques, des étudiants américains abusent du « Spring break »… La vision de l’orgie capitaliste voisine avec le cauchemar atomique dans la série de portraits de Japonais irradiés d’On Kawara (Thanatophanies, 1995), du corps saisi par la mort (Endless Endless de Des Hughes, 2010) ou du spectre de la surveillance et de l’autocensure dans Surveillance Landscape of the Year (2011) de Julia Scher.
Commencement. Loin de voir la fin de tout dans des œuvres qu’il juge dystopiques, Von Schlegell y décèle un commencement : « Depuis l’auteur britannique de l’Utopie, Thomas More, c’est seulement au cœur des pires dystopies que surgissent les utopies, réelles ou fictives. Dans la fiction s’élèvent les voix partout ailleurs réduites au silence. »
http://www.capc-bordeaux.fr/sites/capc-bordeaux.fr/files/imagecache/thickbox/Mathieu_Tonetti_Rancho_Mirage_RM-144_2010_c_Mathieu_Tonetti.jpg 
http://nsa28.casimages.com/img/2011/08/04/110804080308136250.jpg
Trop parfait pour reprendre rapidement une image (pour un logo #Spip par exemple) sans ouvrir Photoshop (surtout quand les gens ne l’ont pas).
Hierarchy of Digital Distractions
http://www.informationisbeautiful.net/2011/hierarchy-of-digital-distractions-moma
A afficher au-dessus de son ordi pour se martyriser ? Tant qu’il n’y a pas #Seenthis on peut continuer ;-)
Repéré sur le blog Cybergology : http://thesocietypages.org/cyborgology
Very honoured that the Hierarchy of Digital Distractions features in the latest exhibition at the Museum Of Modern Art in New York.
“Talk To Me”, curated by the legendary Paola Antonelli, explores how innovations in communication design are transforming our lives. It features interactive objects, data visualizations, and brain-blending guerilla tech projects.
The Hierarchy Of Digital Distractions explores and visualizes the subtle, invisible structure I use to prioritize one digital distraction over another. Check out its page on MoMA and press some buttons. (if you tweet, use #ttmhierarchy).
http://s3.amazonaws.com/infobeautiful2/hierarchy_distractions_960.gif 
http://infobeautiful2.s3.amazonaws.com/hdd_blur_closeup2_550.jpg
Fausses #photos vintages | Nathan Jurgenson
http://owni.fr/2011/07/30/fausses-photos-vintages
Smartphones, Hipstamatic, Instagram et réseaux sociaux ont changé notre rapport à la #photographie. Nathan Jurgenson s’intéresse ici aux photos vintages devenues soudainement très « trendy ».
#Cultures_numériques #Graphisme #Traduction #hipstamatic #instagram #réseaux_sociaux
Winter’s Bone (2011) — Debra Granik
http://www.lesinrocks.com/cine/cinema-article/t/60735/date/2011-03-01/article/winters-bone
(#film conseillé par @isskein)
Point de réel méchant ici (ou alors, seulement des méchants), mais une attention constante à l’inextinguible flux vital des hommes et des femmes : lorsqu’un vieux cow-boy rouillé se saisit d’un banjo, par exemple, qu’un soldat explique longuement, presque en chuchotant, à Ree pourquoi ce n’est pas une bonne idée pour elle de s’engager dans l’armée, ou qu’un enfant se met à faire du trampoline, en apesanteur.
http://www.medias-inrocks.com/uploads/tx_inrocksttnews/wintersbone604.jpg
Animals being dicks
http://animalsbeingdicks.com
„Silly gifs of animals being jerks.“ La première image c’est vraiment #Spip (faut cliquer dessus sinon ça marche pas, gif animé inside).
http://i1112.photobucket.com/albums/k497/animalsbeingdicks/animalsbeingdicks/abd-21.gif 
http://i1112.photobucket.com/albums/k497/animalsbeingdicks/animalsbeingdicks/stupidassdog.gif
Intéressante « critique » du film « Les Schtroumpfs 3D » :
Smurfs Rotten Tomatoes Score : Zero
http://www.huffingtonpost.com/2011/07/28/smurfs-rotten-tomatoes_n_911812.html?ncid=edlinkusaolp00000009
En fait, elle n’est pas intéressante en tant que critique de film. Cela n’en est pas une. Elle est intéressante parce qu’elle apparaît sur le Huffington Post, une ferme de contenu américaine équivalente à Le Post de Le Monde.
Qu’est-ce qu’une ferme de contenus ?
C’est un site web dont le but est d’attirer un maximum de visiteurs, en particulier issus des moteurs de recherche, en leur fournissant le contenu le moins cher à produire pour revendre ce contenu à des sites tiers, ou bien pour revendre ce contenu à des annonceurs sous forme d’espaces publicitaires, le tout avec un investissement minimum (et la qualité qui va avec) et un retour sur investissement maximum (en soi, ce dernier point n’est pas un problème, à ceci près qu’il est exacerbé).
Pour en savoir plus, on peut regarder du côté du document ayant fuité de chez AOL, « The AOL Way », dont on trouve une présentation ici :
LEAKED: AOL’s Master Plan
http://www.businessinsider.com/the-aol-way
By April, he wants AOL editorial to increase its stories per month from 33,000 to 55,000.
He wants pageviews per story to jump from 1,500 to 7,000.
He wants video stories to go from being 4% of all stories produced to 70%.
He wants the percentage of stories optimized for search engines to reach 95%.
We know all this, because right now, Armstrong’s lieutenants are making their way through the company’s many editorial divisions, training them on "The AOL Way.
Pour en revenir à la critique de film, on notera que :
– un titre de page optimisé pour les moteurs de recherche ;
– une introduction générique, plaçant surtout les mots-clefs en rapport avec le thème (comme la liste des comédiens impliqués, inscrite en vrac par un tour de passe passe syntaxique) ;
– des citations de sources tierces ;
– une conclusion factuelle ;
– une phrase finale incitant à, en premier lieu, ajouter des commentaires (du contenu gratuit et original) et, en second lieu, faire visiter une autre page du site.
Avec un générateur de contenu dédié, ce genre d’articles peut réclamer environ 5 minutes de temps-homme pour être produit, relu, retouché, validé et mis en ligne.
Evidemment, tout ceci ne réclame certainement pas d’aller voir le film pour en parler, pas plus que regarder la bande annonce... À quoi bon ? Cette « critique » n’exprime aucun avis.
#ferme_de_contenus #spam #web #internet #business #aol #huffington_post
j’ai vu le #film, c’est d’une grande mièvrerie ; mais ils sont fortiches sur le placement de produits
http://media.paperblog.fr/i/396/3967267/schtroumpfs-3d-laffiche-vertigineuse-L-D08cQW.jpeg
Adobe : Le créatif au pouvoir ? - strabic.fr
http://www.strabic.fr/Adobe-Le-creatif-au-pouvoir.html
Jean utilise les « solutions » Adobe pour concevoir des présentations où il associe textes et images. Depuis qu’il se sert de ces outils, cela n’a jamais été aussi simple.
La pieuvre Adobe Systems (qui a avalé en 2005 son concurrent Macromedia) déploie à intervalles réguliers ses suites créatives qui font d’un simple employé du secteur tertiaire un créatif en puissance.
#design #outils #technologie #critique #idées
Voici quelques éléments qui pourraient permettre de faire de beaux #livres en #HTML :
#Firefox 4 : #OpenType font feature support
►http://hacks.mozilla.org/2010/11/firefox-4-font-feature-support
►http://nitens.org/taraborelli/TeXOpenType
#TeX line breaking algorithm in JavaScript
►http://www.bramstein.com/projects/typeset
#Césures, veuves et orphelines, class sur &…
►http://plugins.spip.net/Typographie-avancee
#Calibre - Free and Open ebook manager
http://calibre-ebook.com/about
#Sigil - #eBook editor
►http://code.google.com/p/sigil
#Bibliotype - A Simpler Page
►http://www.alistapart.com/articles/a-simpler-page
►http://www.spip-contrib.net/Bibliotype
#Treesaver.js ; framework js pour magazines
http://seenthis.net/messages/14572
10 great OpenType fonts
►http://opentype.info/demo/webfontdemo.html
#readability qui « définit » ce qu’est un contenu
https://www.readability.com
La #liseuse de lekti-ecriture
►http://lekti.net/liseuse/9782916952314
PHP-#ePub
►http://www.phpclasses.org/package/6115-PHP-Create-ebook-in-EPUB-format-for-ex-Apple-iPad.html
PHPePub
►https://github.com/Grandt/PHPePub#readme
OPL’s EPUB library
►http://sourceforge.net/projects/oplsepublibrary
justinrainbow/epub
►https://github.com/justinrainbow/epub
#WeasyPrint - Converts HTML + CSS to PDF
►http://weasyprint.org
Je remets dans cette liste celle [établie par corrobori] des plugins #SPIP qui permettent d’enrichir le contenu éditorial :
– les blocs de langues, http://www.spip-contrib.net/Bouton-Changement-de-langue-pour-le-Porte-Plume
– les notes de marges, petite variante de http://www.spip-contrib.net/Plugin-Encarts
– les ref bibliographiques. http://www.spip-contrib.net/Cite-des-modeles-pour-inserer-des-references
– Le glossaire http://www.spip-contrib.net/Un-glossaire-interne-pour-vos
– TdM : http://www.spip-contrib.net/Table-des-Matieres
et des liens vers d’autres solutions :
– Boom : book and html, ►http://www.alistapart.com/articles/boom
– le CMS Lodel http://www.lodel.org
– La poule ou l’œuf ►http://www.pouleouoeuf.org
La méthode de #SPIP2LaTeX ►http://www.spip-contrib.net/Version-PDF-avec-SPIP2LaTeX consistant à offrir des modèles particuliers pour certaines choses est assez astucieuse, il faudrait sans doute la reprendre. Par exemple pour que les pages soient zoomables, on ne peut pas se limiter au 72 DPI ; on peut envisager un plugin qui ferait de <img12> une version en 150 ou 300 DPI (avec resize par le navigateur), et d’ailleurs aussi pour <math>$x=2$</math>.
Sans oublier les différents plugins de #typographie
Pour un livre, aller carrément sur :
►http://plugins.spip.net/Typographie-avancee
Ça te fait les césures, mais beaucoup plus intelligentes, et ça gère encore d’autres choses.
Du côté de Readability :
– le code javascript est du code libre, disponible là :
http://code.google.com/p/arc90labs-readability
– forcément moins fiable, mais faute de mieux : la version PHP de Readability :
http://www.keyvan.net/2010/08/php-readability
En fait, la solution vraiment marrante serait sans doute de faire parser (via readability.js) le code par les visiteurs du site, avec un ajax qui balancerait un $.post du résultat vers le serveur, qui n’aurait plus qu’à stocker ça. Mais bon, sinon, la version PHP, je l’utilise sur #Seenthis.
Ah readability existe en PHP… le voici dans un plugin SPIP. svn ://zone.spip.org/spip-zone/plugins/readability/
Pour info, j’utilise la version PHP de Readability sur Seenthis : c’est ce qui me permet de récupérer la page distante et de la thématiser aussi précisément que possible.
@marcimat signale qu’aucun #navigateur libre ne fait encore le support des #css3-page
http://www.w3.org/TR/css3-page
Et en usage sur programmer.spip.org :
http://zone.spip.org/trac/spip-zone/browser/_galaxie_/programmer.spip.org/plugin_documentation/impression.css#L84
il existe cependant une solution (non libre) #princexml qu’on peut télécharger
http://www.princexml.com
on peut la tester et l’utiliser en #SaaS à
http://docraptor.com/plans
(commentaire caduc cf Weasyprint)
Voilà j’ai porté #Bibliotype dans un #plugin #SPIP :
►http://www.spip-contrib.net/Bibliotype
démo chez moi :
http://zzz.rezo.net/?page=bibliotype&recherche=libre
Ça semble effectuer un reset général sur les styles, qui n’est pas forcément heureux quand il annule les réglages de SPIP :
– images dans le texte,
– surtout : les listes, qui n’ont plus de marqueurs, et qui ont même un interlignage différent du reste du texte,
– intertitres catastrophiques.
Pas regardé en détail, mais s’il y a un reset.css (ou similaire), alors il faut remettre à la main dans les CSS un certain nombre de choses utilisées par la maquette de SPIP.
@arno le plugin typographie avancée semble très lent… pas loin de 20s pour un texte de 20 000 signes.
@Fil Pour compléter la liste : http://scenari-platform.org est une solution libre pour créer des chaines éditoriales dont il existe un plugin (http://www.spip-contrib.net/Scenari-pour-SPIP) pour SPIP
j’ajoute des librairies de lecture/fabrication d’epub :
OPL’s EPUB library
►http://sourceforge.net/projects/oplsepublibrary
PHPePub
►https://github.com/Grandt/PHPePub#readme
* justinrainbow/epub
►https://github.com/justinrainbow/epub
Does #Google+ hate women ? « Bug Girl’s Blog
http://membracid.wordpress.com/2011/07/24/why-google-hates-women
I have been Bug Girl online since at least 1997; as a blogger since 2005. I initially adopted a pseudonym because I had been the target of some white supremacist groups in the 90s, as well as experiencing stalking.
Later I discovered that I had become a high-enough level civil servant that I was actually PROHIBITED, by law, from having opinions online. I controlled enough of the state budget that my activities online, if connected to my real name, could be seen as lobbying. It looks like my current job in Connecticut is going to be bound by the same rules.
I also only feel free to talk about my disability (I have epilepsy) and my status as a rape survivor under this pseudonym. I don’t want my students, my employer, or my mom to find out these secrets about me from Google.
d’autres raisons encore : apprendre, jouer, être timide…
Ce qu’on peut répondre, même si au final je suis d’accord avec les pro-pseudos, c’est qu’on peut aussi… ne pas faire tout ça sur Google +. Il y a des tonnes de services en ligne qui existent (ici par ex), raconter ses aventures qui nécessitent l’anonymat sous Google + ne semble pas une obligation indépassable.
oui @baroug tout comme c’est pas grave de se faire refuser l’accès à une boîte de nuit, on peut toujours aller s’amuser ailleurs…
ce qui m’inquiète c’est que l’idée d’une identité obligatoire sur internet est en train de s’imposer : l’Etat le veut, les entreprises le veulent, comme disait si bien Eric Schmidt
Ce qui est étonnant c’est également que Google se sente assez fort pour bloquer des comptes qui ne lui conviennent pas. Tout comme Apple interdit des applications sur son Apple Store ou Amazon a pu supprimer des ebooks sur les appareils de ses clients.
C’est intéressant car Google ou FaceBook utilisent des logiciels libres pour construire des produits fermés et privateurs de liberté.
Et on peut dès maintenant toucher l’internet selon leurs voeux : celui où chaque utilisateur est ciblé, profilé et soumis.
Le problème avec l’analogie de la boite de nuit c’est qu’y être refusé est lié à des questions de discrimination, raciste ou sociale, ce qui ne me semble pas être le cas ici.
Par ailleurs il me semble que comme pour Facebook, les réclamations des vétérans du net acteurs du libre ont quelque chose de dérisoire dans la mesure ou ces systèmes représentent leur némésis.
Par contre, je pense tout haut et quelqu’un doit l’avoir déjà dit mais après ce qui c’est passé pendant les révolutions arabes avec facebook et twitter, on pourrait imaginer qu’une des raisons d’interdire l’anonymat est d’empêcher l’utilisation de Google + à des fins politiques.
@fil @baroug J’ai une tendance à abonder dans ton sens, Fil, la volonté de plus en plus contraignante des industriels du net et de certains politiques à vouloir que l’identité « réelle » et les identités « virtuelles fusionnent ».
Comme si on ne pouvait plus être connu dans certains cercles humains sous un pseudo (par exemple ça c’est beaucoup fait dans des organisations militantes) à son boulot sous une autre et se faire appeler Nanard sur le terrain de foot sans que personne ne connaisse ni ton « vrai nom » ni ton adresse.
Là où le bas blesse c’est qu’il y a encore dix à quinze ans, la question des alternatives était perçue comme pertinente, les serveurs de mail, les projets de serveur web protégeant la vie privée pullulaient.
L’accélération technique, le cloud computing, le confort attendu (usage facilité), la popularité des plateformes commerciales, font - mais Seenthis démontre un peu le contraire - que les alternatives rament, au loin. Et c’est surtout ça qui est flippant. Il y a encore dix ans, ça ne nous posait pas vraiment de problème de ne pas avoir de compte hotmail et de ne pas passer par Aol. Aujourd’hui, ne pas être sur Facebook d’une façon ou d’une autre (avoir un simple compte pour accéder à certaines pages) te catégorise asocial et d’autant plus que tu refuses que tes collègues de travail aient accès à ton profil. Pire c’est refuser que ton profil perso soit accessible à un futur employeur qui te rends suspect.
L’usage qui a été fait des traces variées du tueur d’Oslo sur le net me laissent aussi perplexe. Un simple like (Wow en l’occurrence) et la machine à interprétations fumeuses est en marche. Tu as liké un obscur groupe hardcore en 2008 ça veut surement dire quelque chose.
Et Google veut aussi pouvoir traquer l’internaute sur les photos et les vidéos... http://www.itespresso.fr/google-acquiert-pittpatt-la-reconnaissance-faciale-jusque-dans-vos-videos
