Flux

La puissance de HTML

It’s amazing that you can do so much with just HTML.
Ananya Neogi, HTML can do that?

Même si je ne suis pas un spécialiste du langage HTML j’ai découvert beaucoup de trucs nouveaux.

Interopérabilité

Le protocole permet l’interopérabilité. L’interopérabilité est la capacité à communiquer de deux logiciels différents, issus d’équipes de développement différentes.
Stéphane Bortzmeyer, C’est quoi, l’interopérabilité, et pourquoi est-ce beau et bien ?

Enfin une explication claire de ce qu’est l’interopérabilité, avec des exemples illustratifs.

Culture numérique

Dans cet ouvrage, qui est la version rédigée du cours que le sociologue assure depuis plusieurs années, Cardon – se dissociant en cela de la vision pour laquelle la révolution numérique s’inscrit dans le sillage des révolutions industrielles4 – défend que l’impact de la technologie numérique doit être comparé à celui de l’invention de l’écriture puis de celle de l’imprimerie, car en créant un nouveau milieu informationnel et communicationnel, elle engage l’émergence d’un système cognitif et symbolique dans lequel les autorités culturelles et institutionnelles traditionnelles sont mises profondément en question, voire bouleversées.
Peppe Cavallari, La culture numérique selon Dominique Cardon

Peppe Cavallari propose un riche compte rendu du livre de Dominique Cardon, Culture numérique, avec une introduction fort utile et une bibliographie additionnelle.

Doutes et faits

Le travail du vrai savant est de tout soumettre au doute.
Benoît Melançon, Donald Trump et l’Agneau de Scythie

Texte cinglant sur notre rapport aux faits et à la façon dont les savants du 18e siècle ont géré les infox.

État de l'édition en sciences humaines et sociales

Le paysage de l’édition en sciences humaines et sociales a été considérablement bouleversé au cours des dix dernières années. Les transformations du marché du livre, l’essor de la publication et de la lecture en ligne et l’évolution de l’évaluation scientifique ont profondément modifié la production et la diffusion du savoir, tout comme les modèles économiques et l’organisation du travail qui les sous-tendaient. Cette évolution a suscité de nombreux débats au sein du monde savant, mais aussi dans la sphère publique, en France comme au niveau international. En dresser un bilan global paraît aujourd’hui une tâche nécessaire et urgente.
EHESS, États généraux de l’édition en sciences humaines et sociales

Voilà un événement nécessaire, cette journée organisée par l’École des hautes études en sciences sociales et les Éditions de l’EHESS a par ailleurs été captée, les vidéos sont en ligne.

Reading Design

Reading Design is an online archive of critical writing about design. The idea is to embrace the whole of design, from architecture and urbanism to product, fashion, graphics and beyond.
Reading Design

Une initiative enthousiasmante (même si on déplorera le recours à Squarespace), même si ce n’est que le début (personnellement je ne retrouve pas des auteurs que j’aimerais lire, de Norman Potter à Robin Kinross en passant par Jan Tschichold). Et sinon il y a toujours Monoskop (au spectre plus large).

Annotation + conversation

Le modèle conversationnel fait l’objet d’une circulation qui ne se fait évidemment pas sans altération : de dispositifs en dispositifs, des micro-modifications sont apportées qui déplacent progressivement la manière dont l’annotation comme conversation est pensée, même s’il existe une pérennisation indéniable.
Marc Jahjah, L’annotation comme “conversation” (1/2) : des humanistes aux acteurs du web

Un regard scientifique sur l’expérimentation d’annotation d’OpenEdition (qui me sera bien utile, prévoyant moi-même la rédaction d’un court billet sur la question).

L'interstice des jeux de données

Il me semble que tout est là lorsque se pose le problème de la diversité au sein des données liées et de leur interconnexion. L’enjeu ne se situe pas nécessairement dans l’expressivité de la description même des données, mais plutôt dans l’interstice de ces jeux de données, à la lisière entre deux écosystèmes, là où les données doivent dialoguer et s’interpréter.
Nicolas Sauret, Ça se joue aux interstices

Quelques pistes de réflexion sur l’interconnexion des données dans une perspective de web sémantique.

Un certain futur

Installé sur une chaise pour reposer mes jambes, je capte une fin de discussion où un type dit que « parfois, la technologie quand c’est trop, ça peut faire peur, on a l’impression de plus maîtriser grand-chose… ».
lundimatin, Vivatech 2019 : Une journée à l’asile

Réaliste, drôle et déprimant.

Internet ou la révolution du partage

Internet et le numérique sont au cœur de presque toutes les activités humaines. Ont-ils contribué à faire de nous des citoyens plus autonomes ou des consommateurs captifs ? État des lieux de la liberté informatique en Inde, aux États-Unis et en Europe.
Philippe Borrel, Internet ou la révolution du partage

Un documentaire encore visible jusqu’au 4 août 2019, et qui fait un panorama pertinent du libre, comprenant Internet mais surtout les nombreuses initiatives autour du logiciel ou des pratiques libres, en passant par les communs. Un film utile, à diffuser largement, mais qui n’apprendra pas beaucoup à celles et ceux qui s’intéressent déjà au sujet.

Informatique et écologie

En tant que professionnel·le·s de l’informatique, nous avons la chance de pouvoir choisir pour qui nous souhaitons travailler. Inspirons-nous donc des étudiant·e·s pour signifier aux entreprises responsables du réchauffement climatique et à celles qui les financent que nous refuserons dorénavant de travailler pour elles.
[…]
Choisissons de mettre toute notre énergie au service d’entreprises qui répondent à nos valeurs, pas au profit de celles qui détruisent notre avenir !
Manifeste écologique des professionnel·le·s de l’informatique

Il manque peut-être une incitation à concevoir des programmes, des logiciels et des services qui consomment moins. Non pas qu’il faut réduire ce combat à une responsabilité individuelle, mais pointer des mauvaises pratiques et signaler des initiatives vertueuses seraient également un beau projet.

Les humanités numériques

Cet ouvrage propose un tour d’horizon synthétique des humanités numériques.
Arthur Perret, Les humanités numériques : une histoire critique

Arthur Perret chronique le livre de Pierre Mounier, Les humanités numériques : une histoire critique.

Pollen

While I write my blog in markdown it’s super nice to be able to mix real code with in your markup language. For example if you want to create a special layout for a specific page or if you want a table with subtly different properties than the rest, it’s easy.
Lawn, Pollen: the book is a program

Pollen est un système de publication numérique qui permet de générer un livre web à partir de fichiers Markdown.

Mélange des genres

CSS-in-JS ramène le style au sein du composant, dans son scope. Notre composant contient désormais son markup, son style et son comportement.
Matthias Le Brun, Tradeoffs

Intégrer du CSS dans du JS n’est pas une très bonne idée, le problème étant que c’est celles et ceux qui écrivent du JS qui décident de changer la donne, alors que les spécialistes d’HTML et de CSS les contredisent. Au moins cet article a le mérite d’être clair, cette pratique semble être adéquate pour des usages spécifiques, si l’on passe outre la dette technique et le détournement malheureux de CSS…

Please

Please use the apostrophe character, not an acute accent character.
Corentin Moussard, Please Type Well

Quelques règles typographiques valables dans plusieurs langues.

Publishing Sphere

Sous forme d’atelier, de performance, de co-écriture, de prise de parole, de booksprint, de forum, de wiki, de fish-bowl ou encore de pow-wow, nous souhaitons des propositions explorant l’inscription, l’écriture et la publication comme dynamiques d’ouverture d’un espace. La Publishing Sphere tentera de mettre en dialogue les différentes communautés en présence, dans un geste éditorial (curation) à la rencontre entre réflexion et création.
Publishing Sphere 2019

Du 23 au 25 mai s’est déroulé à Montréal cet événement entre littérature, publication, écriture numérique, poésie et performance. À voir passer les tweets pendant deux jours, j’aurais aimé y être.

Internaliser

Alors qu’elle externalisait jusque-là le stockage de ses données numériques, la ville a investi 16 millions d’euros dans un centre de données pour en reprendre le contrôle.
Vincent Fagot, Paris se dote de sa propre infrastructure pour héberger les données de ses administrés

Preuve qu’il est possible pour certaines structures ou collectivités de conserver la maîtrise de leur infrastructure numérique. Dommage qu’il y ait eu un amalgame au moment de l’annonce, pointant des scandales récents alors que la Mairie de Paris a dû faire ce choix il y a déjà bien longtemps.

Reconfigurer les processus de publication

Au-delà du succès mitigé du livre numérique, ce dernier impacte la façon de fabriquer des publications ou des livres, qu’ils soient imprimés ou dématérialisés.
Antoine Fauchié, L’impact du livre numérique sur les pratiques d’édition : reconfiguration des processus de publication

Le séminaire IMPEC (Interactions Multimodales Par ECran) m’a donné l’occasion d’évoquer mon mémoire sous une forme quelque peu différente, la vidéo est en ligne, ainsi que le support de présentation.

Numérique et liberté

[…] il est nécessaire d’avoir une compréhension de base qui demande une étude. Mais cette étude est la condition de la liberté.
Marcello Vitali-Rosati, Être libres à l’époque du numérique

Le coût de la liberté numérique n’est pas à négliger, mais quel plaisir de pouvoir maîtriser – même un tout petit peu – nos environnements numériques !

Git pour les nuls

Behind the scenes we perform a Git merge into the staging branch.
Mike Neumegen, Bringing Git Workflows to Editors

Je suis toujours fasciné de constater que Git, le puissant système de gestion de versions, peut être utilisé dans un projet sans forcément que les utilisateurs s’en rendent compte. Et c’est tant mieux, car Git demande du temps pour être maîtrisé. CloudCannon n’est qu’un exemple parmi tant d’autres.

Annotez !

Vous êtes intéressés par l’exploration de nouvelles dynamiques de communication scientifique directe ? Participez à l’expérimentation d’évaluation ouverte par les pairs sur OpenEdition Books ! De février à juin 2019, il est possible d’annoter publiquement une dizaine de titres sélectionnés à cette occasion.
OpenEdition, Annotations ouvertes : appel à participation

Même s’il est un peu tard pour participer, je relaie tout de même cette belle initiative (participant moi-même à cette expérimentation).

Digital Publishing Summit 2019

Here is an introduction to the program of the Digital Publishing Summit 2019.
EDRLab, Digital Publishing Summit 2019

Programme très attrayant que cette nouvelle édition du Digital Publishing Summit 2019, notamment les derniers développements autour de Readium, une présentation de Paged.js ou encore des avancées dans le domaine de l’accessibilité.

Mauvaise négociation

D’une manière générale, je ne comprends pas bien pourquoi ces négociations de Licence Nationale ne sont pas réalisées de manière publique et ouverte.
Daniel Bourrion, Un accord de mauvais principes

Couperin (le Consortium unifié des établissements universitaires et de recherche pour l’accès aux publications numériques) semble négocier dans son coin avec Elsevier une licence nationale permettant l’accès aux bibliothèques universitaires à de nombreuses ressources utiles aux étudiants et chercheurs. Le problème c’est que tout cela semble fait dans la plus grande opacité, remettant en cause les grands principes de l’ouverture des publications numériques de la Loi République numérique. C’est moche.

À lire également : Lettre ouverte au consortium Couperin sur le renouvellement de l’abonnement à Elsevier, Pourquoi et comment le consortium Couperin s’est-il couché devant Elsevier ?.

Les carnets numériques d'écrivain

La réévaluation du rôle joué par la publication (autonome et médiée) des textes sur le statut d’écrivain et sur leur lectorat conduit à définir la fonction d’implémentation des oeuvres (notion empruntée à Nelson Goodman) comme une clé interprétative de la publication numérique.
René Audet, Penser les carnets numériques d’écrivain : écritures médiatisées et réinvestissement de l’idée de publication

Je n’ai pas encore lu cet article qui semble aborder bon nombre d’interrogations personnelles. (L’accès à l’article est réservé mais il est possible de négocier avec l’auteur.)

ELPUB 2019

In 2019, the Electronic Publishing conference will expand your horizons and perceptions! Taking as an inspirational starting point the concept of bibliodiversity, a term coined by Chilean publishers in the 1990s, the forum will revisit its definition and explore what it means today.
ELPUB 2019

Dommage que l’appel à communication ait été timidement diffusé, j’aurais aimé proposer un sujet autour de la diversité des modes de conception et de fabrication des livres.

Mise à jour : les supports de présentation (slides) ont été mis en ligne : https://elpub2019.hypotheses.org/slides.

Internet et les archives

Ce n’est pas toujours beau à voir, mais c’est inestimable pour l’avenir.
Xavier de La Porte, Pourquoi Internet aime autant les archives ?

À noter que les archives aiment également Internet (cela se devait d’être dit).

Contrôle VS vitesse

AMP isn’t about speed. It’s about control.
Walid Halabi, Google AMP lowered our page speed, and there’s no choice but to use it

Comment mieux résumer le problème AMP ? (AMP est le moyen inventé par Google pour forcer les éditeurs de contenus à utiliser ses technologies pour apparaître dans les premiers résultats.)

Soigner le README

A README is a reflection of how a repository is maintained. […] A good README tells you everything you need to know to use the project and get involved. It sells the project — but concurrently respects a visitor’s time by letting them know if they need a different solution.
Andrew Healey, How to Write an Awesome GitHub README

Le README, ce fichier accompagnant tout projet informatique pour permettre aux développeurs ou au curieux de comprendre de quoi il en retourne : l’enjeu est de taille. Le README est un peu la quatrième de couverture de toute initiative numérique ou de n’importe quel bout de code.

Du clavier

1. Une posture correcte, tu adopteras.
2. La dactylographie, tu apprendras.
3. La dactylographie, tu apprendras. Vraiment.
4. D’un clavier compact, tu t’équiperas.
5. De la souris et des flèches, tu t’abstiendras.
6. De Vim, tu t’inspireras.
7. De dispositions hasardeuses, nul besoin tu n’auras.

Fabien Cazenave, Ergonomie holistique du clavier

À l’occasion de l’édition 2019 des Journées du logiciel libre, Fabien Cazenave a rassemblé beaucoup de ses recherches et recommandations pour une utilisation adéquate du clavier. Inspirant tout autant qu’effrayant.

Perspective accessible

In my case, it was a little over a month. Here’s what I learned while going through it.
Facundo Carradini, Accessibility for Vestibular Disorders: How My Temporary Disability Changed My Perspective

Vivre une situation de handicap permet de mieux prendre en compte une réalité que l’on ne connaît pas forcément. (Je suis toujours dubitatif sur les prises de parole de personnes qui ne sont pas en situation de handicap, mais cette fois il s’agit bien d’une telle situation, même si elle est temporaire.)

État, plateforme et cybernétique

Qu’est-ce que l’État-Plateforme ? Partants d’une relecture du cours Appareils d’États et Machines de Guerre (1979) de Gilles Deleuze, notre hypothèse est que la « plateformisation du gouvernement » peut-être comprise comme un tissu complexe d’alliances et de mises en compétition d’appareils de captures, où les États et les plateformes, modèlent l’espace d’internet, et agissent désormais comme réseaux de dispositifs entremêlés, dans un champ d’immanence dont la cybernétique est la nouvelle technologie de gouvernement.
Meven Marchand Guidevay, État, plateforme et cybernétique

Un mémoire de Meven Marchand Guidevay qui suscite la curiosité (et qui est publié sous forme de site web).

Le design web comme architecture

Websites are inevitable. Applying Rem Koolhaas’ quip about buildings, a website has to happen in order for a service or content to exist in the digital realm.
Malte Müller, Web design as architecture

Un manifeste bien construit.

Zettlr

A Markdown Editor for the 21st Century
Zettlr

Zettlr est un éditeur de texte (disponible pour toutes les distributions) qui utilise le langage de balisage léger Markdown et qui intègre nativement des fonctionnalités avancées très pratiques pour l’écriture scientifique : citation et bibliographie. Zettlr est surtout l’association de programmes qui existent depuis longtemps, comme Pandoc ou LaTeX, encore fallait-il créer cette application très très prometteuse (merci à son créateur Hendrik Erz).

Un exemple de livre fabriqué avec paged.js

Example of a book designed with paged.js, 102 pages.
Julie Blanc, PrintingInRelationToGraphicArt

Voici un exemple de livre produit avec paged.js, le polyfill qui permet de fabriquer des publications avec le web – et la fonction “imprimer” des navigateurs. Ce livre, Printing in Relation to Graphic Art de George French, regroupe toutes les spécificités de la mise en page d’un livre (il manque les notes de bas de page).

Les coulisses de mon mémoire

Vers un système de publication modulaire : éditer avec le numérique est un travail de recherche réalisé dans le cadre d’un Master. Outre la spécificité du parcours universitaire dans lequel il s’inscrit, l’originalité de ce mémoire est d’appliquer les principes qui y sont exposés : interopérabilité, modularité et multiformité.
Antoine Fauchié, Interopérable, modulaire et multiforme : l’âge d’or de l’édition numérique ? Démonstration par une démarche performative

Cet article pour la revue Digital Libraries & Information Sciences est une tentative de montrer les coulisses de mon mémoire, comment j’ai mis en pratique les différents constats ou propositions. (C’est un bon moyen de découvrir de quoi parle le mémoire sans lire le mémoire.)

Pierre Lazuly

On y croyait, au Web libertaire, à l’espace de démocratie, au non-marchand. Pierre Lazuly n’était pas pour rien dans cette dynamique, lui qui prenait le temps d’écrire, de penser, de partager.
Stéphane Deschamps, Le Web indé en deuil

Je découvre le personnage en même temps qu’il disparaît, reconnaissant quelques projets auxquels Pierre Lazuly a participé.

Écriture numérique

L’outil d’écriture idéal est-il celui qui comporte toutes les fonctionnalités dont vous avez besoin, ou bien celui qui est suffisamment modulable pour que vous les intégriez vous-même ? Je crois que la réponse à cette question peut conditionner l’usage et éventuellement l’adoption d’un logiciel. Ce n’est pas avant d’y avoir répondu que j’ai pu entrevoir les conditions de l’écriture pour ma thèse.
Arthur Perret, Et à la fin, écrire…

Arthur parvient avec beaucoup de concision et d’élégance à exprimer des choses que je n’avais que pressenties. Si je relaie presque chacun de ses billets c’est parce qu’il touche très exactement aux sujets qui m’animent.

À propos de Donald Knuth

Horrified by what his beloved book looked like on the page with the advent of digital publishing, Dr. Knuth had gone on a mission to create the TeX computer typesetting system, which remains the gold standard for all forms of scientific communication and publication. Some consider it Dr. Knuth’s greatest contribution to the world, and the greatest contribution to typography since Gutenberg.
Donald Knuth, The Yoda of Silicon Valley

Parce qu’il ne faudrait pas réduire Donald Knuth à l’invention de TeX (qui donnera naissance à LaTeX).

Killed by Google

Killed by Google is the Google graveyard; a free and open source list of discontinued Google services, products, devices, and apps. We aim to be a source of factual information about the history surrounding Google’s dead projects.
Killed by Google

Une liste des applications, services, dispositifs et produits développés (ou récupérés) par Google. Je suis partagé, cette initiative ressemble plus à un catalogue de regrets qu’à une véritable critique de ce que représente Google.

Des balises

HTML is a powerful markup language which can be used to give our web applications structure and provide powerful accessibility benefits, but only when used appropriately.
Thus, today we’ll discover ten HTML elements you might not have known existed in the hopes that you can create more accessible, and structurally-sound web applications.
Emma Wedekind, 10 HTML Elements You Didn’t Know You Needed

Il y a toujours des balises HTML à découvrir !

Possédez toujours votre plateforme

Stop giving away your work to people who don’t care about it. Host it yourself. Distribute it via methods you control. Build your audience deliberately and on your own terms.
Sean Blanda, Always Own Your Platform

À rapprocher du mouvement Publish (on your) Own Site, Syndicate Elsewhere d’IndieWeb.

Petite recette pour écrire un livre avec XML

Ce nouvel article est destiné uniquement aux détails techniques de l’écriture, pour ceux et celles qui se demandent « tu as utilisé quel logiciel pour faire ce livre ? ».
Stéphane Bortzmeyer, Détails techniques sur l’écriture de mon livre « Cyberstructure »

Stéphane Bortzmeyer explique quels outils et quelle recette il a utilisé pour écrire son livre Cyberstructure, à la fois pour disposer d’un processus qui lui convient, et aussi pour respecter les contraintes de son éditeur C&F éditions – notamment en permettant l’import d’un fichier XML dans InDesign.

Exemplaires 2019

Après Lyon et Strasbourg, Rennes accueille la troisième édition de la Biennale “Exemplaires”, une manifestation imaginée par les équipes des départements Design graphique de treize écoles d’art et de design et université afin de mettre en lumière l’exemplarité de la production éditoriale francophone.
Exemplaires 2019

Exemplaires 2019, la troisième édition de la biennale dédiée à l’édition (et orientée design), avec un colloque pointu.

Obfuscation

Dans ce monde de la sélection par des algorithmes, de la publicité ciblée et du marché des données personnelles, rester maîtres de nos actions, de nos relations, de nos goûts, de nos navigations et de nos requêtes implique d’aller au delà de la longue tradition de l’art du camouflage. Si on peut difficilement échapper à la surveillance numérique, ou effacer ses données, il est toujours possible de noyer nos traces parmi de multiples semblables, de créer nous-mêmes un brouillard d’interactions factices.
C&F éditions, Obfuscation

Un livre de Finn Brunton et Helen Nissenbaum.

Trilium

Trilium Notes is a hierarchical note taking application with focus on building large personal knowledge bases.
Trilium

Trilium est un gestionnaire de notes très avancé, qui permet d’organiser des contenus de nature très diverse. (Et c’est ouvert et libre, et apparemment sans base de données.)

Via Henri.

OuBiPo

L’Abes a le plaisir de faire part aux membres de ses réseaux de la naissance d’un nouveau blog, l’OuBiPo – Ouvroir Bibliographique Potentiel.
Fil’Abes, Naissance de l’OuBiPo

En plus d’ouvrir un nouveau blog l’Agence bibliographique de l’enseignement supérieur propose de nommer quelque chose qui existe déjà, les expérimentations bibliographiques, d’une bien belle manière. En lisant le blog en question c’est tout de même très sérieux…

Small tech

Si nous voulons une alternative, nous devons la financer alternativement.
Aral Balkan, « La small tech sera le poison de la Silicon Valley »

Millie Servant s’entretient avec Aral Balkan, et même si certaines réponses mériteraient des précisions, l’approche critique est percutante. Internet et le web vont mal mais il y a de nombreuses solutions.

Contre l'hégémonie de Chrome

Chrome is effectively everywhere you look. And that’s bad news.
Reda Lemeden, We Need Chrome No More

Le temps est venu de retrouver un paysage plus diversifié en terme de navigateurs.

Raccourcis

Every shortcut for designers in one place
Shortcuts.design

Une ressource bien pratique pour découvrir ou retrouver des raccourcis de beaucoup de logiciels et programmes, et pas forcément dans le domaine du design.

dokieli

dokieli is a clientside editor for decentralised article publishing, annotations and social interactions.
dokieli

Un outil qui semble comporter nombre d’options pour publier des contenus structurés, en respectant la philosophie des données liées et beaucoup de protocoles du web ouvert. Si je ne suis pas sûr de voir l’intérêt pour des publications classiques, dokieli semble être un bon mélange de XML TEI et du web (dans l’esprit).

Via Xavier.

Commencer avec Git

Break Git Down is a super beginner-friendly series to help newer developers learn a few of the most important Git tasks that you will certainly use. Git is an essential part of every day life as a developer and my goal is to help make the transition to using Git (and ultimately the command line), a smooth and hopefully easy learning curve.
Tae’lur Alexis, Break Git Down: How To Create a Branch From Master and Make Your First Commit!

Un guide pour débuter avec Git et faire sa première contribution. Un billet qui semble être le premier d’une série sur ce sujet.

Culture numérique

Si nous fabriquons le numérique, il nous fabrique aussi. Voilà pourquoi il est indispensable que nous nous forgions une culture numérique.
Dominique Cardon, Culture numérique

Une référence qui semble s’imposer comme incontournable. À écouter également sur France Culture, ce livre ayant une visibilité médiatique assez forte.

Construire la critique

Les mouvements de gauche encore indécis savent ce qui leur reste à faire : s’ils veulent vraiment s’écarter du dogme néolibéral, qui tient la concurrence pour l’instrument politique et social moderne fondamental, ils doivent résister aux tentations rhétoriques et idéologiques de l’« économisme » et de la « technocratie », pour se rallier au projet de transformation démocratique radicale.
Evgeny Morozov, Critique technologique : reprendre l’initiative

Construire la critique technologique, n’est-ce pas vain ?…

Baliser les présentations

Un autre type de communication extrêmement répandue en sciences est la présentation (ou diaporama). Je montre ici comment on peut y appliquer le même genre de processus que dans les billets précédents, avec quelques spécificités vraiment enthousiasmantes. Plutôt qu’un tutoriel, il s’agit de partager à chaud quelques lignes de code et les premières questions soulevées par l’expérience.
Arthur Perret, Le diaporama au temps du balisage

Arthur continue son épopée parmi les solutions de publication ouvertes, explorant cette fois les façon de produire un support de présentation – ou diaporama –, à partir d’un fichier au format Markdown, et en respectant les impératifs de la communication scientifique. Un billet qui me fait penser à celui-ci, écrit maladroitement il y a déjà quelques années.

Nouveau thème pour Quire

This is a starter theme for Quire, a multiformat digital publishing framework. Quire can be used to generate a web book, EPUB and MOBI e-books, and a PDF optimized for print; all from a single set of text files.
Getty Publications, Quire Starter

Quire, la chaîne de publication de Getty Publications, propose un nouveau thème pour débuter un projet éditorial. Moderne et très lisible, c’est un thème bien pensé pour présenter des œuvres et naviguer facilement dans un catalogue. Quire et ce thème sont accessibles sur demande, ces outils étant encore en version bêta. Si vous voulez en savoir plus sur Quire, je vous invite à lire la section 2.2. de mon mémoire.

Un gabarit pour livre libre

Une boîte à outils pour créer facilement un livre numérique ou papier
Abrüpt, Gabarit Abrupt

Abrüpt, la maison d’édition suisse étonnante, documente les outils qu’elle utilise pour fabriquer ses livres, principalement Markdown, Pandoc, Pandoc-citeproc, LaTeX et Makefile. Une chaîne composée de programmes libres, une chaîne modulaire (ou presque).

Via Linuxfr.org.

Le livre du futur ?

Our Future Book is composed of email, tweets, YouTube videos, mailing lists, crowdfunding campaigns, PDF to .mobi converters, Amazon warehouses, and a surge of hyper-affordable offset printers in places like Hong Kong.
Craig Mod, The ‘Future Book’ Is Here, but It’s Not What We Expected

Le livre du futur est déjà là, et il est plus simple que nous l’avions imaginé. Je partage l’avis de Craig Mod sur le fait que le livre numérique est singulier pour d’autres raisons que sa forme, et d’ailleurs cela rentre fortement en résonance avec le livre d’Alessandro Ludovico, Post-digital print : la mutation de l’édition depuis 1894. Par contre je pense qu’il ne faudrait pas faire l’économie du comment : quels sont les moyens de production disponibles et quelles en sont les implications ?

Quelques citations supplémentaires :

For my Kindle Oasis—one of the most svelte, elegant, and expensive digital book containers you can buy in 2018—is about as interactive as a potato.
[…]
Yet here’s the surprise: We were looking for the Future Book in the wrong place. It’s not the form, necessarily, that needed to evolve—I think we can agree that, in an age of infinite distraction, one of the strongest assets of a “book” as a book is its singular, sustained, distraction-free, blissfully immutable voice. Instead, technology changed everything that enables a book, fomenting a quiet revolution.
[…]
But the books made today, held in our hands, digital or print, are Future Books, unfuturistic and inert may they seem.
[…]
It’s easy to take these offerings for granted. Today, anyone with a bit of technological know-how and an internet connection can publish […].

Synchroniser des dépôts

Sharing code online is pretty easy these days. But keeping in sync your repos on multiples places is a bit harder. You will easily find scripts and commands to import/export stuff somewhere. Same thing for read-only mirrors, pretty easy. But having a transparent workflow to be able to push your code on multiple places is not that easy. But hey, it’s not hard neither.
Maxime Thirouin, Keep in sync your Git repos on GitHub, GitLab & Bitbucket

Pour aller plus loin dans la décentralisation permise par Git, il arrive parfois qu’un même dépôt (sur votre machine) soit envoyé vers plusieurs dépôts (en ligne), et donc vers plusieurs plateformes. Voici quelques recommandations pratiques pour synchroniser un dépôt local vers plusieurs plateformes.

Un livre imprimé avec du web

[…] les CSS étant très au point, on peut utiliser le code html + css et tenter de générer un PDF, soit au moyen du logiciel propriétaire Prince, qui existe depuis une bonne dizaine d’années, et est assez efficace, soit au moyen du nouveau venu sous licence libre (MIT) : Paged.js. C’est cette toute dernière solution que j’ai choisi de tester pour réaliser ce livre, car j’avais envie de voir ce qu’on peut faire dans un navigateur web.
Nicolas Taffin, Making-of d’une collection libérée : Addictions sur ordonnance

Voilà, C&F éditions a passé le cap avec ce premier essai d’un livre imprimé fabriqué avec HTML, CSS et paged.js. Nicolas Taffin décrit précisément comment il est parvenu à un résultat imprimable, en décortiquant l’utilisation de paged.js et en pointant les obstacles et les limites.

(J’ai rencontré un certain nombre de problèmes similaires pour la production de mon mémoire.)

Liste de PWAs

Welcome to Appscope, one of the leading directories for Progressive Web Apps (PWAs). Here you can find hundreds of web-based applications that are compatible with all devices.
Appscope

Les PWAs – pour Progressive Web Applications – sont des sites web qui peuvent s’installer comme une application ou qui peuvent s’utiliser sans connexion, c’est un peu le futur du web (même si cela va moins vite que je l’aurais cru il y a deux ans). Voici un site qui les récence et qui semble à jour.

Via Stéphanie Walter.

Reticulum

A collection of valuable design and development resource links for designers and developers in general.
Reticulum, Reticulum 1. Opérabilité du concept de dispositif

Une série d’événements organisés par Florian Harmand et Arthur Perret autour des sciences de l’information et du design. La première journée a lieu lundi 4 mars 2019 à l’Université Bordeaux Montaigne et a pour titre “Opérabilité du concept de dispositif”.

Ressources pour designers et développeurs

A collection of valuable design and development resource links for designers and developers in general.
Tosin Orimogunje, Bookmarks Hub

Des ressources bien connues et d’autres à découvrir dans le domaine du développement web, avec une forte dimension de design.

Attention by design

Donc paradoxalement, votre étude du design de l’attention vous conduit à dire que les designers n’ont pas tant de pouvoir que ça ?
Oui c’est ça. Et je pense que c’est un problème. Les designers amènent la question du respect de l’usager. Ils ne sont pas là pour fabriquer uniquement un produit marketing, ils imbriquent le rapport aux sciences sociales, l’expérience client et la diversité des utilisateurs. Or si le designer est chassé, l’éthique qu’il apporte l’est en même temps. Il y a là un enjeu important, sur la place de la conception et la façon dont elle est complètement instrumentalisée par le marketing. Et ça pose des problèmes à très court terme.
Hubert Guillaud et Anthony Masure, On assiste à une perte de pouvoir des designers face au marketing

Premiers retours du travail engagé depuis un an par la FING, et plus précisément par Hubert Guillaud et Anthony Masure. Cet entretien permet de découvrir une situation inquiétante et contrastée sur la place du designer dans le design de l’attention.

Git Explorer

Find the right commands you need without digging through the web.
Git Command Explorer

Un guide pour trouver la bonne commande Git. Comment récupérer les dernières modifications d’une branche après un fork ? Git Explorer donne la réponse avec une note explicative.

Via Frank.

ELPUB 2019

In 2019, the Electronic Publishing conference will expand your horizons and perceptions! Taking as an inspirational starting point the concept of bibliodiversity, a term coined by Chilean publishers in the 1990s, the forum will revisit its definition and explore what it means today. Being organised five years after the adoption of the International Declaration of Independent Publishers to Promote and Strengthen Bibliodiversity Together, supported in 2014 by 400 publishers from 45 countries, the conference aims to bring together the enquiring academic, professional and publishing industry minds keen to explore the ever evolving nature of the knowledge transmission within human societies.
ELPUB, ELPUB 2019

L’Electronic Publishing conference, un événement incontournable, dommage qu’il n’y ait pas eu plus de communication sur l’appel à participation, trop tard pour moi…

Vous avez dit livre numérique accessible ?

Après le succès de la manifestation Journée nationale sur l’accès au livre et à la lecture: Trouvons des solutions ensemble du 7 décembre 2017, BrailleNet, Auvergne-Rhône-Alpes Livre et lecture et L’École nationale supérieure des sciences de l’information et des bibliothèques (Enssib) ont organisé le 17 janvier la première édition des Rencontres nationales du livre numérique accessible. Plus de 80 personnes travaillant dans l’écosystème du livre se sont déplacées à Villeurbanne à cette occasion.
BrailleNet, Compte rendu des Rencontres nationales du livre numérique accessible

Beaucoup d’informations intéressantes suite à cette deuxième édition des Rencontres nationales du livre numérique accessible : depuis des projets comme Ace ou Opaline jusqu’aux retours d’expérience.

Le contrat d'édition version enfant

On trouve vraiment que tu fais des jolis dessins et que tu écris des supers poésies ! Tu sais, avec le monsieur et la dame on aimerait bien fabriquer un livre pour mettre touuuutes tes jolies histoires dedans !
On va faire un échange d’accord ?!
Julien, eli5_contrat_edition.md

L’objectif de cet exercice est louable : réécrire le contrat d’édition classique pour qu’un enfant de 5 ans puisse le comprendre. Si le résultat est quelque peu caricatural, il révèle le gouffre qui sépare l’éditeur de l’auteur, et marque le fait que l’auteur se retrouve dans une situation très défavorable.

Une réédition numérique

A reproduction of Euclid’s Elements by Oliver Byrne from 1847 that pays tribute to the beautiful original design and includes enhancements such as interactive diagrams, cross references, and posters.
Nicholas Rougeux, Byrne’s Euclid

Nicholas Rougeux se spécialise dans la réédition numérique de beaux ouvrages, ses réalisations web sont magnifiques, et celle-ci est particulièrement réussie : https://c82.net/euclid/. C’est un très bon exemple de l’intérêt d’une version web d’un livre imprimé classique : design, ergonomie, interactivité.

Une vie numérique sans Google ?

As part of an experiment to live without the tech giants, I’m cutting Google from my life both by abandoning its products and by preventing myself, technologically, from interacting with the company in any way. Engineer Dhruv Mehrotra built a virtual private network, or VPN, for me that prevents my phone, computers, and smart devices from communicating with the 8,699,648 IP addresses controlled by Google. This will cause some huge headaches for me: The company has created countless genuinely useful products, some that we use intentionally and some invisibly. The trade-off? Google tracks us everywhere.
Kashmir Hill, I Cut Google Out Of My Life. It Screwed Up Everything

Expérimenter une vie numérique sans Google paraît aujourd’hui compromis, ou en tout cas très compliqué ! Mais ce n’est pas parce que c’est difficile qu’il faut abandonner, et c’est l’occasion de nous interroger sur la dimension centralisée d’Internet.

La circulation du livre

Mais ce qui nous a d’abord frappé, c’est la circulation très active des livres imprimés (et par contraste la faible circulation des livres numériques). Le livre une fois vendu en librairie ou sur une plate-forme en ligne, possède plusieurs vies. Il peut être prêté en effet, offert en cadeau, mais aussi revendu d’occasion, en ligne ou dans les magasins spécialisés. Et il peut faire plusieurs fois la boucle et être revendu encore ; autant de moments de circulation rarement pris en compte dans le bilan général de l’édition.
Dominique Boullier, Marianig Le Béchec et Maxime Crépel, Autour du livre, de nouvelles pratiques alimentent l’intelligence collective

Un billet de présentation du livre Le livre-échange des mêmes auteurs qui met en avant la facilité de circulation du livre imprimé, notamment par rapport au livre numérique – sans grande surprise mais encore fallait-il le démontrer.

JAMstack WTF

JAMstack is revolutionising the way we think about workflow by providing a simpler developer experience, better performance, lower cost and greater scalability.
Pedro Duarte, JAMstack WTF

Le modèle JAMstack – pour JavaScript, API et Markup – reconfigure en profondeur la façon de produire des objets numériques, y compris des publications. Ce modèle est également modulaire, donc il est intéressant d’aller piocher ce qui semble le plus pertinent pour un projet de site web ou de publication en ligne par exemple.

Via Frank.

Principes de design en poésie

La série “Principes du design” explore en poésie les grandes règles du design et de l’innovation, qui servent à estimer, à expliquer, mais aussi à imaginer le monde qui nous entoure.
Stéphane Bataillon, Principes du design – le design et l’innovation en poésie

La loi de Pareto, le principe d’itération, le concept de cycle de développement et 13 autres principes présentés en une courte poésie et expliqués en quelques lignes. Utile et beau.

Via Nolwenn.

Internet, aliénation ou émancipation ?

Un film documentaire en 10 chapitres, composé d’interviews autour du sujet complexe des données personnelles : nos usages du web, les dérives, les espoirs de la loi RGPD, les solutions locales, etc. Big Blue Eyes Productions, Internet, aliénation ou émancipation ?

Un film documentaire très intéressant sur le fond, sur le rapport que nous entretenons avec Internet et le Web, et comment appréhender cet espace sans qu’il perde son intérêt. Les intervenants, un chercheur, des développeurs libristes, des passionnés et des membres d’associations, exposent des problèmes complexes avec beaucoup de pédagogie. Je suis moins fan du titre et de certains aspects de la réalisation, mais c’est un document bien utile !

L'indépendance des chercheurs

Le comité éditorial d’un des magazines les plus prestigieux, publié par le conglomérat Elsevier, vient de démissionner en bloc pour fonder sa propre publication, qui offrira tous ses articles en libre accès, loin des tarifs exorbitants exigés par les revues dites “prédatrices”.
Marco Fortier, Quand les scientifiques se révoltent contre les géants de l’édition savante

L’indépendance des chercheurs, qui prennent conscience de l’importance de la maîtrise de la circulation de leurs textes. Qu’il s’agisse d’ailleurs de libre accès ou non.

Le guide du numérique

Brief n.: Funny questions with funny answers about brands, business, clients. Also known as the opposite of the final deliverable.
Joana Delbone et Ștefania Man, The digital handbook for agency people

Parce que c’est drôle et souvent très vrai…

C'est quoi une startup ?

L’entrepreneur solitaire ayant une vision précise est en effet une figure un peu abstraite et théorique qui correspond rarement à la réalité.
Michel Grossetti, Jean-François Barthe et Nathalie Chauvac, Startupeurs, des innovateurs ordinaires

Hubert Guillaud s’est entretenu avec Michel Grossetti, Jean-François Barthe et Nathalie Chauvac qui ont réalisé une longue enquête sur startups.

Balisages la nouvelle revue de recherche de l'enssib

La revue en ligne Balisages s’inscrit au croisement des sciences de l’information, de la communication et des bibliothèques et d’une anthropologie ouverte (au sens d’un regard et non d’une discipline) des savoirs et des connaissances. Un champ qu’il convient donc de baliser, entre balises numériques et balises sémiotiques, dans des randonnées intellectuelles balisées ou à baliser afin que des chemins prennent formes, se définissent, pour promouvoir ou susciter une intelligence innovante des questions qui touchent aussi bien au document qu’aux données, au papier qu’au numérique comme aux tensions qui les travaillent. Balisages veut questionner les enjeux actuels qui, dans le monde des bibliothèques et de la documentation, nouent les formes du traitement de l’information à celles de la communication.
Enssib, Balisages, la revue de recherche de l’Enssib

L’École nationale des sciences de l’information et des bibliothèques annonce sa nouvelle revue de recherche, dans le champ des sciences de l’information et des bibliothèques. Le premier numéro verra le jour à l’automne 2019, voici l’appel à articles : “Les objets nativement numériques : transformations et nouveaux enjeux documentaires ?”. À vos claviers !

Dégoogliser les fontes

A script to de-googlify CSS files, downloading relevant fonts in the process. Because privacy matters and self-hosting is a thing.
Michał Woźniak, Fonts Degooglifier

Voici un script permettant de télécharger les fontes de Google d’habitude utilisées via les serveurs de Google. L’intérêt ici est de ne pas dépendre de cette entreprise, et surtout de ne pas être pisté par ce moyen. Malin et minimaliste.

Fabriquer un blog avec Hugo

In my opinion, Hugo’s current quick start is ample. It does just what the name says, gets you started you quickly.
Zachary Wade Betz, Make a Hugo blog from scratch

Une ressource utile pour fabriquer un blog avec le générateur de site statique Hugo.

Antilivre dynamique

Idées de prospective éditoriale.
Le problème du HTML face à l’EPUB est la “portabilité”, avec sa multitude de fichiers annexes (CSS, JavaScript, images, etc.).
Mais avec le Data URI scheme, une solution existe. Faire tenir un livre numérique dans un seul fichier HTML.
Avec l’avènement des écrans pliables (par ex. de l’encre électronique sous Android), le HTML permettra peut-être une créativité éditoriale supérieure à l’EPUB.
Abrüpt, Antilivre dynamique

Un court toot pour résumer cette démarche exploratoire : concevoir un livre numérique qui tiendrait dans un fichier HTML. Ça fonctionne et c’est beau ! Les différentes versions de ce livre sont disponibles ici : https://abrupt.ch/otto-borg/la-social-democratie-est-une-chanson-a-boire/

Le guide des lettres d'information

A 201 guide for taking your newsletters to the next level — growing the lists, making money, and more.
newsletterguide.org

Un guide pour écrire des lettres d’information, avec de nombreux exemples.

Quatre

Cette nouvelle enquête est à la fois une ethnologie des infrastructures liées aux transactions boursières ainsi qu’une histoire économique des techniques et des territoires. Composé comme un techno-thriller à rebondissements et au rythme soutenu, 4 mêle enquêtes de terrain, interviews, témoignages, extraits d’archive et récits historiques afin de décrire dans le détail les raisons de cette course à la vitesse induite par l’informatisation des marchés financiers.
Alexandre Laumonier, 4

Nouveau titre d’Alexandre Laumonier, suite de 6|5 – livre incroyable lu il y a quelques années sur les conseils avisés de Frank Adebiaye. Je n’ai pas encore lu 4, mais il y a de fortes chances qu’il soit tout aussi passionnant et incroyable.

Google en détail

It’s easy to remember most search operators. They’re short commands that stick in the mind.
But knowing how to use them effectively is an altogether different story.
Joshua Hardwick, Google Search Operators: The Complete List (42 Advanced Operators)

La bible de la recherche d’information sur le moteur de recherche Google, mais aussi sur beaucoup d’autres pour pas mal de ces opérateurs avancés. Utile pour toute personne qui travaille avec le web.

Ressources des dix ans des Assises du livre numérique

Le 3 décembre 2018 ont eu lieu les dix ans des Assises du livre numérique.
SNE, Les 10 ans des Assises du livre numérique

Les 10 ans des Assises du livre numérique, organisées comme d’habitude par le Syndicat national de l’édition, le CFC et la Sofia, ont eu lieu le 3 décembre 2018, et voici quelques ressources utiles, dont des vidéos plus ou moins intéressantes.

Internet, aliénation ou émancipation ?

I wanted to write in Markdown in the amazing MacOS text editor Ulysses, using citation keys automatically generated by Zotero for my footnotes and bibliography. But I (and my supervisor, and eventually my viva panel) also wanted to see my work in easily readable Word documents, with the footnotes embedded, the citations properly formatted, and any necessary styles integrated.
Raphael Kabo, Introducing DocDown, the easy way to turn academic Markdown into Word documents

Dans la série des recherches et expérimentations visant à se libérer de l’environnement des traitements de texte, à laquelle Arthur Perret contribue largement, mais aussi le projet Stylo du laboratoire québécois Écritures numériques, Raphael Kabo propose un logiciel tout en un, basé sur Ulysses, Zotero et Pandoc. Un beau projet, qu’il faudrait relier à d’autres initiatives (il faudrait que je crée un répertoire pour les recenser).

Biens communs et information

Les livres sont des bornes sur un chemin, qui témoignent de l’état des réflexions à un moment donné. Le livre numérique ne peut échapper à cette pesanteur, au risque de quitter le monde du livre pour rejoindre celui des médias, et de l’oubli organisé.
C&F éditions, Pouvoir Savoir

Pouvoir Savoir, Le développement face aux biens communs de l’information et à la propriété intellectuelle, le cadeau de C&F éditions pour (bien) commencer l’année 2019.

Markdown

Markdown et d’autres langages de balisage léger ouvre la perspective d’une norme d’écriture numérique.
Antoine Fauchié, Markdown comme condition d’une norme de l’écriture numérique

Mon premier article pour une revue avec comité éditorial est disponible ! Ce texte publié dans le sixième numéro de la revue Réel - Virtuel est pour moi la base d’un champ de recherche qui continue.

Jekyll et LaTeX

La fragmentation de notre présence éditoriale et le caractère souvent insatisfaisant des plateformes professionnelles conduit certains chercheurs à mettre en place un site à leur façon pour diffuser leurs travaux, ou au moins centraliser l’accès à leur production. C’est ce que j’ai entrepris, en faisant des choix qui me tiennent à cœur et que je souhaitais expliquer en quelques lignes.
Arthur Perret, Dr Jekyll & Mr TeX

Suite du cheminement d’Arthur Perret, ce jeune et brillant doctorant qui associe le générateur de site statique Jekyll au système de publication LaTeX pour produire un site web de chercheur. Un billet clair, pédagogique et à mettre entre toutes les mains de chercheurs.

Les formes des publications scientifiques

Une fois de plus, répéter à quel point la reprise en main des outils est incontournable.
Arthur Perret, Sémantique et mise en forme : ouvrir la boîte de Pandoc ?

Arthur Perret continue ses recherches pour déconstruire l’activité de publication, en tant qu’auteur tout en sachant que cela concerne également les éditeurs : se passer d’un traitement de texte classique, distinguer le contenu de sa forme, faciliter la production de documents (avec Pandoc) et augmenter la qualité du design des articles.

Le statique c'est fantastique

Ce qu’on résume encore trop souvent à l’appellation « site statique » cache en fait l’adoption d’un nouveau paradigme : le séparation du back et du front et le passage d’architectures monolithiques à des architectures plus modulaires, plus performantes, plus sécurisées et redimensionnables par défaut.
Frank Taillandier, La hype statique ne fait que commencer !

Une vidéo d’une heure sur les évolutions des technologies du web, un condensé utile et nécessaire pour qui s’intéresse au numérique aujourd’hui, avec comme prétexte la mouvance statique (générateurs de site statique, versionnement, architectures découplées, etc.). L’article correspondant à la vidéo est sur le site de Frank Taillandier.

Markdown et Zotero

Markdown est de plus en plus utilisé non seulement pour documenter du code mais pour d’autres usages : il s’agit ainsi de proposer à ceux qui l’utilisent pour rédiger au sens large des pistes pour assurer la partie bibliographique de l’écriture avec Zotero.
Vincent Carlino, Markdown et Zotero

Quelques solutions pour rédiger avec Markdown tout en utilisant le logiciel de référence bibliographique Zotero, bien pratique pour entamer un changement de paradigme et abandonner les traitements de texte classiques en environnement académique.

Via Igor.

Fabriquer des livres avec des sites statiques

Eric Gardner, Building books from static sites

À l’occasion de la JAMstack Conf 2018 Eric Gardner a présenté les publications numériques de Getty Publications et la chaîne d’édition Quire. La vidéo est en ligne.

Les autres vidéos de cette conférence sont en ligne et quelques notes sont disponibles par ici.

Documenter

Antora is a static site generator designed to create documentation sites from AsciiDoc documents sourced from multiple git repositories. In other words, you write content in AsciiDoc, feed it to Antora, and out comes a docs site. Under the covers, Antora uses Asciidoctor to convert the AsciiDoc to HTML and enrich the content. Although Asciidoctor plays an important role in the docs pipeline, Antora handles the big picture of publishing the site.
Dan Allen, Documentation Sites for Software Teams

Une présentation complète d’Antora, l’outil développé pour publier de la documentation. Les sources du support de présentation sont disponibles en ligne.

abrüpt

C’est abrüpt. Le mot se disperse dans l’obscur, et il ne nous reste plus que des livres à jeter au monde pour manifester rêves et hurlements. Nous nous organisons autour de textes qui s’agitent et se révoltent, s’altèrent en antilivres, s’échouent en partage.
abrüpt

Une nouvelle maison d’édition, intéressante sur le fond et la forme. Bonus : les textes sont disponibles sur des dépôts.

Via bfluzin.

Générateur de site statique

Il y a deux mots importants dans le projet initial : générateur et statique. Par générateur, on entend une moulinette, un (ou plusieurs scripts) qui traverse la structure d’un contenu et en génère une forme prête à être traitée par un navigateur Web. Le terme statique recouvre déjà beaucoup plus de subtilités. Il n’a pas la même signification pour nous tous. Donc il faudra peut-être mieux le définir ou changer de termes.
Karl Dubost, Le sculpteur de carnet Web

Karl définit avec ses mots ce qu’est un générateur de site statique, à travers ce billet et trois autres (ici, là, et là). Une approche qui semble assez éloignée des discours habituels, je ne suis pas d’accord avec tout mais cela fait du bien d’avoir des visions différentes. Courez lire ces réflexions rafraîchissantes !

Le métier d'éditeur

Commençons par ce qui me semble ne pas être un enjeu : il n’y a pas, pour un éditeur, de différence majeure entre l’imprimé et le numérique. Le travail de réalisation reste essentiellement le même.
[…]
Le modèle économique du livre reste, quel que soit le support, celui de la délivrance d’une unité de culture pour un lecteur, qui peut ensuite le faire circuler autour de lui, soit comme institution (bibliothèque, école), soit comme lecteur individuel, souvent avide et passionné.
Hervé Le Crosnier, Éditer à l’ère numérique

En quatre questions le Bulletin des bibliothèques de France donne la parole à Hervé Le Crosnier, co-fondateur de C&F Éditions. Quatre réponses qui définissent ce qu’est le métier d’éditeur aujourd’hui.

Surveillance généralisée

D’un point de vue humain, technique et économique, seules les grandes plateformes qui appliquent déjà ces mesures depuis qu’elles collaborent avec les polices européennes seront capables de respecter ces obligations : Google, Facebook et Twitter en tête. Les autres acteurs n’auront d’autres choix que de cesser leur activité d’hébergement ou (moins probable, mais tout aussi grave) de sous-traiter aux géants l’exécution de leurs obligations.
Ce texte consacre l’abandon de pouvoirs régaliens (surveillance et censure) à une poignée d’acteurs privés hégémoniques. Pourtant, la Commission et les États membres, en 146 pages d’analyse d’impact, ne parviennent même pas à expliquer en quoi ces obligations pourraient réellement être efficaces dans la lutte contre le terrorisme.
La Quadrature du Net, Censure antiterroriste : Macron se soumet aux géants du Web pour instaurer une surveillance généralisée

Guide de survie pour Git

Un guide pour les astronautes (pour les développeur·euse·s utilisant Git, dans le cas présent) sur quoi faire quand les choses se passent mal.
Kate Hudson, Règles de vol pour Git

Une ressource pour comprendre les commandes de base dans Git, ou pour se sortir de situations difficiles (par exemple “Je veux rechercher une chaîne de caractères dans un commit”). Bref un guide incontournable, et en plusieurs langues.

Conditions de la recherche

Solitude dans le travail […], forte concurrence […], assimilation du chercheur à sa recherche […]. Bref, autant de manière de vous faire penser que vous êtes un imposteur.
LM et NOP, La recherche, c’est aussi avoir le sentiment d’être un imposteur…

Ce récit en bande dessinée parle du syndrome de l’imposteur dans le domaine de la recherche, et en fond des conditions de la recherche.

Notes sur le livre numérique

Qu’est-ce qu’un livre ? Comment est-il appelé à se transformer en contexte numérique ? En mai 2018, des chercheurs et des praticiens de tous horizons (design, édition, communication, littérature…) se sont réunis à Montréal lors du colloque ÉCRIDIL afin de dresser un état des lieux et proposer des pistes de réponse.
René Audet, Version 0. Notes sur le livre numérique

Pour le deuxième colloque ÉCRIDIL qui s’est déroulé en avril 2018 à Montréal, un livre a été écrit pendant un booksprint de deux jours. Le livre est disponible en imprimé et en numérique, sous licence libre, et les sources sont déposés sur Framagit.

Empreinte digitale numérique

Initially developed for security purposes, browser fingerprinting (also known as device fingerprinting) is a tracking technique capable of identifying individual users based on their browser and device settings. In order for websites to display correctly, your browser makes certain information available about your device, including your screen resolution, operating system, location, and language settings. These details essentially make up the ridges of your digital fingerprint.
Nick Briz et Clayton d’Arnault, This is Your Digital Fingerprint

Un article de Nick Briz et Clayton d’Arnault dans le deuxième numéro de The Disconnect (la revue numérique lisible hors connexion uniquement) : nous avons tous une empreinte numérique unique lorsque nous consultons des sites web, liée à la configuration de notre navigateur web, et il est nécessaire d’en prendre conscience.

L'émergence du sens

L’éditorialisation est l’ensemble des dynamiques qui constituent l’espace numérique et qui permettent à partir de cette constitution l’émergence du sens. Ces dynamiques sont le résultat de forces et d’actions différentes qui déterminent après-coup l’apparition et l’identification d’objets particuliers (personnes, communautés, algorithmes, plateformes…).
Marcello Vitali-Rosati, Pour une pensée préhumaine

Une nouvelle définition de l’éditorialisation par Marcello Vitali-Rosati à l’occasion du colloque du CRIHN.

Pourquoi développer un éditeur sémantique pour les humanités

Ce bricolage constant est important. […] Mais ces mains pleines de cambouis, de balises, de commandes bash, de branches fusionnées, sont les témoins de leur capacitation, d’une nouvelle maîtrise qui va bien au-delà de l’édition d’un document.
Nicolas Sauret, Stylo : éditeur sémantique pour les humanités

Après la sortie de l’éditeur en ligne Stylo, voici une présentation complète et bienvenue pour comprendre la démarche du laboratoire Écritures numériques. L’intérêt d’un tel projet dépasse largement le domaine de l’édition scientifique.

Git en partant de zéro

Welcome to the world of Git.
John Wiegley, Git from the Bottom Up

Un livre (web) sur Git.

Écrire (simplement) un livre

In the beginning, there is always a single text file, nothing more.
Thorsten Ball, The Tools I Use To Write Books

Thorsten Ball décrit le processus qu’il a mis en place pour écrire ses livres, à base de Markdown et de Pandoc, entre autres. Où la simplicité est probablement la meilleure solution !

Dépendance matérielle

The attack by Chinese spies reached almost 30 U.S. companies, including Amazon and Apple, by compromising America’s technology supply chain, according to extensive interviews with government and corporate sources.
Jordan Robertson et Michael Riley, The Big Hack: How China Used a Tiny Chip to Infiltrate U.S. Companies

Le récit surréaliste de l’introduction d’un composant de surveillance sur la plupart du matériel informatique. Il s’agit d’une bonne illustration de la dépendance dans le domaine de l’informatique.

Chemin B

Une multiplicité de gens, d’espaces, d’infrastructures posent les fondations de puissants territoires autonomes. Tout pour tout le monde. La terre est restituée à l’usage commun. On cracke et on libère la technologie – tout redevient utile, tout devient une arme.
Habiter: instructions pour l’autonomie

Via bfluzin

Les ateliers [sens public]

Les ateliers de [sens public] naviguent dans l’archipel Sens public, dont les fragments de sens servent à fabriquer des monographies imprimées et numériques. […] Nos textes sont d’abord publiés en format numérique sur la revue Sens public, où ils sont soumis à un processus d’évaluation par les pairs rigoureux. Ils sont ensuite restructurés pour une publication monographique en trois formats:

• Format imprimé (POD)
• Format epub en accès libre
• Format pdf en accès libre.

Les ateliers de [sens public]

La revue Sens Public se dote d’une belle collection. Au-delà de l’intérêt des premiers titres, il s’agit d’une application des principes que j’ai exposé dans mon mémoire. Bravo à l’équipe qui a mené cet ambitieux projet !

Écriture et souplesse en milieu académique

Circuler entre Mardown, docx, HTML et PDF ne fait peut-être pas du chercheur un dieu de la science, mais cela favorise assez bien l’autonomie et l’adaptabilité – une double compétence très utile au quotidien dans l’univers académique.
Arthur Perret, Une micro-chaîne éditoriale multicanal pour l’écriture scientifique

Arthur Perret s’inspire d’un article que j’avais moi-même signalé il y a quelques semaines pour mettre en place une chaîne de publication, personnelle mais puissante. Un bon exemple de l’apport d’un peu de curiosité et d’expérimentation.

Historique des technologies de publication

Timeline of technologies for publishing (1963-2018)
Julie Blanc, Timeline of technologies for publishing

Un travail énorme de recension et d’organisation des inventions et des événements qui ont marqué l’histoire des technologies de publication. Un travail remarquable et bien utile ! Le dépôt de la page est disponible sur GitLab : gitlab.com/JulieBlanc/timeline-publishing.

Intimité numérique

L’intimité est un besoin vital pour les humains, en être privé nous prive d’une partie de notre humanité. En être privé, être toujours sous la menace du regard et du jugement d’autrui, c’est perdre la capacité de penser par soi même, d’exister, de se comporter en tant qu’individu indépendant, autonome. Priver les citoyen·ne·s d’intimité est une des caractéristiques des régimes totalitaires qui cherchent à nier les individualités pour gérer que des robots déshumanisés.
Clochix, Hygiène et écologisme numérique

Clochix renverse l’approche habituelle autour de l’intimité numérique : plutôt que de présenter des outils (ah, la technique), il aborde les raisons (politiques notamment) de s’intéresser à cette question. Et c’est ô combien pertinent et particulièrement utile.

La meilleure des protections, c’est l’éducation. C’est acquérir une compréhension du fonctionnement des outils numériques.

Les vidéos de PrePostPrint à l'Ensad

Dans le domaine de la publication numérique et imprimée, des éditeurs et des designers s’intéressent aux outils alternatifs de création graphique afin d’échapper aux écosystèmes propriétaires de production, distribution et consultation d’objets éditoriaux.
EnsadLab, PrePostPrint

Le troisième événement PrePostPrint s’est déroulé en avril 2018 à l’EnsadLab, avec plusieurs conférences et des workshops. Six mois plus tard les vidéos de la dizaine de conférences sont disponibles en ligne, ce qui est une très bonne nouvelle (notamment pour moi, puisque je devais assurer une petite conférence lors de ces deux jours, mais je n’ai pas pu me rendre à Paris).

Low-tech

Low-tech Magazine was born in 2007 and has seen minimal changes ever since. Because a website redesign was long overdue — and because we try to practice what we preach — we decided to build a low-tech, self-hosted, and solar-powered version of Low-tech Magazine. The new blog is designed to radically reduce the energy use associated with accessing our content.
Kris De Decker, How to Build a Low-tech Website?

Comment construire un site web low-tech ? Voici quelques recommandations, appliquées pour le site LOW←TECH MAGAZINE, qui permettent de réduire drastiquement le poids et la consommation énergétique d’un site web, à tel point que le site est alimenté par un panneau solaire. Site statique, limitation des images, absence de logo, auto-hébergement, autant de questions techniques qui rejoignent des questions plus stratégiques ou politiques. Le niveau de batterie restant est même indiqué sur le site. Bonus : la version imprimable du site est très bien pensée.

We expect to keep the website on-line during one or two days of bad weather, after which it will go off-line.

Bilan du Web sémantique

Alors, peut-être pour la dernière fois sur ce blog, je vous propose une plongée dans les entrailles des technologies du Web sémantique pour étudier quels en sont finalement les apports et les limites et l’écart entre les promesses et la réalité.
Gautier Poupeau, Les technos du Web sémantique ont-elles tenu leurs promesses ?

Vaste sujet que le Web sémantique. Gautier Poupeau réalise un bilan très complet – et sans complaisance – du Web sémantique en quatre billets, entre projection et réalisation. Impressionnant de lucidité.

Le traitement technique de données demande à un moment ou un autre de recentraliser les données pour en permettre l’exploitation quel que soit l’algorithme.

LaTeX en sciences humaines et sociales

Ce qu’il faut retenir c’est qu’avec LaTeX, vous vous concentrez sur la mise en sens du texte. Vous n’avez quasiment jamais à faire de travail de mise en forme (même si c’est possible), le langage et le logiciel s’occupe de cela pour vous, en fonction de ce que vous lui avez dit d’interpréter.
Valentin Mériaux, LaTeX en master : mission impossible ?

C’est suffisamment rare pour être salué, voici un billet qui présente le système de publication LaTeX comme solution accessible pour rédiger un mémoire de Master. Clair et précis, j’espère que cela suscitera un certain intérêt chez des étudiants de domaines divers.

Une rétrospective de projets numériques

J’ai aussi, je crois, compris que pour réussir, il faut commencer tôt, mais surtout pas trop, pas avant qu’une question ne soit actuelle.
Nicolas Taffin, C’était demain, ou 6 années dans l’open space

Nicolas Taffin fait le bilan de six années de designer au sein de l’équipe d’Internet Memory Research : des beaux projets (vraiment) et un recul éclairé.

Mythologies postphotographiques

La période que nous traversons s’avère passionnante, car elle fait cohabiter, pour quelque temps encore, l’analogique et le numérique.
Servanne Monjour, Mythologies postphotographiques

Voici un nouveau titre de la collection Parcours numériques des Presses de l’Université de Montréal, Servanne Monjour y explore les mythologies photographiques, les questions de remédiation ou encore la “reconfiguration de notre regard contemporain”. Un essai que j’ai que feuilleté, à lire en papier ou en numérique.

L'open source dans le domaine de la publication

Do I have to have a software team to use open source?
No, you don’t. In the publishing sector, there have been suggestions that you need a development team in order to merely use, let alone deploy, open source solutions. This argument is made to (incorrectly) argue for the apparent ease of proprietary vendor offerings that sell the software and hosting in a single bundle as opposed to ‘more difficult’ open source offerings. This is misleading, as open source is not only for the technically gifted.
Adam Hyde, Guest Post: Open Source and Scholarly Publishing

Bel exemple de ce qu’est et ce que n’est pas l’open source, et plus particulièrement dans le domaine de la publication (universitaire), par le co-fondateur de Coko, Adam Hyde.

Nomenclature des couleurs

A recreation of the original 1821 color guidebook with new cross references, photographic examples, and posters designed by Nicholas Rougeux. Nicholas Rougeux, Werner’s Nomenclature of Colours By P. Syme

Magnifique version numérique de la nomenclature des couleurs de Werner, un livre de P. Syme. Un travail de design incroyable !

Le désenchantement du logiciel

Les éditeurs de texte modernes ont plus de latence qu’un Emacs vieux de 42 ans.
Nikita, Le désenchantement du logiciel

Romain Fallet a traduit le billet de Nikita, Software disenchantment, qui fait le constat qu’il y a comme un problème dans le développement web – ou plus globalement le développement logiciel. Même si Nikita fait parfois l’impasse sur des points de compréhension importants – choix technologiques, prise en compte de spécificités de certains logiciels, contextes de développement – ce texte est bienvenu !

Utilisez Zotero !

Nous voulons créer le meilleur logiciel de recherche disponible, et nous pensons que cela implique non seulement de produire des outils d’une grande puissance, mais aussi de fournir le meilleur support possible et de prendre des décisions qui vous permettent de contrôler vos données. Zotero, Pourquoi Zotero ?

La communauté francophone propose cette traduction de la page “Why Zotero?” : les arguments sont nombreux ! Si vous devez gérer une bibliographie, que vous soyez étudiant·e, jeune chercheur·euse ou rédacteur·trice d’un document, Zotero est fait pour vous et se connecte à la plupart des outils de rédaction-publication.

Design critique

[…] dans quelques semaines s’apprête à se tenir la seconde édition de la conférence Ethics by design, se présentant comme principale conférence française dédiée à la conception numérique responsable et sociale.
Par ce texte nous entendons dénoncer l’hypocrisie de ceux qui, prétendant analyser le désastre et lui chercher des solutions, le perpétuent et s’en nourrissent.
Design non éthique, Design éthique — mort du design.

Initiative intéressante que de remettre en cause le mouvement dit de “design éthique”, avec une approche historique rafraîchissante. Favoriser le débat quitte à créer des clivages forts est toujours une bonne idée, je suis moins fan de la forme – un billet sur la plateforme Medium…

Un livre papier à base de bash

The book collects documentation, ideas, software, graphic design and experiments made with free software between 2008 and 2016. […] Direction means:

• a lightweight markup language that is easy to read and edit in its raw form
• this simple markup will be translated in the next step into a more powerful and complex markup language (as LaTeX) -this more complex markup should be a widespread standard to have access and support for a bigger range of tools.

BUT: I had the ambition for a little more complexity than what seemed possible with standard markdown.
Christoph Haag, How I learned to stop and love the Draft

Une riche collection de projets divers, avec comme objectif de la publication basée sur du libre.

Via Stéphane.

La bourse ou la vie (dans la recherche)

Les conseils de recherche de onze pays européens, dont la France et le Royaume-Uni, prennent les grands moyens pour endiguer la soif de profits des géants de l’édition scientifique, qui siphonnent les budgets des bibliothèques universitaires.
[…]
Comme Le Devoir l’a rapporté au cours de l’été, les frais d’abonnement aux magazines scientifiques accaparent désormais 73 % des budgets d’acquisition des bibliothèques universitaires.
Marco Fortier, Offensive contre les géants de l’édition scientifique en Europe

Ça semble (enfin) bouger.

Les cartes et le design

Et si au contraire, nos cartes tentaient de faire résonner les espaces qu’elles cartographient ? Par exemple en indiquant par un choix de couleur l’animation de certaines rues ou bien, au contraire, le silence des autres. Parce que nos cartes numériques sont interactives, elles n’ont plus nécessairement besoin de forcer une lisibilité parfaite à chaque échelle car on peut tout à fait ajuster soi-même sa lecture par le zoom ou le filtrage. Nos cartes pourrait alors en devenir plus vastes que le territoire.
Nolwenn Maudet, les cartes et le territoire

Distinction très à propos de la part de Nolwenn Maudet : le rôle du design n’est pas d’aplatir mais plutôt de montrer les volumes et de dissocier les différentes strates d’informations.

D'un éditeur de texte à la mode à un autre

This is for all people, who want to give a chance to VS Code, but ❤️ Atom too much.
Samuel Snopko, How I moved from Atom to VS Code

Le problème dans le domaine des éditeurs de code/texte depuis une dizaine d’années c’est l’effet de mode. On se croirait à l’aube des années 2010 avec les navigateurs web. Atom et Visual Studio Code sont deux très bons éditeurs de texte, mais les développeurs web semblent se comporter comme des girouettes en passant vite du premier au second, de la même façon que Sublime Text avait été largement abandonné pour Atom. Construire nos outils requièrent un effort certain, qui ne peut pas dépendre que des effets de mode.

Domination des esprits

MS-Word domine les esprits et une bonne part du marché.
Stéphane Bortzmeyer, After Word: l’avenir du traitement de texte

J’étais complément passé à côté de ce texte de Stéphane Bortzmeyer et daté de 2001. Je suis toujours impressionné par ses analyses très fines et très justes, et c’est d’autant plus visibles ici avec un sujet qui suscite de nouvelles interrogations.

SGML et son populaire descendant XML sont bâtis sur une idée simple : présentation et structure sont trop importants pour être mêlés. SGML n’ayant pas eu, et de loin, le même succès marketing, je ne parlerai plus que de XML. XML voit le document comme une arborescence d’élements, toute la présentation étant confiée à des programmes extérieurs (utilisant parfois des langages spécialisés comme XSL).

Critiquer la technologie

Reste que la complexité et l’intrication du monde que décrit James Bridle, montrent combien il nous faut, plus que jamais, nous défaire justement d’une vision simple et manichéenne de la technologie. Hubert Guillaud, Technologie : l’âge sombre

Hubert Guillaud propose un long article pour présenter le dernier ouvrage de James Bridle, c’est riche et complet, je n’ai moi-même pas lu le billet entièrement. Les critiques de la technologie qui ne sont pas binaires sont suffisamment rares pour être soulignées !

Définir le livre numérique

La technique peut bien rendre possible la mise en ligne de textes numériques faisant l’objet d’un travail d’édition aussi exigeant que celui qui est requis pour le papier ; la lecture d’un texte sur un terminal numérique, quel qu’il soit, ne saurait pourtant être la même que dans un codex. L’écart entre les deux lectures a quelque chose à voir avec la distinction entre la concentration induite par un monde clos et l’état d’alerte permanent généré par un système toujours potentiellement ouvert. Ces deux lectures ne doivent pas être hiérarchisées ou mises en concurrence : elles peuvent très bien être parallèles ou complémentaires.
Olivier Desgranges, De l’EPUB “maison” aux éditions Transbordage

Je ne suis pas totalement d’accord avec cette définition, mais elle me semble toutefois très intéressante. Mes lectures imprimées sur papier sont parfois bien plus ouvertes que certaines de mes lectures numériques sur le réseau, cela a plus à voir avec moi qu’avec le support, il est tellement difficile de faire des généralités sur les pratiques de lecture.

Milieu malsain

Il n’y a rien de normal dans le fait de se faire harceler, quelle qu’en soit la raison.
Marie Guillaumet, Deux ans plus tard

Le petit milieu du Web ne semble pas échapper aux phénomènes de harcèlement, mais j’aurais aimé croire que certaines valeurs intrinsèques à ce domaine permettent de se sortir autrement de ce type de situation. En combattant et non en baissant la tête, comme le fait Marie et malheureusement trop peu de ses soutiens.

Un historique lisible

Commits are one of the key parts of a Git repository, and more so, the commit message is a life log for the repository.[…] So it’s important that these messages reflect the underlying change in a short, precise manner.
Kushal Pandya, How (and why!) to keep your Git commit history clean

Quelques conseils pour conserver un historique des commits le plus lisible possible dans l’utilisation du système de gestion de versions Git. Comme souvent avec Git, ces principes sont applicables plus globalement pour n’importe quelle gestion de projet, personnelle ou collective.

Maison numérique

Dans l’optique de réduire l’emprise qu’ont les GAFAM sur moi, j’ai décidé de reprendre le contrôle d’une partie de mes outils.
Llu, Chez soi numérique en quelques clics

Quelques conseils pratiques, y compris pour débutant·e pour créer sa maison numérique.

The Front-End Checklist

The Front-End Checklist Application is perfect for modern websites and meticulous developers!
David Dias, The Front-End Checklist

Une checklist bien utile pour tout projet web digne de ce nom, et pour tout développeur “minutieux”.

Probablement via la Web Development Reading List.

Une chaîne de développement web pour fabriquer un livre

How we use our web-development workflow to make a book.
Friedrich Schultheiß, Headless CMS for a Printed Pizza Book

Un nouvel exemple d’utilisation d’outils du développement web pour fabriquer un livre (imprimé) !

Via Frank.

Sémantique conversationnelle

As Alexa, Cortana, Siri, and even customer support chat bots become the norm, we have to start carefully considering not only how our content looks but how it could sound. We can—and should—use HTML and ARIA to make our content structured, sensible, and most importantly, meaningful.
Aaron Gustafson, Conversational Semantics

Comment utiliser la sémantique – structurer un texte en attribuant des attributs spécifiques à chaque fragment – pour qu’une synthèse vocale puisse l’interpréter convenablement ?

Les lundis du numérique de l'INHA

Depuis la numérisation des outils de conception et de production du livre dans les années 1980, le domaine de la publication connaît sans doute une évolution majeure avec l’influence des méthodes et des outils du développement web. Passant d’une chaîne à un système modulaire, abandonnant traitement de texte et logiciel de publication assisté par ordinateur, et intégrant désormais le versionnement, des éditeurs pionniers déploient de nouvelles façons de fabriquer des livres, qu’ils soient imprimés,numériques ou web.
INHA, Les lundis du numérique 2018-2019

La nouvelle saison des lundis du numérique est annoncée, avec une petite conférence que je donnerai lundi 17 septembre 2018 à 18h sur le même sujet que mon mémoire, Antoine Courtin me donne une très belle occasion de venir présenter mon travail ! Le programme 2018-2019 est très intéressant !

Paginer le flux par Julie Blanc

L’imprimé est le dernier endroit où il manque une évolution pour que ces méthodes d’organisation de la chaîne éditoriale soient effectives (et réellement transformées).
Julie Blanc, Paginer le flux

Julie Blanc, avec qui j’ai l’honneur de travailler sur différents projets, a présenté ses travaux pendant les Rencontres internationales de Lure, ainsi que des projets collectifs comme PrePostPrint ou paged.js. À Lire !

Citation.js

Citation.js (GitHub, NPM) converts formats like BibTeX, Wikidata JSON and ContentMine JSON to CSL-JSON to convert to other formats like APA, Vancouver and back to BibTeX.
Citation.js

Un outil permettant de passer d’un format de citation à un autre (BibTeX, Wikidata JSON, etc.), voir de créer des citations à partir de métadonnées structurées.

Via Thomas.

Fabriquer un livre avec le Web

With the first preview of Paged.js coming very soon (!) I thought I would post an example book I made last week with Paged.js, and provide some tips on how I made it.
Julien Taquet, Paged.js – sneak peeks

Imprimer une page web avec des fonctions avancées et avec un simple fichier JavaScript ? C’est le défi auquel Julien Taquet et l’équipe de la Coko Foundation (et notamment Julie Blanc et Fred Chasen) entendent répondre. Ou comment fabriquer des livres imprimés avec le Web.

Markdown et Word en milieu académique

Over the last few months, as I’ve been working on my PhD, I’ve set up a workflow to convert my writing (in everyone’s favourite simple markup language, Markdown), as if by magic, into Word documents which I can email to my supervisor, without having to explain to her that Markdown is great, really, if you only tried it you’d see.
Raphael Kabo, My workflow for transforming academic Markdown into beautiful Word documents

La recette de Raphael Kabo pour passer d’un document Markdown (accompagné d’une bibliographie au format BibTex gérée avec Zotero) à un document Word, avec l’aide de Pandoc. D’autres solutions existent aujourd’hui (comme Stylo), mais celle-ci a le mérite d’être indépendante (le principal problème provient d’Ulysses, mais c’est une autre question).

Petite histoire de Python

No computing language can ever be truly general purpose. Specialisation will necessarily remain important. It is nevertheless true that, in that long-past Yuletide, Mr Van Rossum started something memorable. He isn’t the Messiah, but he was a very clever boy.
The Economist, Python has brought computer programming to a vast new audience

Python, le langage informatique, a un succès relativement important notamment en raison de sa simplicité, et son histoire mérite d’être connue.

HTML VS PDF

Compared with HTML content, information published in a PDF is harder to find, use and maintain. More importantly, unless created with sufficient care PDFs can often be bad for accessibility and rarely comply with open standards.
Neil Williams, Why GOV.UK content should be published in HTML and not PDF

Le format HTML est donc à préférer au PDF pour des raisons de recherche, d’utilisation et de maintenance, en plus de pouvoir être plus facilement rendu accessible.

Un peu de logiciel libre

Dire que l’open source et le libre ont gagné, c’est très trompeur. C’est le cas dans plein d’endroits, parce que les éditeurs et les fabricants se sont rendus compte que c’était rentable, mais dès qu’on arrive à l’utilisateur, en bout de chaîne, c’est là que tout se referme petit à petit.
Amaëlle Guiton, Que reste-t-il du logiciel libre ?

France Culture, à l’occasion du rachat de GitHub par Microsoft, propose une émission sur le logiciel libre avec Pierre-Yves Gosset (Framasoft), Bernard Ourghanlian (Microsoft) et Amaëlle Guiton (Libération). Le problème c’est que tous ne parle pas le même langage, donc parfois il y a des discours relativement inaudibles (par exemple Bernard Ourghanlian ne semble pas faire la différence entre open source et libre).

Introducing CSS

Those familiar with the web platform will be well-versed in its two complementary technologies: HTML for documents and their structure, and JavaScript for interaction and styling.
Heydon Pickering, CSS: A New Kind Of JavaScript

Heydon Pickering publie un billet assez drôle, imaginant que JavaScript serait utilisé pour mettre en forme des documents numériques et que CSS pourrait faire cela avec beaucoup plus d’efficacité. Un pied de nez à celles et ceux qui souhaitent la mort de CSS (ce qui n’est pas prêt d’arriver).

Le fonctionnement d'un navigateur web

Browsers are very complex pieces of software that have drastically evolved since the 90’s, from rendering simple text to executing fully fledged applications.
Jeremie Patonnier, How do web browsers work?

Mozilla produit une série de vidéos pour “démystifier” le Web et son fonctionnement, en anglais et sous-titrées.

Repenser l'édition universitaire

The world of scholarly communication is broken.
Jon Tennant, Academic publishing is broken. Here’s how to redesign it

Partant du constat, largement partagé, que la communication scientifique a un problème, Jon Tennant formule quelques propositions pertinentes pour repenser l’édition universitaire, notamment sur le modèle de publication et les fonctionnalités possibles. La dimension politique n’est pas abordée et c’est dommage.

Use your imagination. What would you want the scholarly communication system to look like? What are all the wonderful features you would include? What can you do to help turn a vision into reality?
It is feasible to achieve 100% open access in the future while saving around 99% of the global spending budget on publishing. Funds could be better spent instead on research, grants for under-privileged students and minority researchers, improving global research infrastructure, training, support, and education. We can create a networked system, governed by researchers themselves, designed for effective, rapid, low-cost communication and research collaboration.

Cita Press

Carefully designed public-domain books written by women in free, contemporary editions for print and web. […] cita is a collaborative labor of love between designers and writers that relies on public-domain writings and open-source texts, fonts, code, and images. […] Women authors have historically been underrepresented and underpublicized in the male-dominated, profit-driven publishing industry. We make these women writers’ works accessible to all, in free editions.
Juliana Castro, Cita Press

Un projet éditorial porté par Juliana Castro, intéressant pour plusieurs raisons : disponibilité des textes, licence (y compris pour les créations graphiques), versions imprimée et numérique (en ligne), créations graphiques, démarche politique.

Engagement

Un jour, je me suis rendu compte que je n’allais pas pouvoir rattraper les ingénieurs qui m’entouraient sur leur terrain. Par contre, la philo, j’en ai fait à haute dose en prépa, et j’ai une solide culture dans le domaine, qui m’autorise à faire une lecture philosophique du monde sans trop me tromper et en étant à peu près légitime à le faire.
Ces philosophes sont pertinents dans l’analyse parce qu’ils fournissent des cadres de réflexion – pour peu qu’on les utilise rigoureusement, sans faire des enfants dans le dos à l’auteur. Ça permet de voir s’agencer des systèmes.
Aussi, le numérique est un outil pour faire société, on ne dit pas qu’Internet est le fil dont est tissé la société pour rien : au final les bonnes questions sont des questions de société. Moins de solutions d’ingénieurs qui répondent parfois élégamment à des faux problèmes et plus de : qu’est-ce que ça fait au tissu social ? À la démocratie ? Les philosophes se posent ces questions depuis le Ve siècle avant JC, ils sont de bon conseil.
quota_atypique, Engagement_atypique

Framasoft a rencontré quota_atypique, chercheuse et militante : un entretien passionnant et motivant !

Détourner Git

All my work is tracked through a Git repository — a way to track code changes over time, complete with comments on why something has changed or what that commit was about. In conjunction with that I take timestamped screenshots. These two things combined — words and image — have the side-effect of creating a document of the making process.
Brendan Dawes, Using a Git Repo to create a physical document of the work

Brendan Dawes détourne Git, en quelque sorte, pour créer facilement la documentation d’un projet. C’est une initiative originale qui démontre combien les usages de ce système de gestion de versions peuvent être variés.

Granularité

Today we introduce Blocks - a powerful Field Type that enables your editors to build entire landing pages from scratch and create rich blog post layouts with a pre-defined code template, we call it a Block Template.
Sebastian Engels, Blocks - Give Your Editors the Power to Build Pages

Forestry.io, l’éditeur de contenu pour générateurs de site statique, intègre désormais un système de blocs ou de briques, afin de construire facilement une page web. Fonctionnalité intéressante qui permet de penser une granularité plus fine pour un site web, et non plus traditionnellement la page. Bonus : Forestry.io a même développé un thème Jekyll basé sur ce concept.

Livre et recherche

Dans l’ensemble, les livres connaissent bel et bien un déclin dans l’usage qu’en font les chercheurs. Ils prennent une part de moins en moins importante dans les paysages des références en SHSAL, même si cette tendance est moins marquée en arts et lettres. […] L’accessibilité des livres savants demeure toutefois cruciale. Car le livre n’est pas qu’un véhicule de communication savante, c’est aussi un véhicule de construction des savoirs . Et c’est aussi par le livre que la recherche sort de l’université et part à la rencontre d’un autre public.
Delphine Lobet et Vincent Larivière, La mort des livres dans les sciences humaines et sociales, et en arts et lettres ?

Une étude sur l’évolution du recours aux ouvrages dans les travaux universitaires, par rapport aux articles, permet de révéler que le livre serait moins sollicité dans la recherche. En plus des éléments des conclusions assez pertinents, j’ajouterai que le rythme des publications, ou tout du moins le monde dont fait partie le milieu académique, s’accélère, et un article met moins de temps à être publié qu’un ouvrage.

Via Louis-Olivier Brassard.

Appel à contribution pour le forum des archivistes

La troisième édition du Forum des archivistes qui se déroulera à Saint-Étienne les 3, 4 et 5 avril 2019 sera l’occasion de dresser le bilan des pratiques archivistiques actuelles, à l’aune de la question de la transparence, et d’analyser les perspectives à venir, tout en favorisant le dialogue avec les utilisateurs des documents et données que les archivistes contribuent à conserver, ainsi qu’avec les autres professions qui participent à la production de l’information.
Forum des archivistes, Appel à contribution

Pour le troisième Forum des archivistes un appel à contribution est ouvert jusqu’au vendredi 14 septembre 2018. Les neuf axes répartis en trois grandes questions sont intéressants, allez y jeter un œil !

Des fontes libres créées par des femmes

This collection aims at giving visibility to libre fonts drawn by womxn designers, who are often underrepresented in the traditionally conservative field of typography.
Loraine Furter, Libre Fonts by Womxn

Plus de soixante fontes de qualité, créées par des femmes, et disponibles librement (utilisation, modification, partage).

Ce qu'il reste du livre

Je pars d’un postulat qui est le suivant : la typographie, c’est la seule chose qui reste du papier dans le livre numérique. Et c’est précisément ce qui en fait un objet d’étude intéressant : c’est un point de passage entre la page et l’écran. Quel sens peut-on produire avec un système de signes changeant ? Je décline cette question en trois courtes parties : caractères, signes et frictions, pour parler plus spécifiquement de sémiotique, d’énonciation et de design.
Arthur Perret, Sémiotique des fluides

Arthur Perret a rédigé un article encore plus complet que son intervention lors du colloque ÉCRIDIL en avril 2018 à Montréal, un sujet passionnant et passionnément traité.

The Evergreen

Welcome to The Evergreen List! You can find useful links and articles to each category here that stay relevant for a longer time.
Anselm Hannemann, The Evergreen

Lecteur assidu de l’incontournable lettre d’information d’Anselm Hannemann, Web Development Reading List, je n’avais pas vu cette page bien utile : une liste de ressources qui sont toujours d’actualité même après plusieurs mois ou années. C’est par ailleurs une dimension intéressante d’une veille hebdomadaire : fixer certaines informations dans le temps long.

Repenser les humanités numériques

L’appel à communications pour le colloque « Repenser les humanités numériques / Thinking the Digital Humanities Anew » est basé sur les trois axes de la programmation scientifique du CRIHN construit autour de la question fondamentale de la transformation des sciences humaines par les humanités numériques :
Axe 1 : Production – Écritures numériques et Éditorialisation
Axe 2 : Circulation – Passage au numérique et recontextualisation
Axe 3 : Validation – Légitimation des contenus
Écritures numériques, Colloque CRIHN 2018 : Repenser les humanités numériques

Voici l’appel à communications pour le prochain colloque du Centre de recherche interuniversitaire sur les humanités numériques de l’Université de Montréal, les axes proposés sont intéressants (dont l’édition numérique) ! Date limite fixée au 13 juillet 2018 pour proposer des interventions.

Mise à jour : l’appel à communications est ouvert jusqu’au 31 août 2018.

Neurocapitalisme

Giorgio Griziotti brosse la fresque de l’évolution fondamentale du capitalisme, depuis la production des objets jusqu’à celle de l’économie de l’attention, de la connaissance et des affects. Il montre comment, après avoir mis en place la connexion permanente, la numérisation gagne aujourd’hui les corps, sinon le code génétique de la vie même. Avec le biohypermédia, nos vies sont prises dans un réseau dominé par quelques acteurs qui accaparent toute l’énergie collective.
C&F, Neurocapitalisme, Pouvoirs numériques et multitudes

C&F, la maison d’édition de qualité qui publie notamment des textes majeurs sur le numérique, propose ce livre de Giorgio Griziotti. Une critique du capitalisme numérique qui semble pertinente.

Entretien avec Jean-Claude Guédon

Repenser la revue scientifique nécessite en fait de penser sa dissolution. L’entretien avec Jean-Claude Guédon dans le cadre du projet de refonte de Sens Public a été l’occasion de filer la métaphore du cristal. Précipitation, dissolution, cristallisation, ces différents passages d’un état solide à un état liquide reflètent bien les états du texte et les processus de stabilisation et déstabilisation du texte à l’œuvre.
Nicolas Sauret, Entretien avec Jean-Claude Guédon : on «crystal of knowledge»

Beaucoup d’inspirations du côté du développement informatique pour penser de nouvelles façons de faire de la science, de permettre la conversation scientifique.

Pour J-C. Guédon, la revue et l’article ne sont plus les bons objets et les bons formats pour nourrir la conversation scientifique. Il faut selon lui remettre au centre la communication et non le texte. Le texte doit rester prétexte à la discussion scientifique.

Les complexités de Markdown

What if we weren’t chained to the past? What if we tried to create a light markup syntax that keeps what is good about Markdown, while revising some of the features that have led to bloat and complexity in the CommonMark spec?
John MacFarlane, Beyond Markdown

Un sujet du forum CommonMark qui permet de comprendre les difficultés et les complexités de Markdown, afin de tenter de conserver la simplicité de ce langage.

Wikipédia et pédagogie

Les bibliothécaires pourraient proposer des cours sur le développement des compétences informationnelles durant lesquels Wikipédia servirait de support pédagogique. L’encyclopédie pourrait par exemple ouvrir une discussion autour de l’importance des sources et de leur référenciation, notamment lors de la rédaction de travaux universitaire. Un échange basé sur une mise en application concrète lors de création d’une page Wikipédia avec les étudiants. Cependant, les enjeux sont plus vastes que cela, car Wikipédia repésente une culture éditoriale unique de par l’horizontalité de ses pratiques.
Bruno Milia, Wikipédia, un ami au service d’une approche critique de la bibliothéconomie

Compte rendu d’une conférence qui met en avant le rôle pédagogique que peut jouer Wikipédia dans différents contextes, en creux dans une démarche éditoriale.

Comment des non-développeurs peuvent s'emparer de Git ?

• something to version
  • Markdown
• somewhere to publish
  • Static Site Generator
• some way to stop explosions
  • CI/CD

William Chia, Empowering non-developers to use Git

William Chia travaille chez GitLab, et en tant que développeur il est amené à utiliser Git. Il s’est posé la question suivante : comment permettre à des non-développeurs de s’emparer de Git ? Cette présentation, dans le cadre de Git Merge 2018, est très intéressante car elle met en lumière les défauts de certains procédés – notamment la limite des éditeurs en ligne – et la façon de simplifier des procédés techniquement complexes mais conceptuellement accessibles. Et oui c’est aussi de la publicité pour GitLab…

Le support de présentation est disponible en ligne (appuyer sur S pour afficher les notes), ainsi que le dépôt de ce support.

Fabriquer un livre avec le workflow Electric Book

For most book-makers like me, who make print and digital publications, this has meant creating two versions: the print edition and the digital edition. The print edition is usually the master, and the digital version a laborious, post-production conversion. Arthur Attwell, Producing The Economy with the Electric Book workflow: a case study in multi-format book production

J’en avais parlé ici il y a déjà un moment, Fire and Lion a mis au point un workflow pour produire en même temps une version imprimée et une version numérique d’un livre à partir d’une même source. Arthur Attwell revient en détail sur le projet The Economy.

L'initiative Paged Media

If you have ever tried to lay out a website for printing or to publish a book in HTML, you’ll have experienced the limitations of styling meant for displaying scrolling text on screens. The Paged Media Initiative is developing tools which help make it possible to produce paginated material from your browser.
So why is this all so difficult?
Julie Blanc, What is the Paged Media initiative?

Paged Media est à la fois un site web regroupant des ressources, lancé il y a plus d’un an, et une initiative collective portée par la Coko Foundation qui a débutée début 2018. Dans ce billet Julie Blanc explique pour cette initiative est nécessaire, et où en sont les avancées.

GitHub = Microsoft

Now, of course, things are different. Git is far and away the most popular version control system, clouds are mostly computers, and Microsoft is the most active organization on GitHub in the world. Their VS Code project alone is beloved by millions of developers, entirely open source, and built using GitHub’s Electron platform. Beyond that, today major enterprises regularly embrace open source. The world has realized how important happy, productive developers really are. And also, people have smartphones now.
Chris Wanstrath, A bright future for GitHub

Le rachat de GitHub Par Microsoft fait grand bruit dans le domaine du numérique, pourtant GitHub était déjà une entreprise privée avec une partie de son code fermé, et une plateforme centralisée pour des dépôts Git. C’est finalement une bonne nouvelle pour GitHub et ses employés, l’équilibre financier semblait précaire. Toutefois cela pose des questions sur le manque de remise en cause de la centralisation des projets open source ou libre : désormais c’est Microsoft qui possède la base la plus riche au monde. Et même si Microsoft fait aujourd’hui des choses intéressantes, ce n’est pas une bonne nouvelle.

Voir également le billet sur le site de Microsoft, et le mouvement #movingtogitlab qui a suivi.

Stylo

Le constat était simple: il n’y a pas une solution adaptée aux besoin de l’écriture savante d’aujourd’hui. La totalité des options existantes est orientée impression et il devient impossible de produire facilement un texte qui ait un sens par rapport aux exigences de structuration typiques du numérique.
Marcello Vitali-Rosati, Stylo : un éditeur de texte pour les sciences humaines et sociales

Après plusieurs années de recherche, “la Chaire de Recherche du Canada sur les écritures numériques en partenariat avec Érudit” met à disposition cet éditeur de texte en ligne, basé sur le langage de balisage léger Markdown. Il s’agit d’une double bonne nouvelle : c’est une réponse concrète à un besoin des chercheurs de pouvoir écrire un texte sémantique de façon simple et presque indépendante, c’est un pas de plus pour un rapprochement des domaines de la publication et des technologies web. Bravo à Nicolas Sauret, Servanne Monjour, Arthur Juchereau et Marcello Vitali-Rosati pour cette initiative !

L'édition à l'ère numérique

Le numérique est en train de remodeler l’ensemble du processus de production du savoir, de validation des contenus et de diffusion des connaissances. En cause : l’émergence de nouveaux outils et de nouvelles pratiques d’écriture et de lecture, mais aussi un changement plus global que l’on pourrait qualifier de culturel.
Benoît Epron et Marcello Vitali-Rosati, L’édition à l’ère numérique

Enfin un livre sur l’édition numérique ! Après une décennie de publications sur le “livre numérique”, voici un ouvrage nécessaire pour toute personne curieuse du bouleversement induit par le numérique sur le processus éditorial, disponible dans toutes les bonnes librairies (physiques ou numériques) et sur plusieurs plateformes (donc Cairn.info).

Mise à jour : le livre est désormais disponible en open access sous forme de PDF, c’est suffisamment rare pour devoir être souligné !

Un guide pour écrire un livre

There is a lot of writing advice out there, but I don’t find much of it especially helpful. I do not mean that it’s “inaccurate”; I only want to note that a lot of it suggests that there are only a few “correct” methods, and that can endanger the process, or at least make it a lot less fruitful. Writing a book is an individual endeavor, an expression of a writer’s unique and thoughtful approach to inspiration, process, and refinement. The way a book is written is part of what makes it so singular. This guide points to a few approaches that have worked for some writers.
Naomi Huffman, How to make a book

Un guide sur l’écriture, et plus particulièrement l’écriture d’un livre, avec beaucoup de citations.

La consommation numérique

Environ 30 % de cette consommation électrique est imputable aux équipements terminaux – ordinateurs, téléphones, objets connectés –, 30 % aux data centers qui hébergent nos données et, plus surprenant, 40 % de la consommation est liée aux réseaux, les fameuses « autoroutes de l‘information ».
Laure Calloce, Numérique : le grand gâchis énergétique

Il est nécessaire de rappeler que le numérique – à la fois les infrastructures et les dispositifs – consomment beaucoup d’énergie, et trop. Pourtant il y a des solutions pour réduire cette consommation excessive.

Du design à la radio

Et si la mutation numérique offrait l’occasion pour les sciences humaines et sociales, les sciences dites dures et l’art d’enfin se rencontrer.
Anthony Masure et Stéphane Buellet, Quand le design participe des humanités numériques

Pour une fois qu’il est question de design à la radio ! Anthony Masure et Stéphane Buellet ont été les invités de Sylvain Bourmeau, et ça vaut le coup d’être écouté.

ZoteroBib

Propulsé par la même technologie que Zotero et utilisant ses capacités inégalées d’extraction de métadonnées, ZoteroBib vous permet avec une grande fluidité, au fil de votre navigation sur le web, d’ajouter des éléments et de générer des bibliographies dans plus de 9 000 styles bibliographiques. ZoteroBib ne requiert ni installation de logiciel ni création de compte, et fonctionne sur tout type d’appareil, y compris les tablettes et les téléphones.
Dan Stillman, Lancement de ZoteroBib : créez vos bibliographies en un clin d’œil

Zotero, l’outil de gestion bibliographique incontournable, que l’on soit chercheur, bibliothécaire ou curieux, lance un site web qui permet de générer très facilement des références standardisées. ZoteroBib c’est un peu Zotero pour celles et ceux qui ne veulent pas s’embêter. (ZoteroBib utilise la mémoire cache des dispositifs qui l’utilisent, et c’est très intéressant.)

Imprimer le web (en 2018)

In an ideal world, browsers would have implemented more of the Paged Media specification when printing direct from the browser, and fragmentation would be more thoroughly implemented in a consistent way. It is certainly worth raising the bugs that you find when printing from the browser with the browsers concerned. If we don’t request these things are fixed, they will remain low priority to be fixed.
Rachel Andrew, A Guide To The State Of Print Stylesheets In 2018

Rachel Andrew fait un point (nécessaire) sur l’avancement des technologies, des outils, des workflows et des initiatives en matière d’impression du web. Dommage que Paged Media ne soit pas mentionnée.

Une brève histoire du W3C

La variété des acteurs du Web rend la recherche de consensus complexe et difficile. W3C n’a aucun pouvoir pour imposer le déploiement des standards issus de ses travaux. Son succès est donc venu de la mise en œuvre volontaire par les acteurs du Web des standards conçus au W3C. Jean-François Abramatic et Coralie Mercier, W3C invente la nouvelle manière de concevoir les standards du numérique

Coralie Mercier et Jean-François Abramatic proposent une plongée dans le fonctionnement du W3C : son origine, son fonctionnement, ses objectifs.

Recherche électronique

Pour résumer, dès lors que la mise en page n’est pas importante et que tout ce qui vous intéresse c’est lire du texte sans vous abîmer les yeux, je conseille de privilégier la liseuse électronique (encore plus dans le cas de longs documents).
Damien Petermann, Doctorant et liseuse électronique : un retour d’expérience

Voici un cas d’usage intéressant, et présenté avec beaucoup de précisions par Damien Petermann : l’usage de la liseuse dans une activité de recherche universitaire.

Seule interrogation pour moi : comment lire un document sur un dispositif qui ne permet pas facilement d’écrire ou d’annoter ?

Interroger le livre

Je n’aime pas les livres […].
René Audet, Du livre (notamment numérique)

Rebond suite au billet de Marc Jahjah ? Beau texte sur le rapport au livre d’un professeur en littérature (entre autres).

On devinera alors ce que je pense du livre numérique — les lieux de l’écrit évoluent, les méthodes de sa consignation et de sa circulation s’adaptent, les besoins liés à l’écologie du savoir se remodèlent constamment. Le livre s’y prête, revêt de nouveaux atours et s’offre en performance. Il importe d’aller voir ce qui advient de cette expérience dans les aires de la culture numérique, d’observer et de s’engager – du travail nous y attend.

L'écriture sans écriture

Internet et l’environnement numérique présentent aux auteurs et aux lecteurs de nouveaux défis et de nouveaux outils pour repenser la créativité, l’autorité de l’auteur et notre relation avec la langue.
Jean Boîte Éditions, L’écriture sans écriture by Kenneth Goldsmith

J’étais passé à côté de ce livre, sa lecture me semble désormais incontournable.

Via Nicolas Tilly.

Mise à jour : Kenneth Goldsmith était l’invité de Sylvain Bourmeau sur France Culture en juin.

Livre ?

Le livre ne m’intéresse pas et ne m’a jamais intéressé […].
Marc Jahjah, Le livre comme pratique définitionnelle

Première accroche très étonnante pour ce court billet de Marc Jahjah qui parle de livre sans parler de livre.

L'EPUB ou la difficulté des standards

Unlike the web, the ebook ecosystem is highly dependent on formal validation.
Dave Cramer, Why Specs Change: EPUB 3.2 and the Evolution of the Ebook Ecosystem

Pour expliquer l’apparition du format EPUB 3.2 Dave Cramer fait un nécessaire historique des dernières versions de l’EPUB. Un billet qui permet de comprendre la difficulté de mettre en place, de diffuser et de maintenir des standards.

Les îles typographiques

L’Océan des Cent Typos est une chronique radio mensuelle qui nous plonge dans le monde surprenant de la typographie.
[..]
À chaque épisode, l’explorateur découvre une nouvelle île, et avec lui l’auditeur une nouvelle police de caractère.
Malo Malo, L’Océan des Cent Typos

Un podcast pour le moins original, et néanmoins passionnant : des épisodes de moins de cinq minutes consacrés chacun à une typographie. C’est drôle et instructif.

Via la lettre d’information du Musée de l’imprimerie de Lyon.

Le premier numéro de Back Office disponible librement

Le premier numéro de Back Office interroge les notions d’outil, d’instrument et d’appareil, dans le contexte du design. En sortant d’un rapport instrumental à la technique, à savoir une façon d’accomplir efficacement des tâches, les designers présents dans ce numéro « font avec » la technique, c’est-à-dire qu’ils la travaillent dans des directions qui échappent à tout déterminisme technologique.
Back Office, Faire avec

L’équipe de Back Office l’avait annoncé dès le début du projet, au bout d’un an chaque numéro est disponible sous licence Creative Commons Paternité, Utilisation non commerciale et Partage à l’identique – donc librement en ligne. Le premier numéro est donc consultable gratuitement en ligne, une bonne nouvelle pour une série de textes de très bonne qualité.

Le flux à Lure

Le plomb a fondu, l’espace de la page s’est liquéfié, on écrit comme on parle. Les yeux dans les écrans, on vit à flux tendu. Il n’y a ni pause, ni forme fixe, ni frontière. Dans les méandres ou les torrents d’informations, nous réapprenons à canaliser les données, l’énergie, l’émotion, sans les fixer. Les designers classent, organisent les circulations et balisent les trajets.
Les Rencontres internationales de Lure, À flux détendu

La 66e édition des Rencontres internationales de Lure se déroulera à Lurs du dimanche 19 au samedi 25 août 2018, et ce thème du flux est encore plus intriguant que ceux des années précédentes. Le programme sera dévoilé le 15 mai !

Du PDF avec les technologies du Web

ReLaXed creates PDF documents interactively using HTML or Pug (a shorthand for HTML). It allows complex layouts to be defined with CSS and JavaScript, while writing the content in a friendly, minimal syntax close to Markdown or LaTeX.
ReLaXed

“Créer des documents PDF avec les technologies du Web”, avec une source en Markdown, vraiment un beau projet qui laisse penser que les logiciels de PAO classiques vont pouvoir être abandonnés – en tout cas on s’en approche. Les exemples sont impressionnants !
À noter que le principe a été dupliqué pour être utilisé avec des sources en AsciiDoc (et en utilisant Asciidoctor) : https://github.com/Mogztter/asciidoctor-pdf.js

Via Thomas.

Back Office : Penser, classer, représenter

Back Office #2 aborde les notions d’indexation, de tri et de représentation des données numériques.
Back Office, Penser, classer, représenter

Le deuxième numéro de la revue Back Office – une revue entre design graphique et pratiques numériques – a donc comme thème “Penser, classer, représenter”, et une belle couleur saumon. La revue est toujours disponible en version imprimée chez tous les bons libraires, et en version numérique en ligne directement sur le site. La qualité du premier numéro était au rendez-vous, le sommaire semble encore de très bonne facture !

Microfiches

Les livres demeurent des sources importantes.
Mathieu Labrecque, Audrey Laplante et Nadine Desrochers, Trouver un livre

Je découvre une riche collection de cartes illustrées, sous licence Creative Commons BY-NC-SA, et donc réutilisables facilement. Ces microfiches sont idéales pour illustrer des concepts complexes.

Via Olivier Charbonneau.

Suite du livre web

[…} en quoi le Web, en tant que media de production et de diffusion, peut-il nous inciter à repenser la façon dont les savoirs sont élaborés et transmis ?
Anthony Masure, Mutations du livre Web

Support de l’intervention d’Anthony Masure lors du colloque ÉCRIDIL 2018, et prolongement – en quelque sorte – de ma proposition lors d’ÉCRIDIL 2016, en plus ambitieux et plus abouti.

Digital Publishing Summit Europe 2018

With this event, EDRLab aims to strengthen a true spirit of cooperation between professionals and push to the massive adoption of open standards and software by the European publishing industry.
EDRLab, Digital Publishing Summit Europe 2018

L’EPUB Summit devient Digital Publishing Summit Europe, le rendez-vous à ne pas manquer sur la question du livre et de la publication numériques. Le programme est riche, avec notamment des sujets sur la production et la gestion de contenu (enfin) et moins d’interventions sur le format EPUB (ouf).

Vers le hors ligne

Design an ideal offline experience with Service Workers.
Jeremy Keith, Going Offline

Un livre complet sur les techniques permettant de rendre un site web consultable hors ligne – la gestion des Service Workers. Bientôt disponible chez A Book Apart et écrit par Jeremy Keith.

La fabrique du livre

À quel moment cette fabrique technique du livre – [ce moment où] le livre prend sa forme matérielle directement pour le lecteur – ne suppose plus la médiation technique de ces maisons [d’édition] avec pignon sur rue ?
François Bon, De l’accès à l’édition

Une vidéo de François Bon 30 minutes, qui résume très bien l’écosystème de l’édition aujourd’hui, avec les bouleversements induits par le numérique, Internet, le Web, l’impression à la demande, et la possibilité pour les auteurs de reprendre la main. Incontournable donc – même si on n’est pas d’accord.

Via Neil Jomunsi qui en a fait un billet.

Aux origines de WordPress

In the meantime, WordPress developers focused on making things easy for users. They set up documentation and forums for users to post questions. They plucked new features straight from user requests, or Valdrighi’s wish list. WordPress was easy to install (in 5 minutes or less, the project promised) and had a unique admin. The goal was to make it as easy as possible to log into your site and post to your blog without ever having to see any code.
The History of the Web, The Story of WordPress

Jay Hoffmann continue sa formidable histoire du Web avec ce chapitre consacré au système de gestion de contenu WordPress, très emblématique de ce que le Web a construit – tant au niveau de la constitution de communautés, que de développement technique ou encore de licence d’utilisation.

La technique est un bien social

Je commence ce texte par une affirmation : la technique est un bien social à investir d’urgence et à tout prix.
[…]
Qu’elle soit un langage, un objet ou un milieu, la technique est un bien social parce qu’elle est l’une des composantes indispensables à l’existence et à l’évolution des liens sociaux.
Antoine Gelgon, Un dialogue à réaliser : design et technique

Quel plaisir de lire ce riche texte d’Antoine Gelgon, publié dans la revue .txt éditée par B42, et faisant le lien entre Gilbert Simondon, Bernard Stiegler, Matthew B. Crawford et Ivan Illich !

Vies du livre

Aimer un livre, c’est le prêter, l’offrir, le recommander, en parler, le commenter sur son blog, le présenter sur YouTube ou dans un cercle de lecture, et puis le poser sur un rayonnage ou le laisser quelque part, en quête d’une autre vie.
Mariannig Le Béchec, Dominique Boullier, Maxime Crépel, Vies du livre & pratiques des lecteurs

Le nouveau livre de C&F Éditions parle de… livres ! Ou plutôt des “vies du livre”.

Manifold

The intuitive, collaborative, open-source platform for scholarly publishing you’ve been waiting for.
Manifold

Manifold est une plate-forme pour lecteurs, auteurs et éditeurs, elle permet de lire, d’écrire et de publier des textes – ou plus largement des contenus – dans le domaine universitaire. C’est un peu comme un Medium académique, en plus ouvert et plus modulaire.

Via René Audet

Beauté des URLs

It’s beautiful in its simplicity.
Brendan Dawes, I Heart URLs

Les URLs sont beaux, c’est un exemple de design réussi.

Micro-copie

Il existe des milliers de façons de présenter une même chose à l’utilisateur. Mais comment la formuler ? Quels mots choisir ? Quel ton utiliser ? Comment présenter le problème ou l’information ?
Anne-Sophie, La micro-copie : de l’importance du choix des mots

La micro-copie, ou “l’art d’écrire des petits textes”, ou comment rendre des formulations évidentes dans des situations complexes. Une bonne entrée en matière pour ce nouveau carnet sur l’UX lancé par Anne-Sophie.

Designing Design Tools

Mainstream digital graphic design tools seldom evolved since their creation, more than 25 years ago. In recent years, a growing number of designers started questioning the resulting invisibility of design tools in the design process. In this dissertation, I address the following questions: How do designers work with design software? And how can we design novel design tools that better support designer practices?
Nolwenn Maudet, Designing Design Tools

Designing Design Tools est la thèse de Nolween Maudet, elle porte sur les outils utilisés par les designers. Au-delà du sujet passionnant, cette thèse a pour originalité d’être publiée intégralement en ligne sur un site web dédié, dans le prolongement de l’initiative d’Anthony Masure avec Le design des programmes.

Le marché de la documentation scientifique

Les prix des abonnements aux ressources électroniques, en hausse constante depuis vingt ans, génèrent des bénéfices importants pour les grands éditeurs scientifiques que sont Springer et Elsevier, alors même qu’une proportion non négligeable et croissante1 des articles publiés dans les revues concernées par les abonnements sont en accès libre. Le coût de cet accès pour ces articles est assumé par les auteurs ou leurs institutions et versé aux éditeurs. Pourquoi dès lors faire payer l’accès via l’abonnement quand l’éditeur a déjà été financé?
CNRS, Information aux laboratoires sur les abonnements Springer

Si même le CNRS décide de stopper les négociations avec l’éditeur Springer, alors une réaction s’opère peut-être enfin face aux pratiques ultra-libérales de certains distributeurs de contenus scientifiques. Enfin…

Plusieurs communautés scientifiques se mobilisent pour enrayer cette spirale inflationniste des budgets de documentation scientifique.

Produire des livres (numériques) sans Adobe

In this talk, Simon Collinson and Nick Barreto of Canelo Digital Publishing will walk the audience through their Adobe-free toolbelt, giving tips, tricks, and warning of potholes to avoid. The overriding theme will be the fun/challenge of building a heterogeneous toolchain, rolling your own tools, and the efficiencies you can find if you can engineer your workflow from the ground up.
Simon Collinson and Nick Barreto, Life After Adobe

Remplacer les outils Adobe par des outils ouverts et d’autres fonctionnements ? C’est possible, Simon Collinson et Nick Barreto présente plusieurs pistes techniques – à base de Pandoc, d’Imagemagick et de terminal. Cette présentation faisait partie de ebookcraft, un événement dédié au livre numérique (d’autres supports de présentation sont disponibles ici, en attendant les vidéos).

Via Jiminy.

La recherche artisanale

Nous ne savons pas bien comment travaillent nos collègues, lorsqu’ils écrivent un article par exemple : quels instruments (gomme, post-it, logiciels, etc.) et quels supports mobilisent-ils ? Comment rassemblent-ils la matière collectée dans un ensemble épars de documents ? Quelles transformations subissent leurs écrits, du surlignement au texte envoyé à une revue ?
Marc Jahjah, Le chercheur comme artisan

Belle réflexion sur la dimension artisanale de la recherche.

Une critique des traitements de texte

Les traitements de texte développent cette pensée à partir de présupposés implicites qui apparaissent comme autant d’enthymèmes. En utilisant un traitement de texte, nous admettons un certain nombre de leurs prémisses.
Julien Dehut, En finir avec Word ! Pour une analyse des enjeux relatifs aux traitements de texte et à leur utilisation

Article stimulant sous forme de critique construite des traitements de texte : leur origine, leurs fonctionnements ou logiques, et les aternatives permettant d’envisager de s’en passer. Une version plus académique de l’article de iA, Multichanel Text Processing.

Refonte

J’ai une fâcheuse tendance à considérer tout le travail accompli avant une refonte comme des étapes nécessaires pour arriver à concevoir ce que nous nous apprêtons à faire. Je le dis d’ailleurs souvent à mes clients : la nouvelle version que nous allons développer est la somme de tous les apprentissages des itérations précédentes, même si elle n’y ressemble pas à première vue.
Marie-Cécile Paccard, Refonte à ciel ouvert

Marie-Cécile rend public son processus de refonte de son site web, et probablement aussi de son identité numérique, une démarche à suivre.

ÉCRIDIL 2018

S’inscrivant dans un esprit d’innovation – celui des formes et des pratiques, mais aussi celui des processus et des méthodes –, l’édition 2018 du colloque ÉCRiDiL souhaite prendre appui sur les expérimentations de la dernière décennie pour mieux se projeter dans un avenir qui, bien que spéculatif, permettra aux acteurs du monde du livre d’envisager de nouvelles voies pour la création, l’édition et la diffusion.
ÉCRIDIL, Le livre, défi de design

Sous-titrée “L’intersection numérique de la création et de l’édition”, cette deuxième édition du colloque ÉCRIDIL a lieu les 30 avril et 1er mai 2018 à Montréal. J’avais participé à la première édition en 2016, évoquant le cas des livres web, cette fois je parlerai de Git comme ingrédient des chaînes de publication.

Le programme complet (et riche) est disponible ici.

PrePostPrint à l'EnsadLab

Enjeux de systèmes de publication libres et outils alternatifs pour la création graphique.
PrePostPrint, EnsadLab invite PrePostPrint

L’EnsadLab – c’est-à-dire Julie Blanc, Quentin Juhel et Lucile Haute – organise un événement autour des systèmes de publication, les mardi 3 et mercredi 4 avril 2018 à l’Ensad (Paris), entrée libre sur inscription. J’interviendrai sur certains aspects des chaînes de publication modulaires.

Combien pour un site web ?

Chacune de ces étapes a un coût et il faut le remettre en question avant d’arriver dans le mur auquel cas — même (et surtout !) en ayant le sentiment d’avoir réussi quelque chose — vous allez au devant de grandes frustrations.
David Larlet, Coût d’un site

Combien coûte un site web ? David pose plutôt la question de savoir combien peut coûter un projet, et donc tout dépend du projet – définir un projet à également un coût.

Messages automatiques

debug suff
Nick Gerakines, whatthecommit

Un générateur de messages pour les commits dans Git, c’est-à-dire les messages sensés illustrés des changements dans un système de gestion de versions comme Git. Le but ici étant de proposer des messages qui peuvent correspondre à n’importe quel projet, malin et drôle (toutes les possibilités sont dans ce fichier).

Via Some skills.

Publier vite, publier souvent

Les durées propres à la publication universitaire existent donc à plusieurs niveaux, en asynchronie avec les pratiques pédagogiques qui sont l’horizon du texte de recherche.
[…]
Il apparaît que des formes plus fluides et plus légères de protocoles éditoriaux sont à tester, inventer et démocratiser.
Anthony Masure, La publication buissonnière : guide tactique pour les pratiques éditoriales universitaires

Quelques solutions pour palier aux délais souvent très importants entre un événement universitaire et une publication qui en rend compte (spoil : le numérique est une caisse à outils déterminante).

Trop d'interactions

All this to say: you journalists, with your fancy interactive stories and animation libraries, are making me sick.
Eileen Webb, Your Interactive Makes Me Sick

Un billet qui fait du bien ! Le Web ne doit pas nécessairement clignoter et bouger dans tous les sens pour être intéressant, un peu de simplicité est une bonne chose. Avec des exemples et des contre exemples !

Via Véronique.

Sans InDesign

We don’t do page-by-page layout and convert to HTML later. In fact, we do exactly the opposite: we make each book as a little website, and then output to PDF.
Arthur Attwell, I love you, InDesign, but it’s time to let you go

J’étais passé à côté de ce court billet d’Arthur Attwell de Fire and Lion.

Écrire

Savoir écrire est une compétence technique indispensable pour tout chercheur ou auteur en sciences humaines et sociales. L’écriture scientifique a des caractéristiques particulières par rapport à l’écriture généraliste.
Nous pouvons résumer ces caractéristiques en deux principes généraux. Pour être scientifique :

1. L’écriture doit être structurée sémantiquement.
2. L’écriture doit respecter des standards ouverts.

Marcello Vitali-Rosati, Les chercheurs en SHS savent-ils écrire ?

Les constats de Marcello Vitali-Rosati sur le manque de connaissance et de maîtrise des outils d’écriture (numérique) des chercheurs (et des étudiants) et le difficile basculement d’une culture de l’écrit physique à une culture de l’écrit numérique sont justes, pour ce que je peux en voir. La dominance d’un outil comme Word est un problème, d’abord parce qu’il s’agit d’une solution propriétaire, mais aussi et surtout parce qu’il existe d’autres outils ou systèmes qui correspondent mieux à certains besoins (autres traitements de texte, éditeurs en ligne, langages de balisage léger, LaTeX, CMS, etc.).

Éric Guichard anime des ateliers de “programmation éditoriale” dans le Master Publication numérique où j’enseigne, c’est exactement le type de cours que tout étudiant en licence devrait suivre (et il ne s’agit pas d’un luxe de geeks).

Le projet de Paged Media

On Tuesday 9 January, some people met at the MIT Press offices in Cambridge to seed the Paged Media Open Source initiative: a suite of JavaScripts to paginate HTML/CSS in the browser for the purposes of exporting print-ready, or display-friendly, PDF from the browser. […] For this first meeting, I made a presentation about different Paged Media approaches and tools that already exist. This post in two parts is a version of that presentation.
Julie Blanc, Paged Media approaches (Part 1 of 2)

Le projet Paged Media est présenté dans ses détails par Julie Blanc, le but est donc de mettre en place des outils pour pouvoir produire des documents paginés, depuis le navigateur, avec un format PDF en sortie. Fabriquer des livres – ou des documents – avec les outils du Web, en somme. Julie détaille les différentes options existantes, et l’approche choisie.

Our goal is to build tools for paged media rendering rather than a particular product which is more adaptable for various workflows and products. We want to use the advantages of browsers: CSS feature implementations, development tools to explore rendering, modularity and interoperability with other tools… […] It’s a great adventure we have begun!

1%

It’s not 1% of people who always can’t see your site and 99% of people who always can. It’s 1% of visits.
Stuart, Why availability matters

Très bonne illustration du faux argument qui consiste à dire qu’il est légitime de ne pas prendre en compte 1% des utilisateurs. En effet il s’agit plutôt de 1% de cas d’utilisation, et chaque utilisateur peut être concerné par ce 1%.

Via HTeuMeuLeu.

Tiers

Third party content is not safe
Jake Archibald, Third party CSS is not safe

Faire appel à du contenu provenant d’un tiers n’est pas sûr, et c’est également le cas avec une feuille de style. Jake Archibald donne quelques exemples permettant de modifier le contenu d’une page web ou d’interagir et de récupérer des informations via une feuille de style CSS, c’est assez impressionnant !

Via WDRL.

Comment écrire un message de commit

Why not suggest some alternatives to balance the load?
Chris Beams, How to Write a Git Commit Message

Quelques conseils très utiles pour écrire les messages de vos commits lorsque vous utilisez Git. Cela fait plusieurs mois que je reviens régulièrement sur ce billet, je le conserve donc ici pour mémoire.

Entretien avec Craig Mod

Seven years ago, the ebook space was invigorated with young energy. Remember Nook, Kobo, or even iBooks on the then newly launched iPad? Flipboard emerged from that era, too. But now that the Kindle owns the majority of the market, these other platforms (Readmill, I gaze in your direction with a tear in my eye) folded or got swallowed by Amazon. And the Kindle turns out to be a good enough solution for enough people — it sells well enough as is — which has, I believe, disincentivized its evolution. It hasn’t changed much since it launched. So here we are.
Craig Mod, Offscreen Magazine Interview

Voici un entretien passionnant avec Craig Mod pour la revue Offscreen, où il est question de livre, de technologie, d’écriture, de voyages.

But I think books are the perfect disconnected objects. They require no energy. They offer a fully immersive, quiet experience for hours or days. The medium dissolves but never becomes translucent. It’s quiet, but present. An exceptional technology.

Enseigner

Si apprendre, c’est devenir libre, alors apprendre à d’autres à apprendre, c’est favoriser les conditions d’émergence de cette liberté.
Arthur, Épisode VIII : Les Derniers Écriveurs

Comment passer d’apprenant à enseignant, sans concession (et en privilégiant le sens aux outils).

Codex

“Code X” est un journal publié à l’occasion du salon de l’édition alternative organisé par PrePostPrint à La Gaîté Lyrique, le 21 octobre 2017.
Le journal a été réalisé en HTML et CSS et le PDF a été généré depuis la boîte d’impression de Google Chrome.
Julie Blanc, CodeX - 01: PrePostPrint

Les sources de CodeX - 01: PrePostPrint ont été mises ligne ! Ce journal a été réalisé à l’occasion du salon de l’édition alternative organisé par PrePostPrint à La Gaîté lyrique en octobre 2017. Si vous souhaitez découvrir les contenus de ce journal – des articles sur les chaînes de publication, des présentations de projet – je vous recommande la version imprimée. Si vous voulez comprendre comment ce journal a été conçu (HTML to print) alors ce dépôt est pour vous ! Bravo à Julie et Quentin pour le travail accompli !

Statique

Nous n’avons probablement pas la même définition du mot « statique » dans le contexte d’un site Web. Boris semble parler ici de pages Web générées du côté serveur, mais pouvant embarqué du JavaScript réalisant des requêtes sur d’autres serveurs.
Karl, Une page blanche performante

À la suite de l’article de Boris sur l’approche JAMstack et de la critique de David sur celui-ci par rapport aux dépendances (notamment liées à JavaScript), Karl insiste sur le notion de statique qui ne veut en fait plus dire grand chose… Utiliser un générateur de site statique me semble intéressant justement pour créer des pages web réellement statiques, mais aussi pour disposer d’un peu plus d’indépendance (maîtrise du workflow), d’interopérabilité (utilisation d’un langage de balisage léger) et de pérennité (site généré en HTML/CSS). Bref pour gagner en simplicité, et ça ne semble pas être la priorité de la JAMstack.

MISStack

Si vous partez sur JavaScript et des API, essayez au moins d’afficher le contenu pertinent lorsque ces dépendances sont cassées pour tout un tas de raisons valables. Que votre MISStack m’affiche plus vite une page blanche m’importe peu […].
David, Coquilles vides

David pointe les limites du principe de la JAMstack développés dans un article de Boris, et si on s’interrogeait sur les dépendances imposées par ce système ? Et si l’absence de recours à une base de données ne posait pas d’autres problèmes ?

Web statique

Mais pourquoi diable voudrions-nous séparer l’environnement contributif et l’outil de production? Pour une meilleure séparation des préoccupations.
L’équipe de développement, libérée du fardeau de la maintenance d’une base de données, peut se concentrer sur l’évolution technique de la plate-forme et le pipeline de production des ressources statiques tandis que l’équipe de contribution, de son côté, peut affiner les contenus.
Les contributeurs peuvent travailler sur des fichiers plats faciles à stocker et à modifier.
Boris Schapira, Meilleure UX, meilleures performances : la nouvelle donne du web statique

Boris Schapira présente des nouveaux outils et systèmes pour gérer des sites web, loin des CMS traditionnels, avec du statique dedans. Un résumé très clair de ce que les générateurs de site statique et autre CMS headless apportent comme nouvelles approches.

Dessiner c'est interpréter

So when you draw something you are not simply recording the outside world. You are drawing your personal interpretation!
Ralph Ammer, Stop taking pictures and start drawing!

Dessiner c’est interpréter. Le dessin oblige à interpréter, alors que la photographie demande de la maîtrise avant de pouvoir refléter ce type d’interprétation. Je crois que c’est l’une des raisons principales de ma pratique du dessin depuis une dizaine d’années.

Via Karl (et quelques rebonds).

Les connaissances de GitHub

Why not suggest some alternatives to balance the load?
David Humphrey, GitHub Knows

GitHub est l’espace d’hébergement et de partage de code le plus utilisé, regroupant aussi les problèmes et les bugs liés aux codes source des programmes présents sur cette plateforme. David Humphrey s’inquiète de la domination de GitHub – il y a d’autres plateformes comme GitLab ou Bitbucket –, mais aussi du manque de suggestion de GitHub qui pourrait trouver des solutions à un bug d’un dépôt sur un autre dépôt – là je ne sais pas trop quoi penser d’une telle fonctionnalité.

2018 : le fanzine

The other point I’d add is that zines and quarterlies look the way they do and feel the way they feel not because of a certain design aesthetic they share, or a design consensus they break from, but because of how they’re run, who owns them, and why they’re published. They look different because they are different.
Tim Carmody, Zines are the future of media

Et si la tendance en 2018 était le fanzine ? Belle idée.

Amazon en détail

L’ouverture à des “tiers” – vendeurs, marchands, mais aussi développeurs avec AWS – va devenir le coeur de la stratégie d’Amazon, et la clé de son succès.
Stéphane Schultz, Amazon, l’Empire Invisible (1/2)

La stratégie et l’organisation d’Amazon analysées par Stéphane Schultz de 15marches, en deux épisodes, utile et intéressant, même si cela manque quelque peu de regard critique.

Drawing Curved

Drawing Curved is a collection of texts and images concerned with digital curvature. It seeks to understand when a curve starts to be tangible, or what might give a sense that they can or can’t be handled. What makes a curve smooth? When does it seem appropriate to interrupt it?
Pierre Huyghebaert, Colm O’Neill, Femke Snelting, Drawing Curved

Un livre sur les courbes.

Together, we have been trying to understand the virtue of curves in drawing software. Why is it that when we bend physical plastic or wood, we know that they will yield different results, but when we want to adjust the fluidity of a curved line on a computer screen, we have no notion of origin or space, let alone the properties of the segment ― or even whether it is a material at all.

Grilles

For this experiment, I took a stab at defining the grid with grid-template-areas, which turned out to be an very helpful way to organize the menu items and better visualize how things would move around.
Jules Forrest, Grids revisited

Jules Forrest a converti des mises en page complexes à base de colonnes (journaux, affiches, menus) avec CSS grid. Impressionnant !

Via je ne sais plus qui.

Git de visu

Cette page donne une brève référence visuelle des principales commandes git.
Mark Lodato, Une Référence Visuelle de Git

Une ressource utile (pour moi) pour mieux comprendre certains fonctionnements de Git.

Guide sur l'entête HTML

A list of everything that could go in the head of your document
https://gethead.info/

Un guide complet sur l’entête HEAD, élément incontournable mais pourtant souvent mal géré/complété des pages HTML. Les sources du projet sont par ailleurs disponibles sur GitHub, notamment pour proposer des modifications ou des ajouts.

Via Opquast.

À lire hors ligne

The Disconnect is an offline-only, digital magazine of commentary, fiction, and poetry. Each issue forces you to disconnect from the internet, giving you a break from constant distractions and relentless advertisements.
The Disconnect

The Disconnect est une revue en ligne lisible uniquement hors connexion, il faut donc couper sa connexion internet pour pouvoir consulter les contenus – des récits de fiction, de la poésie, des courts essais. Autre particularité pour un revue en ligne : il n’y a aucun lien qui pointe hors de la revue ! Chris Bolin est à l’origine de cette initiative, j’avais parlé ici d’une page de son site web disponible uniquement hors connexion.

Dessiner avec du code

One of the great things about scalable vector graphics (aside from their being infinitely scalable without quality loss) is that once you know the fundamentals you can hand-code simple shapes quite easily, without needing to open a graphics application.
Kezz Bracey, How to Hand Code SVG

Dessiner avec du code c’est possible ! Voici quelques exemples d’icônes en SVG.

S'appartenir

But it’s going to happen. Here, on my own site.
Tim Kadlec, Owning My Own Content

De l’intérêt d’avoir son propre site web : écrire, expérimenter, être indépendant, ne rien faire.

Via Jeremy Keith.

Sur l'informatique

L’information produite en si grande quantité et si bon marché est accaparée et mise à profit par les grands propriétaires du réseau. Les données générées par les masses connectées forment une marchandise spéciale, qui sert à écouler toutes les autres. L’analyse statistique de l’usage des interfaces offre une vue imprenable sur le comportement économique des masses, chose que la concurrence, jusqu’alors, ne permettait pas.
Véloce, Thèses sur l’informa­tique

Voici un essai critique et philosophie qui semble très engageant, à lire et à approfondir.

À défaut d’avoir fait de toute activité une production de valeur, la grande victoire de l’informatique est d’être déjà parvenue à donner à tout effort humain qui l’emploie la forme d’une production de valeur.

Livre et technologie

Books were overtaken by other media decades ago. The problem isn’t that books don’t have enough television in them, or enough internet in them; it’s that they are just one form of readily available cultural consumption among so many.
Alex Shepard, Silicon Valley Won’t Save Books

Comment dire… Il s’agit d’une vision du livre du point de vue américain.

Faune

Étudier la pluralité du monde animal afin de créer une nouvelle famille de caractères typographiques : telle est l’étonnante ambition de Faune, que vous pouvez découvrir sur ce site.
Alice Savoie, Faune

Faune est une création d’Alice Savoie, la seconde commande d’un caractère typographique par le Centre national des arts plastiques. Un travail fabuleux, riche, précis, dont le site web spécimen est également une réussite. Qui plus est “la famille de caractères Faune est téléchargeable et utilisable librement, par tous, de façon privée ou professionnelle, sous licence Creative Commons CC BY-ND 4.0” !

La première commande était l’Infini de Sandrine Nugue.

Comment lire le Web

Before newsletters and social networks there was RSS, a tool that helped us keep up to date with our favorite websites.
Robin Rendle, How to Read the Internet

Robin Rendle livre ici un beau plaidoyer pour les flux RSS : une alternative aux flux biaisés des réseaux sociaux, un îlot d’indépendance dans un Web de plus en plus centralisé, un espace sans publicité, un temps de lecture hors connexion, etc. Bonus : Robin présente son système pour lire sur plusieurs supports et avec confort.

Publier des brouillons

I understand why print publications need cleaned-up stuff. And if I’m paying for articles, in print or not, I’d like them to be intelligent and edited. But the free blogging we do, who said it had to observe the same standards?
Florens Verschelde, Blogging with public drafts

Publier des articles encore à l’état de brouillon ? Très bonne idée pour faire circuler des idées encore en cours de formalisation. Une idée qui rejoint l’initiative de Marcello Vitali-Rosati : rendre public des articles qui ne sont pas encore relus et validés, dans le domaine de la recherche cette fois.

WebBook Level 1

I have then decided to work on a different format for electronic books, called WebBook. A format strictly based on Web technologies and when I say “Web technologies”, I mean the most basic ones: html, CSS, JavaScript, SVG and friends; the class of specifications all Web authors use and master on a daily basis. Not all details are decided or even ironed, the proposal is still a work in progress at this point, but I know where I want to go to.
Daniel Glazman, Announcing WebBook Level 1, a new Web-based format for electronic books

Étant en désaccord avec les directions prises par les EPUB 3 Community Group et Publishing Working Group du W3C, Daniel Glazman propose ses propres spécifications pour une évolution du format EPUB, basée sur les technologies du Web.

Croyances numériques

[…] ce ne sont pas les algorithmes qui vont transformer la société et la science, mais ses gestionnaires et toutes les personnes qui aiment les solutions simples.
[…]
La science n’est pas menacée par le pouvoir des algorithmes, elle est malade du pouvoir de ses gestionnaires pétris de croyances en le déterminisme de l’innovation.
Éric Guichard, La science contaminée par les croyances numériques

Éric Guichard, philosophe et maître de conférences à l’enssib, critique la façon dont le numérique devient un instrument du “déterminisme de l’innovation”, mais également comment certaines instances (ici l’Agence nationale de la recherche) le défendent à la façon d’une religion.

L’écriture, vue comme technologie de l’intellect, est désormais inaccessible dans sa version numérique à la majorité de nos collègues. Ce qui réduit drastiquement la possibilité d’une pensée critique, hier caractéristique des sciences sociales.

Documenter un projet avec les messages de Git

Our commit history has some very special properties which make it particularly useful for documenting intent.
[…]
So three principles. 1. Make atomic commits. 2. Write good commit messages and 3. Revise your development history before sharing.
Joel Chippindale, Telling stories through your commits

Quelques conseils sur le design des messages – des commits – dans Git, une réflexion qui concerne plus la façon dont on peut documenter un projet et communiquer que sur des aspects purement techniques.

Via David.

Sciences du design

Sciences du Design est une revue internationale en langue française de recherche scientifique en design.
Sciences du Design

Les deux premiers numéros de la revue Sciences du design sont désormais en accès libre sur Cairn.info, deux nouveaux numéros seront disponibles en accès libre l’année prochaine. L’ensemble des numéros et des articles sont par ailleurs consultables sur la plateforme Cairn.info, en partie via paiement (ou par le biais d’un accès bibliothèque).

Des couleurs dans le terminal

Color Scheme for Gnome Terminal and Pantheon Terminal
Gogh

Pour rendre son terminal plus beau !

Electric Book Workflow

We make books for publishers and for organisations who need to act like publishers. And we produce many of those books in multiple formats: print, epub, website, and app.
I’m going to go through some examples of books we’ve produced, and highlight some of the key features we need for printed books in particular.
Arthur Attwell, Book production with CSS Paged Media at Fire and Lion

À l’occasion d’un événement organisé par la Coko Foundation autour de Paged Media, Arthur Attwell est venu présenté les outils utilisés par sa structure Fire and Lion pour produire des livres, autour du concept d’Electric Book : générateur de site statique, Git, CSS, Prince XML, etc. Electronic Book (j’en avais parlé ici il y a presque un an) est un bon exemple de chaîne de publication basée sur les technologies du web.

Simple

Onym is a Greg Leppert and Willem Van Lancker joint production. The name comes from the suffix -onym used to denote specific types of names — from the Greek word ónoma meaning “name.”
Greg and Willem, Onym

Un site dont la forme est d’une simplicité incroyable, avec un menu accordéon original et bien pensé (sans parler du contenu du site).

Via Jérémy.

AMP Letter

The Web is not Google, and should not be just Google.
AMP Letter, A letter about Google AMP

Depuis plusieurs mois (années ?) les critiques envers les “Accelerated Mobile Pages”, un projet de Google, sont nombreuses. Cette lettre pointe deux aspects :

1. Tout contenu qui choisit de supporter AMP ainsi que l’hébergement affilié sous le domaine Google acquiert une promotion privilégiée dans les résultats de recherche, y compris (pour les articles) un placement au dessus des autres résultats.
2. Les utilisateurs et utilisatrices naviguant depuis Google vers un contenu recommandé par Google restent, sans le savoir, dans l’enceinte de l’écosystème Google.

Pour signer la lettre il faut soumettre une Pull Request sur GitHub (non ce n’est pas la façon la plus inclusive de participer).

Recherche contemporaine

Qu’est-ce que la recherche aujourd’hui? Comment « le numérique » a-t-il modifié le sens de nos pratiques de chercheurs en sciences humaines et sociales?
Marcello Vitali-Rosati, Réinventer la recherche à l’époque du numérique

Quelques réflexions de Marcello Vitali-Rosati sur la façon dont la recherche (universitaire) est impactée, en profondeur, par le numérique.

Ces changements redéfinissent ce qu’est la recherche et donnent de nouveaux défis et de nouvelles responsabilités aux chercheurs. Serons-nous capables de relever ces défis et de prendre en charge ces responsabilités?

Un nouvel IE6

Microsoft might have celebrated the death of Internet Explorer 6, but if Google isn’t careful then it might just resurrect an ugly era of the internet where “works best with Chrome” is a modern nightmare.
Tom Warren, Chrome is turning into the new Internet Explorer 6

Chrome serait-il le nouvel Internet Explorer 6 ? Malgré cette comparaison quelque peu maladroite, cet article pointe la position monopolistique de Google comme étant un vrai problème.

Lancement de PagedMedia

PagedMedia is a project to educate and inspire publishers to use HTML, CSS and JavaScript to produce print and paginated electronic content. The project goal is to develop a suite of Javascripts to paginate HTML/CSS in the browser, and to apply PagedMedia controls to paginated content for the purposes of exporting print ready, or display friendly, PDF from the browser. This will be an Open Source initiative, appropriately licensed with the MIT license.
Collaborative Knowledge Foundation, PagedMedia Announcement

PagedMedia, débuté il y a plusieurs mois, est donc lancé officiellement ! Ce projet collectif de recherche, porté par la Collaborative Knowledge Foundation, vise à produire des publications paginées dans le navigateur et à générer des PDF pour l’impression à partir de ces publications numériques.

La technique et ses usages

Marie-Stéphanie a fait des études d’histoire de l’art et de documentaliste. Pourtant, elle édite des fichiers Markdown en respectant la structure du projet, fait des commits sur Git avec un message permettant de fermer le ticket JIRA correspondant, push sur GitHub, attend le rapport de Jenkins qui contiendra la log Jekyll et lui indiquera si le site de pré-prod est à jour.
[…]
Pour elle, l’informatique est un outil, un moyen.
Cédric Temple, Marie-Stéphanie, Markdown, GIT, Jekyll et Jenkins

Beau retour d’expérience sur le fait que les langages de balisage léger, les générateurs de site statique ou les outils d’intégration continue peuvent être utilisés par d’autres personnes que des informaticiens ou des développeurs. Mais attention, Marie-Stéphanie est malgré tout une spécialiste – de l’histoire de l’art –, et une technicienne – car on peut dire que les documentalistes sont des techniciens.

Via iGor.

Apprendre sans machine

The research is unequivocal: Laptops distract from learning, both for users and for those around them. It’s not much of a leap to expect that electronics also undermine learning in high school classrooms or that they hurt productivity in meetings in all kinds of workplaces.
Susan Dynarski, Laptops Are Great. But Not During a Lecture or a Meeting.

De la présence des machines dans les temps d’apprentissage : pour Susan Dynarski il faut bannir l’électronique des salles de classe !

Service Workers compatible avec Safari et Edge

Made Service Workers enabled by default
Jonathan Davis, Release Notes for Safari Technology Preview 46

Service Workers est une fonctionnalité désormais activée par défaut dans Safari, ce qui veut dire que les Progressive Web Applications pourront être un peu plus compatibles avec le navigateur d’Apple. Et Edge – le navigateur de Windows – suit le même mouvement !

Via Hubert.

Confiance

But still, if Mozilla is positioning itself as the privacy-conscious alternative to Google, Microsoft and others, then installing an extension without asking users first doesn’t feel right at all.
Frederic Lardinois, Mozilla’s Mr. Robot promo backfires after it installs a Firefox extension without permission

Quand le marketing fait passer la promotion avant tout, bafouant l’un des principes les plus importants de Mozilla et de Firefox : la confiance. Pour faire la publicité de la série Mr. Robot Firefox a installé automatiquement une extension sans demander l’avis aux utilisateurs du navigateur. Heureusement Mozilla a fait marche arrière rapidement, mais les équipes et les utilisateurs ne vont pas oublier cette erreur…

Qu'est-ce que le travail ?

[…] nous verrons que les limites du travail n’ont jamais été aussi floues, tant du point des vues d’activités en ligne non rémunérées (« labeur numérique ») que de la prolifération d’objets supposément « intelligents » (smart) qui brouillent encore plus la distinction entre le temps libre et le temps travaillé.
Anthony Masure, Peut-on encore ne pas travailler ?

Publié originellement dans le quarante-septième numéro de la revue Azimuts, ce texte d’Anthony Masure interroge la notion de travail dans le monde contemporain, et donc en lien avec le numérique. (Note : article en cours de lecture.)

Design et Éditions numériques

Passé le constat de l’omniprésence des dispositifs numériques dans la chaîne éditoriale et du bouleversement qu’ils induisent, le numéro 08 de Sciences du Design se propose d’étudier les éditions numériques contemporaines et leurs enjeux de design sous trois prismes : leurs aspects expérimentaux et leurs dispositifs émergents en arts et littérature, leur rôle dans la production et la transmission de connaissance pour les publications savantes, ainsi que leurs enjeux professionnels pour les métiers des éditions numériques.
Sciences du Design, 08 — Éditions numériques

La revue Sciences du Design lance son appel à articles pour le numéro 08 sur le thème “Éditions numériques”, les propositions peuvent être transmises jusqu’au 18 janvier 2018 !

Fin de la neutralité du Net aux États-Unis

The Federal Communications Commission voted on Thursday to dismantle rules regulating the businesses that connect consumers to the internet, granting broadband companies the power to potentially reshape Americans’ online experiences.
The agency scrapped the so-called net neutrality regulations that prohibited broadband providers from blocking websites or charging for higher-quality service or certain content. The federal government will also no longer regulate high-speed internet delivery as if it were a utility, like phone service.
Cecilia Kang, F.C.C. Repeals Net Neutrality Rules

Aux États-Unis la neutralité du Net c’est fini, pour le moment…

Un essai publié en 2017

En quoi les environnements numériques contemporains actualisent-ils les modes de production et de transmission des savoirs ? Quelle est la place des designers dans des projets relevant des sciences humaines et sociales ?
Anthony Masure, Design et humanités numériques

Sorti début décembre 2017 chez B42, le nouveau livre d’Anthony Masure, Design et humanités numériques, a un pendant numérique : des textes et des analyses de cas qui viennent compléter la version imprimée – ou inversement. Et ce jeudi 14 décembre 2017 Anthony Masure est venu présenter son livre sous forme de making of de l’écriture et de l’édition à l’enssib.

Comprendre et se faire comprendre

Notre jargon est souvent utilisé comme des formules magiques. Utiliser un terme à consonance anglophone est trop souvent un moyen d’oublier ce qu’il veut dire pour y attacher un sens semi-mystique.
Éric Daspet, On dit numérique et pas digital (bordel) !

Pour 24 jours de web Éric Daspet propose de se poser la question des mots et des termes utilisés dans le domaine informatique ou numérique. Plus que l’enjeu du sens, c’est celui de l’interaction avec les autres dont il est question ici : comment rester compréhensible pour toutes les personnes ? Comment adapter notre langue (française dans notre cas) pour intégrer des termes anglophones ?

L'origine du Web

I think it’s fairer to say that the first use case for the web was document retrieval. And yes, that initial use case certainly influenced the first iteration of HTML. But right from the start, the vision for the web wasn’t constrained by what it was being asked to do at the time.
Jeremy Keith, Origin story

Jeremy Keith fait une distinction très intéressante entre d’un côté le constat que les premières utilisations du Web aient été autour du texte et du document, et le fait que le Web n’a pas pour autant été conçu uniquement pour cela – contrairement à ce qui peut être parfois dit. Les utilisations actuelles sont tournées vers l’applicatif, mais c’est possible grâce à la flexibilité d’Internet (et du Web).

To say that the web was made for sharing documents is like saying that the internet was made for email. It’s true in the sense that it was the most popular use case, but that never defined the limits of the system.

Le contenu est souverain

One branch, one repository. Sometimes even a single folder. That’s the first major obstacle we encounter when using a typical static site generator.
Dan Allen, Content is Sovereign

Après l’annonce du lancement d’Antora – le générateur de site statique modulaire basé sur AsciiDoc et porté par OpenDevise –, voici une série d’articles qui explique la raison de sa création et les détails de son fonctionnement. Première partie sur les contenus, leur origine et la façon de les rassembler/gérer.

Antora

The idea with Antora is to create a tool exclusively designed for building documentation sites written in AsciiDoc and processed with Asciidoctor (Asciidoctor.js).
Dan Allen, Announcing Antora

Dan Allen annonce le lancement d’Antora, un outil permettant de générer et gérer des sites web basés sur le langage AsciiDoc et le processeur Asciidoctor, et porté par Open Devise – la société qui maintient justement Asciidoctor. Une excellente nouvelle pour le domaine de la publication !

Vous serez tout sur les tirets

Il règne la plus grande des confusions au sujet des tirets et des traits d’union. […] Sans prétendre à l’exhaustivité ni formuler une version définitive, je propose de partager avec vous mes recherches et conclusions actuelles.
Vincent Valentin, Les tirets

Toutes les réponses essentielles et très bien expliquées à la question de l’utilisation des tirets ! C’est le retour des 24 jours de web !

Déconnexion

Et si les lecteurs avaient accès à cette inestimable attention qui rend la lecture d’un roman si passionnante pendant des heures ? Et si les créateurs pouvaient coupler cela avec la puissance des nouvelles technologies ? Nos téléphones et nos ordinateurs portables sont des outils incroyables pour de nouveaux contenus — si seulement nous pouvions maîtriser notre propre attention.
Chris Bolin, Déconnexion

Une page web lisible uniquement hors connexion (oui vous devez couper votre connexion pour lire le contenu de cette page), un beau manifeste !

Via Ilan Peer.

POSSE (again)

Your platform is the origin.
Nicolas Hoizey, Medium is only an edge server of your POSSE CDN, your own blog is the origin

Un article de plus en faveur du concept POSSE — Publish (on your) Own Site, Syndicate Elsewhere —, comme d’autres l’expliquent régulièrement (j’avais écrit Interroger nos pratiques de publication en ligne il y a presque un an), mais Nicolas Hoizey utilise ici de très bons arguments et souligne les difficultés qui se présentent.

Le document aujourd'hui

En entrant dans l’ère du numérique, le document a connu un grand nombre de mutations qui se sont traduites au cours de ces trente dernières années par une transformation de son rapport à la technique, l’apparition d’enjeux de société inédits et l’explosion de nouveaux métiers sur le marché de l’emploi.
Catherine Muller, Qu’est-ce qu’un document numérique au 21è siècle ? Exercice de repérages

Un article sur le document tel qu’il existe aujourd’hui. Un point de départ pour des réflexions (personnelles) en cours, notamment sur les propriétés attendues d’un document au vingt-et-unième siècle.

Dix ans de carnet web

Fast forward a decade, and that whimsical purchase has probably been the most influential decision I ever made. What started off as an overly-confident teenager’s foray into front-end development ultimately led to my first job, a speaking career, and a full-time consultancy firm. I struggle to believe it, sometimes.
Harry, Ten Years Old

Et si vous ouvriez aussi votre carnet web, dès aujourd’hui ?

Via Nicolas Hoizey.

Documentation as code

Quand j’ai montré [AsciiDoc] à mon père, il a désinstallé Word dans la seconde !
Hubert Sablonnière, Documentation as code (expliqué à mon père)

En décembre 2016 Hubert Sablonnière était venu présenter “Documentation as code” à Web en vert, et donc AsciiDoc et Asciidoctor comme moyen d’écrire du texte comme on écrit du code. J’aurais dû regarder cette vidéo bien plus tôt… Hubert est particulièrement clair et convaincant, je recommande de regarder cette petite conférence très bien faite à toute personne qui voudrait se passer de traitement de texte et produire des documents facilement et puissamment (attention je parle bien de documents et non de livre).

Édition à plusieurs en temps réel avec Atom

Social coding shouldn’t have to be this hard! Today, we’re taking a first step toward making it just as easy to code together as it is to code alone with Teletype for Atom. At the dawn of computing, teletypes were used to create a real-time circuit between two machines so that anything typed on one machine appeared at the other end immediately. Following in these electro-mechanical footsteps, Teletype for Atom wires the keystrokes of remote collaborators directly into your programming environment, enabling conflict-free, low-latency collaborative editing for any file you can open in Atom.
Nathan Sobo, Code together in real time with Teletype for Atom

Atom, l’éditeur de code initié et développé par GitHub, propose désormais l’édition à plusieurs en temps réel. Après avoir intégré certaines fonctionnalités de Git et surtout de GitHub dans ce logiciel, Atom va donc encore plus loin. Il s’agit d’une belle fonctionnalité, mais je ne sais pas si c’est une bonne nouvelle, notamment parce qu’Atom a désormais une place hégémonique.

README.book

On veut vous parler de livre et de développement.
Thomas Parisot et Antoine Fauchié, README.book

Avec Thomas Parisot nous avons proposé une conférence autour du livre et du développement à Codeurs en Seine, voici la vidéo de cette présentation qui aborde les questions d’écriture, de relecture, d’interfaces, d’édition, de fabrication et de production, dans le domaine du livre.

La toile que nous voulons

Pourquoi est-il urgent de réinventer le web ? Telle est la question à laquelle une quinzaine d’intellectuels tentent de répondre.
[…]
Dressant le constat de technologies numériques évoluant dans un sens globalement défavorable, La toile que nous voulons esquisse toutefois quelques pistes de changements.
Louis Wiart, Reprendre le pouvoir sur le web

Louis Wiart présente le livre La toile que nous voulons, ouvrage sous la direction de Bernard Stiegler et publié aux éditions Fyp.

Duospace

Duospace?
iA, In Search Of The Perfect Writing Font

iA propose une nouvelle fonte dans l’application iA Writer, à mi-chemin entre une fonte monospace, c’est-à-dire à chasse fixe, et une fonte proportionnelle. Le résultat est intéressant, les sources sont disponibles en ligne.

Visualiser Git

This website is designed to help you understand some basic git concepts visually.
Visualizing Git Concepts with D3

Un outil qui permet de visualiser certaines commandes Git, parfois complexes à comprendre.

Via Stéphane.

Pourquoi tous le monde n'aime pas lire des livres numériques ?

Why do many students still prefer paper books to e-books? This article summarizes a number of problems with e-books mentioned in different studies by students of higher education, but it also discusses some of the unexploited possibilities with e-books.
Caroline Myrlberg, Why doesn’t everyone love reading e-books?

Voici une question dont je peux soupçonner les réponses, le résumé et le sommaire apportent déjà de nombreuses informations intéressantes (fatigue des yeux, confort de lecture, DRMs, distraction, design des livres numériques, etc.). Article à lire, donc.

Conception des chaînes éditoriales

Les travaux présentés dans ce mémoire traitent de la conception des chaînes éditoriales numériques XML : des logiciels de production documentaire qui outillent la rédaction de fragments et l’assemblage de ces fragments pour former des documents. La publication des documents s’opère par transformation de fragments XML en documents numériques aux formats standards. La composition des fragments permet d’instrumenter la rééditorialisation documentaire soit l’usage de contenus existants dans la rédaction de documents originaux.
Thibaut Arribe, Conception des chaînes éditoriales

Thèse de Thibaut Arribe sur le sujet des chaînes éditoriales.

Via Julie.

Compte rendu du W3C Publishing Summit 2017

Jeff Jaffe, CEO of the W3C, spoke on “frictionless publishing” – the idea that the web standards (HTML or XML) that we use to build ebooks could be used throughout the whole publishing life cycle, thus avoiding the multiple transformations of most publishing processes (e.g., Word > InDesign > EPUB). This idea was not brand new to me, but he added the idea that since open web standards are also working on next things like accessibility, video, and virtual reality, if we adopt tools/processes that use those web standards we will get all those things along with them.
Teresa Elsey, W3C Publishing Summit 2017: An Ebook Dev’s View

Teresa Elsey a rédigé une synthèse du premier Publishing Summit du W3C, un très bon moyen de suivre les évolutions des travaux des groupes du W3C et des structures membres.

Design graphique et CSS

This new CSS changes everything in web layout.
Jen Simmons, How New CSS Is Changing Everything About Graphic Design on the Web

Jen Simmons est intervenue pendant le W3C Publishing Summit 2017 sur la question de la mise en page sur le web, son support de présentation est très parlant, mais l’idéal est d’aller voir son laboratoire en ligne (exemple).

Tous les articles n'ont pas besoin d'une image

If a picture is worth a thousand words, it’s hard for me to imagine there’ll be much value in the text of an article illustrated by a generic stock image.
Hanson O’Haver, Not every article needs a picture

Hanson O’Haver fustige contre l’utilisation systèmatique d’images pour illustrer des articles qui n’en auraient pas forcément besoin. Je partage son avis, même si Hanson O’Haver manque un peu d’argument.

Even the fucking Economist now has a photo on every article on its website.

Adults do not need pictures to help them read.

Firefox Quantum

It’s time. The New Firefox is finally here. It’s been a year in the making and our biggest update of code in over 10 years. In fact, almost 75% of the Firefox code was impacted all to give you a browser that is fast, intuitive and modern on all of your devices.
Mozilla, The New Firefox Is Here!

Une nouvelle version du navigateur web Firefox, majeure, sort ce mardi 14 novembre 2017. Cette cinquante-septième version, nommée Quantum, a demandé un an de travail et de nombreux bouleversements au sein de Mozilla. Deux choses importantes à noter dans ce projet (selon moi) : les méthodes initiées (notamment une équipe dédiée à la performance, “Quantum Flow”), et les choix stratégiques (abandon de projets comme Firefox OS pour se concentrer sur le navigateur). Si la campagne marketing est criticable en tant que campagne marketing, cette nouvelle version de Firefox semble enfin en mesure de concurrencer Chrome sur de nombreux terrains, et cela est une nécessité (je ne sais pas pour vous mais le navigateur web est l’un de mes outils de travail principal).

À Grenoble Bastien a fait une présentation technique de Firefox 57, le support de son intervention est disponible en ligne.

Formats

As you go down the stack, the signal-to-noise ratio improves.
Jorge Arango, What Are You Reading?

Un court billet sur les différents types de formats d’écriture sur le web et leur impact, des réseaux sociaux jusqu’aux livres en passant par les blogs et les revues.

Des thèses numériques

En quoi ces pratiques de publication, encore peu répandues dans la conduite d’un doctorat, modifient-elles les relations entre la direction et la rédaction de la thèse ? Comment peuvent-elles ouvrir de nouvelles directions de recherche tout en prenant en compte les normes en vigueur ? Quelles perspectives de diffusion et de communication permettent-elles ?
Anthony Masure, Les versions numériques des thèses de doctorat

Anthony Masure est intervenu, avec Pierre-Damien Huyghe, lors de la journée “Publier la recherche” organisée par le Centre national des arts plastiques (Cnap), son support de communication et un texte de présentation sont disponibles sur son site web.

Publication sémantique automatique

In this article, I propose a generic approach called compositional and iterative semantic enhancement (CISE) that enables the automatic enhancement of scholarly papers with additional semantic annotations in a way that is independent of the markup used for storing scholarly articles and the natural language used for writing their content.
Silvio Peroni, Automating Semantic Publishing

Comment générer automatiquement une structure sémantique fine pour des articles de recherche afin de faciliter le travail des auteurs ? Voici la proposition de Silvio Peroni pour répondre à cette question (note : je n’ai pas entièrement lu cet article).

Simplifier

Netflix vient d’annoncer leur abandon de React.js sur leurs pages d’interface et ils ont vue les performances de chargement s’améliorer de 50%.
Bertrand Keller, Netflix abandonne React.js pour ses landing pages

Pourquoi utiliser des technologies dynamiques et des recettes complexes alors que des technologies et des méthodes peuvent faire gagner en performance ?

À lire également : Netflix functions without client-side React, and it’s a good thing par Jake Archibald.

Chaîne de production web continue

Today, we’re excited to share a tool we built to help bridge the gap between designers and engineers working on design systems at scale. React-sketchapp is an open-source library that allows you to write React components that render to Sketch documents.
Jon Gold, Painting with Code

Les designers de Airbnb ont mis au point une chaîne de production web réellement continue, il est donc possible de passer des maquettes (sous Sketch qui utilise désormais un format standardisé et ouvert) au code, et inversement.

Via Baptiste.

Un autre web est possible

Do we want the web to be open, accessible, empowering and collaborative? Free, in the spirit of CERN’s decision in 1993 or the open source tools it’s built on? Or do we want it to be just another means of endless consumption, where people become eyeballs, targets and profiles? Where companies use your data to control your behaviour and which enables a surveillance society — what do we want?
For me, the choice is clear. And it’s something worth fighting for.
Parimal Satyal, Against an Increasingly User-Hostile Web

Long article sur les phénomènes de centralisation du web, et d’utilisation massive des données personnelles, avec des propositions concrètes concernant les alternatives à adopter.

Via Jeremy Keith.

Accessibility Checker for EPUB

Ace is a tool to run automated accessibility checks for EPUB Publications, in order to assist in the evaluation of conformance to the EPUB Accessibility specification.
Ace, by DAISY

Ace, pour Accessibility Checker for EPUB, est un outil qui permet d’automatiser certaines étapes de vérification de l’accessibilité de fichiers EPUB (le format du livre numérique). Le guide d’utilisation est disponible ici : https://daisy.github.io/ace/.

Rien à cacher

C’est la réponse choc à l’argument “je n’ai rien à cacher” quand on parle de la surveillance de masse qui est organisée par les géants du Net et un nombre croissant d’états de par le monde.
Tristan Nitot, Pourquoi il faut voir le documentaire ‘Nothing to hide’

Un documentaire disponible librement sur YouTube en version sous-titrée française.

Une documentation texte et code avec Slate

Slate helps you create beautiful, intelligent, responsive API documentation.
Robert Lorde, Slate

Slate permet de créer facilement de la documentation pour du code ou plus précisément pour des APIs, l’originalité de cet outil réside dans l’interface qui permet d’afficher du texte et du code sur un même écran.

Via Eric Hellman.

Le sens de AMP

So, to summarise, here are three statements that Google’s AMP team are currently peddling as being true:

1. AMP is a community project, not a Google project.
2. AMP pages don’t receive preferential treatment in search results.
3. AMP pages are hosted on your own domain.

Jeremy Keith, The meaning of AMP

Le débat autour de AMP (Accelerate Mobile Pages, un projet développé par Google) continue de susciter de vives réactions – totalement justifiée à mon sens.

Front-End-Checklist

The perfect Front-End Checklist for modern websites and meticulous developers
Front-End-Checklist

Une liste bien pratique pour gérér beaucoup de détails déterminants lors de la production d’un site web.

Via Stéphanie Walter.

Le journal de PrePostPrint

Code X- 01-PrePostPrint offre l’opportunité de partager et de découvrir les questions portées par de multiples groupes de recherche, graphistes, éditeurs, théoriciens, qui interrogent aujourd’hui les nouveaux modes de publications : génératives, contributives, open source…
Éditions HYX, Code X

Les Éditions HYX publient le journal de PrePostPrint, un recueil d’articles (dont deux de moi-même), des présentations de projet et des informations sur PrePostPrint ! Ce beau journal, produit en HTML2print, a été formidablement mis en page par Julie Blanc et Quentin Juhel !

Un entretien autour d'Hugo

Comme Gutenberg en son temps, Hugo est un générateur de sites web pour de la documentation, des livres, des journaux, des magazines, des blogs, etc. C’est manifeste quand vous voyez les dernières fonctionnalités ajoutées comme les sections imbriquées et les contenus relatifs : structurez bien votre contenu et trouvez-le facilement.
Frank Taillandier, Entretien avec Bjørn Erik Pedersen, le développeur principal d’Hugo

Frank Taillandier s’entretient avec le principal développeut d’Hugo, le générateur de site statique à la mode, et c’est très instructif !

Quelques conseils typographiques

Typography is the technique of arranging type for effective communication and a bit of delight.
Pierrick Calvez, A Five Minutes Guide to Better Typography

Quelques diapositives pour un discours synthétique sur la typographie.

Une documentation qui rassemble

Today, Mozilla is announcing a plan that grows collaboration with Microsoft, Google, and other industry leaders on MDN Web Docs. The goal is to consolidate information about web development for multiple browsers – not just Firefox.
Ali Spivak, Mozilla brings Microsoft, Google, the W3C, Samsung together to create cross-browser documentation on MDN

Voilà une grande nouvelle : une majorité d’éditeurs de navigateurs web se rassemblent autour de la documentation MDN initiée par Mozilla !

Codeurs en Seine 2017

L’invention de l’imprimerie a révolutionné la diffusion du savoir dans le monde. Mais quelle est sa véritable genèse ? Ce docu-fiction riche d’archives rares révèle la naissance tumultueuse de la presse de Gutenberg.
Codeurs en Seine 2017

Le programme de Codeurs en Seine 2017 est en ligne, avec Thomas Parisot nous y parlerons de livres, et de comment la culture web peut influencer l’édition. De quoi rappeler quelques souvenirs ! Si vous n’êtes pas loin de Rouen, inscrivez-vous c’est gratuit !

Gutenberg

L’invention de l’imprimerie a révolutionné la diffusion du savoir dans le monde. Mais quelle est sa véritable genèse ? Ce docu-fiction riche d’archives rares révèle la naissance tumultueuse de la presse de Gutenberg.
Arte, Gutenberg - L’aventure de l’imprimerie

Visible en ligne jusqu’au 13 novembre 2017, ce documentaire-fiction retrace le parcours de ce personnage si particulier, mélange de génie et d’entrepreneur, qui inventa notamment l’imprimerie à caractères mobiles.

Publier la recherche

Le jeudi 9 novembre 2017, le Centre national des arts plastiques (Cnap) propose, dans le cadre de ses actions de promotion du design graphique, une journée d’échanges professionnels sur les relations entre le design graphique et les publications liées à la recherche : revues, livres, affiches, brochures, sites Web, applications, etc.
Graphisme en France, Publier la recherche

Jeudi 9 novembre 2017 à Paris le Centre national des arts plastiques organise “une journée d’échanges professionnels sur les relations entre le design graphique et les publications liées à la recherche”, journée réservée aux professionnels. Une initiative qui prolonge des réflexions et des échanges déjà amorcés par le Cnap ou certains chercheurs comme Anthony Masure (ou d’autres).

Readium CSS

Web Publications are coming, it’s time we start designing a more solid Reading Experience for the digital age.
Jiminy Panoz, On Readium CSS and digital reading

Jiminy Panoz prend le temps d’expliquer le projet Readium CSS, la citation ci-dessus résume très bien cette entreprise aussi délicate que nécessaire.

Comment fonctionne un moteur de rendu ?

Bref, l’expression plateforme n’est pas une simple métaphore, mais une dégradation/évolution d’un concept du XVIIe siècle. En tant que telle, elle reste porteuse d’implications et prescriptions politiques implicites qu’il serait nuisible d’égarer—si on abandonnait la notion.
Lin Clark, The whole web at maximum FPS: How WebRender gets rid of jank

Un article complet et illustré qui explique le fonctionnement d’un moteur de rendu d’un navigateur web, par Lin Clark.

Via HTeuMeuLeu.

Est-ce que les gens déroulent les pages ?

Yes they do
Erez Eden, Do users scroll?

Pour savoir si les gens déroulent les pages, il suffit de scroller…

Via Laurent.

Interaction et design

Dans le cadre de la revue Interfaces numériques, nous lançons un appel à contribution sur le thème : Design d’œuvres interactives & méthodologies de conception (parution en novembre 2018). […] L’appel à contribution court jusqu’au 15 décembre 2017.
Designers Interactifs, Appel à contribution : Design d’œuvres interactives & méthodologies de conception

Un appel à contribution qui pourra, espérons-le, réunir des projets dits interactifs.

Le ThinkPad a 25 ans

Le ThinkPad avait été dessiné par le designer italien Richard Sapper (disparu en janvier 2016) avec l’aide de Kaz Yamasaki. Son format compact avait été étudié pour un usage en avion et inspiré par les bento japonais.
Florian Innocente, Un ThinkPad édition spéciale pour ses 25 ans

Difficile de ne pas saluer un quart de siècle pour l’un des ordinateurs portables professionnels les plus utilisés – ou populaires, au choix. Si le ThinkPad de Lenovo est aujourd’hui très critiqué, il reste pourtant une très bonne machine, pour peu qu’on y banisse Windows.

Via Nicolas.

Bibliographie subjective sur le design

A collection of canonical, recommended, and the personal favorite texts about and around graphic design of Jarrett Fuller.
Jarret Fuller, Graphic Design Readings

Une belle bibliographie de textes sur le design à (re)découvrir, et quelques références en matière de publication (Alessandro Ludovico et Craig Mod).

Ce que le terme plateforme recouvre

Bref, l’expression plateforme n’est pas une simple métaphore, mais une dégradation/évolution d’un concept du XVIIe siècle. En tant que telle, elle reste porteuse d’implications et prescriptions politiques implicites qu’il serait nuisible d’égarer—si on abandonnait la notion.
Antonio A. Casilli, De quoi une plateforme (numérique) est-elle le nom ?

Définir la notion de plateforme est plus que nécessaire aujourd’hui, et cette remise en perspective historique d’Antonio Casilli est plus que bienvenue !

Redimensionner

[…] how does our code work when a user resizes the browser instead of just on load?
Russell Goldenberg, How Many Users Resize Their Browser?

C’est un débat récurrent, en plus de créer une interface responsive, qui s’adapte donc aux dimensions de l’écran de l’utilisateur, il faut également prévoir le cas où le redimensionnement est effectué pendant la consultation d’un site.

Robert Darnton sur France Culture

Élise Gruau : Quelles sont les traces que nous laissons, nous qui écrivons sur des ordinateurs, sur des supports numériques, quelles seront les archives pour les historiens de demain ?
Robert Darnton : Ça m’inquiète beaucoup, je me réveille la nuit en me demandant si tel site web va disparaître demain. […] Il y a un homme tout à fait remarquable qui s’appelle Brewster Kahle qui a créé ce qu’il appelle Internet Archive.
À voix nue, Robert Darnton : un historien américain des Lumières

Un entretien avec Robert Darnton en cinq épisodes, tous passionnants (notamment sur le livre, la connaissance, le numérique).

Un livre dans un navigateur

Exploring new ways for reading online, the book emphasizes accessibility, offering a range of inputs through which to engage with the text.
Filip Visnjic, Poetic Computation: Reader – Code as a form of poetry and aesthetic

Expérimentation intéressante du design d’un livre dans un navigateur web. On pourrait croire à une démarche de skeuomorphisme, ou à un autre exemple de livre web, mais il s’agit plutôt d’une recherche en design qui ouvre quelques prespectives intéressantes : épaisseur du livre, organisation en chapitres et sous-chapitres, réglages utilisateur, etc.

Via Anthony et Jiminy.

Nouvelle interface pour GitLab

After several rounds of research and testing, we released our redesigned navigation under a feature flag. We chose this method so that we could continue implementing improvements discovered in our original research while gathering real-world feedback from our users.
Sarrah Vesselov, Unveiling GitLab’s new navigation

L’évolution de la plateforme GitLab est impressionnante, tant sur le développement technique pur (si tant est qu’il existe), que sur les fonctionnalités et l’expérience utilisateur, et que sur la façon de développer tout cela. Un bel exemple de l’application du concept d’amélioration progressive.

Le livre numérique vu par les médias

Histoire d’une révolution qui n’aura pas eu lieu.
Mathilde Serrell, Le livre numérique a-t-il encore un avenir?

Forcément lorsque les grands médias jouent les prospectivistes et qu’ils se trompent, il faut bien qu’ils expriment leur propre déception. Si le livre numérique est une révolution ce n’est pas celle des chiffres, mais plutôt la partie visible d’un plus grand bouleversement au sein de la chaîne du livre (et notamment dans les moyens et méthodes de conception et de production).

Le design et le navigateur

This collection of formal experiments and conversations explore the role of the browser as another possible tool for designers. The website and print-on-demand pocket-sized book are made from the same content, the book treated as one size within a multi-width design logic.
for / with / in

Utiliser le web et ses outils pour expérimenter le design autrement, ou comment réunir le fond et la forme. À noter que for / with / in est également un outil qui permet de composer et de produire un livre sur le modèle HTML2print.

Via PrePostPrint.

PrePostPrint à la Gaîté Lyrique

Durant un salon de l’édition alternative et libre, nos invités présenteront des productions, ouvrages et outils, réalisés avec des techniques expérimentales et libre (génératives, collaboratives, libre / open source…).
PrePostPrint, Un événement à la Gaîté Lyrique

Samedi 21 octobre 2017 de 14h à 19h à la Gaîté Lyrique à Paris, retrouvez les expérimentations les plus pointues autour des techniques d’édition et de publication alternatives ! Conférences, rencontres, affiches, tee-shirts et bonne ambiance au menu de ce deuxième événement PrePostPrint organisé par Sarah Garcin, Raphaël Bastide, Julie Blanc, Alexia Foubert, et moi-même ! Journée garantie sans traîtement de texte ni logiciel de publication assistée par ordinateur !

Nos infrastructures numériques

L’entretien de notre infrastructure numérique est une idée nouvelle pour beaucoup, et les problèmes que cela pose sont mal cernés. Dans cet ouvrage, Nadia Eghbal met au jour les défis uniques auxquels sont confrontées les infrastructures numériques et comment l’on peut œuvrer pour les relever.
Nadia Eghbal, Sur quoi reposent nos infrastructures numériques

Open Edition Press vient de publier la traduction du livre de l’américaine Nadia Eghbal, qui interroge la façon dont les logiciels open source peuvent être maintenus.

Écrivez à 24 jours de web

Alors cette année plus que jamais, on a besoin de vous pour qu’une cinquième édition de 24 jours de web prenne vie. On recherche 24 auteur(e)s, des relecteur(trice)s et une association à soutenir.
Rémi, 24 jours de web 2017

C’est reparti pour 24 jours de web (le calendrier de l’avent des gens qui font le web, en gros), il est possible de proposer des articles, d’être relecteur et de soutenir une association.

L'EFF démissionne du W3C

We believe they will regret that choice. Today, the W3C bequeaths a legally unauditable attack-surface to browsers used by billions of people. They give media companies the power to sue or intimidate away those who might re-purpose video for people with disabilities. They side against the archivists who are scrambling to preserve the public record of our era. The W3C process has been abused by companies that made their fortunes by upsetting the established order, and now, thanks to EME, they’ll be able to ensure no one ever subjects them to the same innovative pressures.
Cory Doctorow, An open letter to the W3C Director, CEO, team and membership

L’Electronic Frontier Foundation (EFF) quitte le W3C, suite au débat sur la standardisation d’un DRM pour le web (EME pour Encrypted Media Extensions). Espérons que cela déclenche des réactions.

Infusion : une chaîne de publication inclusive

To manage pattern libraries effectively, we needed a system for building and hosting them. This is why we built Infusion, and we’re happy to share it as a free and open tool with you.
Heydon, Infusion: An Inclusive Documentation Builder

The Paciello Group met à disposition un outil pour construire de la documentation inclusive, basé notamment sur Hugo (le générateur de site statique à la mode). Infusion est un bel exemple de chaîne de publication inspirée du web dans le domaine de la documentation.

Tout maîtriser ?

I love CSS, I love HTML and I love JavaScript. They are all important and all valuable in the front end space. What I don’t love, is the constant infighting and devaluing. Let’s stop that and appreciate all the things. If you want to and have capacity to learn all the things, awesome, but if you don’t that is also okay.
Mandy Michael, Is there any value in people who cannot write JavaScript?

Un débat intéressant non pas sur la technique (faut-il maîtriser JavaScript ?) mais sur la situation d’une communauté qui manque parfois d’empathie ou d’objectivité (on ne peut pas tout maîtriser).

Vous êtes hors ligne

Offline support is awesome, however your users might not be aware of these capabilites - and they shouldn’t have to be. In some cases they might not even know that they’ve gone offline. That’s why it’s important to communicate what’s going on.
Max Böck, You’re Offline

Comment gérer le mode hors ligne d’un site web, et comment avertir l’utilisateur ? Quelques conseils (avec du code dedans) clairs et concis.

Écrire un livre technique en 2017

Publisher: “Where is my ODT file?”
Me: “Wait, building it in HTML first!”
Thomas Parisot, Writing a book in 2017

Voici le support de présentation de Thomas Parisot à l’occasion de Write the Docs, un événement autour de la documentation du code. C’est une version plus aboutie de la rencontre à la Coop que j’avais organisé en février 2017 et à laquelle Thomas avait accepté de participer.

A List Apart a besoin de nous

In recent years, we’ve seen our rich universe of diverse, creative blogs and sites implode—leaving fewer and fewer channels available to new voices. As more content centralizes into a handful of all-powerful networks, there’s a dreary sameness in perspective and presentation.
This creeping monopolization is a sad echo of how media worked in the 20th century. It doesn’t reflect 21st century diversity and empowerment. It’s not the web’s promise. It’s not how it’s supposed to be.
We have no beef with networks like Twitter or Facebook, or with companies like Apple and Google that currently dominate our communal digital space. We just think diversity is about expanding and speaking up—not consolidating and homogenizing.
Jeffrey Zeldman, New A List Apart wants you!

A List Apart, la publication qui parle de Web depuis vingt ans dont les articles sont bien souvent incontournables, a besoin de ses lecteurs pour se réinventer. A List Apart milite pour un web ouvert !

Les Rencontres de Lure racontées

Au gré de la lune, sous les constellations humaines, parmi les techniques et les univers typographiques, Lurs nous a plongés dans un monde parallèle bienveillant et illuminé.
Graphéine, Lurs, constellations graphiques

L’équipe de l’agence Graphéine raconte les Rencontres de Lure 2017, un bien beau résumé.

Deux journées autour de LaTeX

[…] les liens se reconstruisent entre designers et typographes d’une part, monde universitaire d’autre part. Parce que l’esthétique et la sémiologie graphique reprennent de l’importance à l’heure du numérique (visualisation, cartographie, sites web, etc.). Et aussi parce que le regain d’intérêt pour la culture historique de la typographie est manifeste.
enssib, Journées LaTex : Typographie et édition numériques, épistémologie

Deux journées organisées par l’enssib (et plus particulièrement par Éric Guichard) autour de LaTeX, un événement autour de la “programmation éditoriale”.

Asciidoc + Hugo

I use a new branch in Git for each article, which keeps things nice and simple until I am ready to publish. Once I give my article a couple of edits to make sure everything flows well, I add AsciiDoc markup so Hugo can format the article as clean HTML. When the article is ready to publish, I merge it back into my master branch.
Andrew Thornton, How to create a blog with AsciiDoc

Intégrer Asciidoc – un langage de balisage ou markup plus puissant que Markdown – dans Hugo – le générateur de site statique ultra performant – pour gérer un blog ? Cela donne un workflow de publication intéressant !

Implémenter Webmention

Webmention is a W3C Recommendation that solves a big part of this. It describes a system for one site to notify another when it links to it. It’s similar in concept to Pingback for those who remember that, just with all the lessons learned from Pingback informing the design.
Drew McLellan, Implementing Webmentions

Drew McLellan décrit le fonctionnement du protocole Webmention, permettant de gérer les mentions entre site afin de se passer de commentaires, de façon décentralisée.

Pourquoi AMP ne convient ni aux éditeurs ni aux utilisateurs

Back in the day we used to have WAP pages – specific web pages that were presented only to mobile devices. Opting into AMP, for publishers, is kind of like going back to those days. Instead of using responsive design (making sure that one version of the site works well on all devices) publishers are forced to maintained 2 versions of each page – their regular version for larger devices and mobile phones that don’t use Google and the AMP version.
Alex Kras, I decided to disable AMP on my site

Une nouvelle critique de AMP – Accelerated Mobile Pages, un projet créé par Google –, par Alex Kras en tant qu’éditeur de contenus – utilisant AMP – et en tant qu’utilisateur – lecteur du Web.

As far as I am concerned, static content (without JavaScript) is still the king.

Gilbert Simondon et le web

Est-ce que le logiciel libre est ce « mode d’existence naturel » ? En un sens oui, car il devient théoriquement entretenu par une communauté qui se renouvelle et le fait évoluer itérativement. En pratique malheureusement on est bien loin du compte […].
David Larlet, Web et technique

David Larlet lit Gilbert Simondon et fait quelques parallèles avec le web et plus globalement le logiciel libre. Il faut lire Gilbert Simondon !

PWA : mise en pratique

Turning a basic website into a PWA is not that hard and has a lot of real benefits, so I want to take a look at the three main steps necessary to achieve just that.
Max Böck, How to turn your website into a PWA

Un article – encore un – sur les Progressive Web Applications (PWA), mais celui-ci a le mérite d’être concis et clair pour une mise en pratique rapide, partant du fait qu’une PWA n’est pas forcément une application complexe.

Internet, les opérateurs, la neutralité et de la prospective

Pour moi, la neutralité du Net, c’est justement le principe d’innovation sans autorisation. C’est la différence avec le Minitel, qui était pourtant déjà une percée en termes d’ouverture. Quand vous vouliez développez un service sur le Minitel, vous aviez besoin de l’autorisation de France Télécom, qui référençait votre service et prenait ensuite un pourcentage. Avec Internet, n’importe qui peut héberger son service, et boum : il est visible de tout le monde. Chacun peut se brancher à tout le monde, sans avoir besoin d’autorisation. C’est ce principe d’innovation sans autorisation que vise à protéger la neutralité du Net, de manière à ce que le seul arbitre des innovations ou de la pertinence des contenus soit l’utilisateur. Et non pas un intermédiaire qui a présélectionné ou donné un avantage.
Sébastien Soriano, Tout le foisonnement que permet Internet pourrait avoir disparu dans 15 ans

Sur Ubsek & Rica Guillaume Ledit interroge Sébastien Soriano, directeur de l’Arcep, sur sa vision d’Internet et du Web dans quelques années. Plusieurs points de vue sont intéressants, dont cette définition de la neutralité du Net, orientée économie.

Des commentaires avec Webmention

Reminds you of manual trackbacks and Wordpress’ automated pingbacks? Indeed. Let say it’s a standard way to do almost the same.
Nicolas Hoizey, So long Disqus, hello Webmention

Nicolas Hoizey expérimente Webmention, et supprime complètement les commentaires de son carnet web. Pourquoi ? Pour ne pas dépendre d’un service tiers comme Disqus, mais aussi et surtout pour favoriser la publication des commentateurs : plutôt que de laisser un commentaire à la fin d’un article du carnet de Nicolas, le commentaire sera un billet de blog qui sera ensuite signalé sur l’article de Nicolas.

Todo list

Dans ce monde hyper connecté où tout va de plus en plus vite, notre rapport au temps se réduit souvent au sentiment d’en manquer… Florian Opitz se penche avec philosophie et humour sur ce mal du siècle.
Florian Opitz, Speed - À la recherche du temps perdu

Un documentaire qui semble – je ne l’ai pas encore vu – pertinent pour de nombreuses raisons.

Via Nicolas Taffin.

Des outils pour construire des chaînes de publication

PubSweet is a free, open source toolkit for building state-of-the-art publishing workflows.
PubSweet, the open toolkit for building publishing workflows

Des outils pour construire des chaînes de publication, c’est ce que propose cette initiative de The Collaborative Knowledge Foundation.

Le blog d'Anthony Masure

Because of the complexity and the long delays in publishing academic papers (peer review, norms, etc.), there is a need to develop some free and fast expression spaces.
Anthony Masure, Hello Blog

Anthony Masure, après avoir lancé son site, débute un blog. Rien d’original ? Anthony est “enseignant-chercheur en design”, ce qui veut dire qu’un format particulier tel que le blog n’est pas forcément habituel dans le milieu académique : une distinction très intéressante est faite entre l’article universitaire – et son lot de contraintes – et l’article de blog ou de carnet, qui présente plus de libertés. La réflexion sur la technologie employée – base de données, language dynamique, génération de fichiers statiques – est par ailleurs passionnante.

Pourquoi GitLab est le meilleur

GitLab has so much potential but isn’t used as heavily as other Git repo hosting sites. Here, I’ll showcase why I love it in 5 minutes and why I think more people (particularly researchers, and more particularly, those interested in reproducibility) should use it more.
Vicky Steeves, Why GitLab is the best (especially for researchers + reproducibility)

Une courte présentation qui vise à convaincre que GitLab est une option très très intéressante pour faire de la recherche – notamment avec les fonctions de CI (ou Continuous Integration).

Un tutoriel Markdown interactif

Markdown is a simple way to format text that looks great on any device. It doesn’t do anything fancy like change the font size, color, or type — just the essentials, using keyboard symbols you already know.
CommonMark, Markdown Tutorial

Un tutoriel Markdown (en anglais) avec des exercices interactifs, idéal pour apprendre facilement et rapidement Markdown !

Via Val via Jamstatic-fr.

Recherche, invention, innovation

Quelle convergence entre la machine à calculer de Pascal et les métiers à tisser de Jacquard? Pourquoi l’intérêt vers la recherche fondamentale après les chocs pétroliers? Comment marchent les micro-émulsions? Didier Roux interroge les interconnexions entre découvertes, inventions et innovations.
France Culture, Découverte fondamentale, invention technologique, innovation : un voyage scientifique

Huit cours de Didier Roux au Collège de France, au croisement de la recherche, de l’invention, de la découverte et de l’innovation. Une bonne façon de comprendre des innovations récentes en lien avec des découvertes scientifiques parfois assez anciennes.

Papier Machine

An expedition in the invisible aesthetics of the electronic.
Marion Pinaffo et Raphaël Pluvinage, Papier Machine

Superbes expérimentations postnumériques à base de papier et d’encre conductrice.

Via Loup Cellard.

Les adresses sont des interfaces

So many folks spend time on their CSS and their UX/UI but still come up with URLs that are at best, comically long, and at worst, user hostile.
Scott Hanselman, URLs are UI

De l’intérêt de disposer d’URLs claires, concises, (résilientes ?), et qui ont du sens !

Les PWAs ne sont pas la solution unique

Whether you have doubts or not, get advice from people who have experience, who are knowledgeable and independent of the technologies employed.
Sarah Marchand et Boris Schapira, (Web) Apps: There is no silver bullet

Les Progressive Web Applications ne sont pas forcément la solution, les applications natives ont encore leur intérêt, tout dépend de la situation, du budget, des contraintes, de la commande initiale, etc. Cet article dénote par rapport au discours quelque peu homogène du milieu du web ouvert, et ça fait du bien.

Comprendre Git

Je dois pourtant reconnaître que Git n’est pas forcément l’outil le plus abordable qui soit. Toutes ces commandes bizarres ! Toutes ces options apparemment redondantes ! Cette documentation cryptique ! Et ce worflow de travail, qui nécessite 18 étapes pour pousser un patch sur le serveur. Tel un fier et farouche étalon des steppes sauvages, Git ne se laissera approcher qu’avec cisconspection, et demandera beaucoup de patience avant de s’avouer dompté.
Thibault Jouannic, Pour arrêter de galérer avec Git

Je découvre cet article sur Git de Thibault Jouannic suite à la recherche de Marie, beau billet très bien fichu !

Un guide pour auditer en RGAA 3

Ce guide s’adresse aux personnes qui effectuent des audits RGAA : référent accessibilité dans une administration, développeur en charge des audits de suivi ou encore auditeur externe à l’administration.
Ce guide est destiné à des utilisateurs avertis ayant déjà une connaissance du RGAA 3. Il ne s’agit pas d’un cours à propos de l’utilisation du référentiel général d’accessibilité pour les administrations ou de l’application du RGAA sur un site web.
Ce document est purement informatif, il vous permet d’appréhender les principales étapes de la mise en place d’un audit à la présentation de ses résultats.
DISIC, Guide de l’auditeur RGAA 3

Un guide pour faciliter la réalisation d’audits RGAA. Le code source est disponible sur GitHub.

Paris Web 2017

La 12e édition de Paris Web aura lieu du 5 au 7 octobre 2017. Elle explore les thèmes de l’accessibilité Web, du design numérique et des standards ouverts.
Paris Web, Conférences 2017

Très beau programme pour cette édition 2017 de Paris Web.

EPUB4

What it this WP/PWP/EPUB4 hydra?
EDRLaB, Introduction to EPUB 4

L’EDRLaB fait le point sur les plusieurs initiatives du W3C autour des standards de la publication. Entre Web Publication, Packaged Web Publication et EPUB4, une synthèse bien utile.

EPUB 4 should be the ultimate interchange format for ebooks and other kinds of publications. It will keep most features of EPUB 3 (if not all), will make use of HTML5, CSS 3, javascript, media overlays, etc.

Appel à projets publication numérique

Le Master Publication numérique de l’Enssib propose à des maisons d’édition ou à des structures ayant une activité de publication de travailler avec des étudiants autour d’un projet de publication, de document ou de livre numériques. Ouverture des réponses jusqu’au 1er septembre.
enssib, Appel à projets livre numérique du Master Publication numérique 2017-2018

Le Master dans lequel j’interviens ouvre un appel à projets pour des structures qui souhaitent travailler avec des étudiants sur un projet de publication numérique ! L’appel est ouvert jusqu’au 1er septembre 2017.

Chercher, manipuler, partager, imprimer

Ce workshop a permis de détourner les technologies du web pour façonner des documents imprimés, et de privilégier l’expérimentation à l’efficacité.
Antoine Fauchié, Workshop PrePostPrint

Strabic vient de publier ma brève sur le premier workshop de PrePostPrint, l’occasion de découvrir cette (super) initiative autour de la publication imprimée qui utilise les technologies et les outils du web !

Transmettre c'est passer au sens physique du terme

Je voudrais des idées ovales comme un ballon de rugby. C’est une métaphore qui vaut ce qu’elle vaut, sans doute pas grand chose. Mais j’aime cette idée, l’idée que transmettre c’est passer au sens physique et sportif du terme. Allez hop, attrape ! Et ne garde pas ça pour toi ! Passe à ton tour !
[…]
C’est à chaque fois un émerveillement pour moi de constater à quel point la pensée engendre la pensée. L’effet surgénérateur du langage et des idées. La transmission c’est une autre paire de manches.
L’apocalypse est notre chance de Sylvie Coquart-Morel et Sophie Maurer (1/15), France Culture

Belle image de l’enseignement et de la transmission dans ce réjouissant feuilleton de France Culture, L’apocalypse est notre chance.

De la page au flux

Nous voudrions ici rendre compte du fait que la réalisation d’un livre numérique implique une certaine conception du livre différente de celle historiquement focalisée sur la page destinée à la seule impression sur papier. […] Ainsi, nous avons pu constater qu’il y a peu de textes ou études permettant de comprendre le changement fondamental qui s’opère lors de la conception d’un livre numérique par rapport à la conception d’un livre destiné à être imprimé.
Bianca Tangaro, De la page au flux : la conception du livre numérique

Bianca Tangaro, étudiante en Master Publication numérique (entre autre), a écrit cet article. Contribution importante aux recherches sur la conception de livres numériques, et plus globalement des publications numériques, il faut le lire d’urgence !

La conception de livres numériques exige donc une conversion du regard par rapport à l’objet livre. Pendant des siècles la pensée a raisonné sur les textes et les a conçues de manière “page-centrée” : autrement dit l’espace de la page était au centre de la conception de l’imprimeur et de l’éditeur. Le concepteur s’adaptait à son espace-page. En développant un livre numérique au contraire, il n’y a plus de centre à partir duquel l’on peut penser et concevoir les textes : les textes ne sont plus “page-centrés” mais “fluides” et recomposables.

Vers l'ouverture

Et, soudain, je me mis à sourire devant l’anarchisme de Linux : options, préférences, configurations, on joue à cache cache avec les possibilités, on tente de se mettre dans l’esprit des développeurs et puis, si on est pas content, on change tout car on peut tout changer sur Linux. Et adapter sa machine à son bon vouloir et à son bon plaisir.
David Dufresne, Du Mac à Linux, épisode 4 : démolition totale (et bilan final)

David Dufresne conclue son passage d’un système d’exploitation verrouillé à un OS ouvert : les solutions sont à trouver seul ou avec l’aide des communautés, l’amélioration est continue, l’environnement aussi personnalisé que possible, les évolutions dépendent autant des développeurs que de l’utilisateur.

Typographie adaptative

Spectral, designed by our partner Production Type, is the first Google font turned parametric by Prototypo. Opening up to a new era of type design, the parametric font technology allows to work with responsive characters improving creativity and exploring new shapes. Make custom unique fonts, stronger design identities and even better user experience.
Prototypo, Spectral, the first parametric Google font by Prototypo

Voici une démonstration de la typographie adaptative, ou responsive typography : les paramètres – épaisseur, largeur, contraste, etc. – des caractères d’un texte évoluent en fonction de l’environnement et des interactions.

Facebook tue le web ouvert

I complain about Google AMP, but AMP is just a dangerous step toward a Google-owned walled garden — Facebook is designed from the ground up as an all-out attack on the open web.
John Gruber, Fuck Facebook

Facebook tue le web ouvert.

Quatrième Biennale du numérique

La 4ème édition de la Biennale du numérique de l’Ecole nationale supérieure des sciences de l’information et des bibliothèques (Enssib) sera consacrée à la place prise aujourd’hui par les plateformes numériques dans l’activité des éditeurs, des libraires et des bibliothécaires (bibliothèques publiques et universitaires confondues). Moment unique d’échanges et de débats interprofessionnels entre bibliothécaires, éditeurs, libraires, auteurs, chercheurs, l’objectif premier de cette Biennale sera de permettre aux professionnels du livre de mieux maîtriser les différents aspects que recouvre la notion de “plateforme numérique”.
enssib, Biennale du numérique

Le programme de la quatrième Biennale du numérique de l’École nationale des sciences de l’information et des bibliothèques est en ligne, elle se déroulera les 13 et 14 novembre 2017, et les inscriptions sont ouvertes.

Enseigner avec Git

Students said it was easier to understand feedback when it was in context.
mozzadrella, How to grade programming assignments on GitHub

Utiliser Git et une plateforme comme GitHub pour échanger entre étudiants et enseignants ? L’idée est séduisante, et pas uniquement pour du code. Par contre je comprends mal l’intérêt de GitHub Classroom…

Via Boris.

Changement de générateur de site statique

This is the most effective way to be productive, really: Just do it.
Sara Soueidan, Migrating from Jekyll+Github Pages to Hugo+Netlify

Sara Soueidan détaille sa migration depuis Jekyll vers Hugo, un changement de générateur de site statique expliqué en détail !

Vous avez dit productivité ?

Productivity won’t make you a better person, a better partner or a better friend. Instead it will drive you crazy by lowering your self worth in times of hardship. So be careful with your to-do list. Make sure each task on it isn’t just a distraction from dealing with your reality.
Abby Covert, Fuck Productivity

Privilégier le sens plutôt que tenter de rentabiliser le temps.

Onze règles pour utiliser Git

1. Use feature branches, no direct commits on master.
2. Test all commits, not only ones on master.
3. Run all the tests on all commits (if your tests run longer than 5 minutes have them run in parallel).
4. Perform code reviews before merges into master, not afterwards.
5. Deployments are automatic, based on branches or tags.
6. Tags are set by the user, not by CI.
7. Releases are based on tags.
8. Pushed commits are never rebased.
9. Everyone starts from master, and targets master.
10. Fix bugs in master first and release branches second.
11. Commit messages reflect intent.

Sid Sijbrandij, The 11 Rules of GitLab Flow

Un workflow Git parmi d’autres, mais celui-ci a le mérite d’être clair et cohérent.

Le développement informatique pas si cool

J’aime assez l’idée du développeur en scribe à l’envers : une élite qui déguise son pouvoir, non sous le sérieux de sa mission, mais sous sa fausse légèreté. Et voilà que tout à coup, la coolitude de la Silicon Valley prend un tout autre sens. Rendre son sérieux à cette activité est aussi un moyen de lutter contre les abus du pouvoir qu’elle s’octroie. Voilà qui est aussi politique.
Xavier de La Porte, Coder, ce n’est ni facile, ni marrant

Les chroniques de Xavier de La Porte sont toujours d’aussi bonne qualité, celle-ci est particulièrement stimulante !

The Magic Book

The Magic Book Project is an open source project funded by New York University’s Interactive Telecommunications Program. It aims to be the best free tool for creating print and digital books from a single source.
The Magic Book Project

The Magic Book Project est une solution pour produire différents formats de livre à partir d’une même source en texte brut.

Aspect d'un livre numérique

Do ebooks need to look exactly the same in every Reading System?
Jiminy Panoz, Do ebooks need to look exactly the same in every Reading System?

Oui c’est une blague qui concerne celles et ceux qui travaillent dans le livre numérique : un livre numérique, ou ebook, n’a pas besoin d’avoir exactement le même aspect sur tous les systèmes de lecture numérique.

Graphisme en France numéro 23

La vingt-troisième édition de la revue Graphisme en France est parue, publiée par le Centre national des arts plastiques (Cnap). Elle aborde pour la première fois la question des logos et des identités visuelles, objet central dans la pratique du design graphique.
CNAP, Graphisme en France n°23

Le dernier numéro de Graphisme en France vient d’être publié, les thèmes de ce numéro de 2017 sont les logos et les identités visuelles. Une version PDF est disponible en ligne, et la version imprimée est distribuée un peu partout ou disponible sur demande. Il manque une version web, ce serait vraiment un plus !

Combien ça coûte

Sauf que là où Jason se plante, c’est qu’en fait, la valeur de son travail lorsqu’il était salarié, ce n’était pas son salaire net…
Princesse RH, Parce que vous le valez bien

Un rappel très complet de combien vaut un indépendant, et donc combien il doit facturer pour vivre. Indispensable pour toute personne voulant lancer son activité.

Design graphique et numérique en revue

Passage en revue
Loup Cellard, Design graphique & pratiques numériques

Loup Cellard présente cinq initiatives, revue ou numéro de revue, qui abordent les questions de design graphique mêlées aux enjeux numériques. Forcément Back Office en fait partie, mais il y a également d’autres belles découvertes.

Programming Design Systems

No matter where you go, you are surrounded by systems. We use the word ‘system’ to describe a group of interacting parts as a common whole, and these can be simple, like a watch, or incredibly complex, like the web of computer networks we call the internet. In this book, the term ‘design system’ is used to describe a philosophy that encourages designers to define the rules of their designs as a system of instructions that can be used on more than a single product.
Rune Madsen, Programming Design Systems

Rune Madsen commence l’écriture d’un livre – un livre web – sur une nouvelle approche du design graphique, orientée système plutôt qu’objet, à suivre de près.

Objets techniques ouvert et fermé

Si le réparateur – qui peut être l’utilisateur – peut perpétuellement maintenir une œuvre, les pièces qui s’usent, alors il n’y a pas de date, il n’y a pas de vieillissement. Sur une base qui est une base de pérennité ou tout du moins de grande solidité, on peut installer des pièces qui devront être remplacées, mais en tout cas qui laissent le schème fondamental intact et qui même permettent de l’améliorer. […] Voilà ce que j’appelle l’objet ouvert.
Gilbert Simondon, Gilbert Simondon sur les objets techniques “ouverts” et “fermés” (1967)

La distinction entre “objet technique ouvert” et “objet technique fermé” dans la pensée de Gilbert Simondon, raisonne forcément avec logiciel/code ouvert et fermé en 2017. Il est intéressant de tenter d’appliquer les concepts de Gilbert Simondon dans notre monde contemporain.

Quelques trucs et astuces pour git

In this post, we gathered some Git tips and tricks we use at GitLab everyday. Hopefully they will add up to your aha! moment.
Achilleas Pipinellis, Git Tips & Tricks

Une série de trucs et astuces pour mieux maîtriser git, bien utiles.

Constellations

Une semaine de culture graphique du 20 au 26 août, à Lurs, Alpes de Haute-Provence.
Les Rencontres internationales de Lure, Constellations – Attractions, liens et tensions graphiques

Louis Éveillard a créé cette page web pour présenter la prochaine édition des Rencontres internationales de Lure, et c’est beau !

Libérer du temps

En fait j’ai libéré du temps.
Thomas Parisot, Travailler moins pour gagner moins

Thomas Parisot a raconté son expérience de temps partiel à la conférence MiXiT 2017 : comment libérer du temps pour faire autre chose que du travail, pour faire beaucoup de choses, et aussi mieux travailler.

AMP sucks

But other than loading fast, AMP sucks.
John Gruber, Scott Gilbertson: ‘Kill Google AMP Before It Kills the Web’

John Gruber réagit au billet de Scott Gilbertson, et critique très vivement AMP – Accelerated Mobile Pages –, une technologie mise en place par Google pour, en apparence, accélérer le web, mais en réalité pour développer une nouvelle place de marché.

HTTP1 et HTTP2 illustrés

I drew what HTTP is & how HTTP1.x and HTTP2 are different.
Mariko Kosaka, HTTP what?

Comprendre la différence entre HTTP1.x et HTTP2 rapidement et facilement ? Cette série de trois illustrations de Mariko Kosaka sont très réussies !

The Screenless Office

The Screenless Office is a system for working with media and networks without using a pixel-based display. It is an artistic operating system.
The Screenless Office

Un projet original et intrigant, à suivre.

Via Anthony Masure.

Intégration de GitHub dans Atom

A text editor is at the core of the developer’s toolbox, but many other useful pieces of software coexist along with it, such as Git and GitHub. Starting today, Atom adds Git and GitHub integration directly in Atom via the GitHub package.
Michelle Tilley, Git and GitHub Integration comes to Atom

L’intégration de GitHub dans l’éditeur de texte Atom est probablement une fausse bonne idée : comment privilégier d’autres éditeurs de texte si vous utilisez GitHub ? Comment se passer de la plateforme GitHub si vous utilisez Atom ? Cette nouvelle fonctionnalité, “GitHub breaks out of the browser”, au demeurant très prometteuse, risque de donner un peu plus de suprématie à GitHub. Un peu de diversité est pourtant nécessaire.

Liquidité du livre numérique

L’objectif de cette page est par conséquent de donner les clés du livre numérique redistribuable, aussi connu sous le nom d’ebook reflowable text.
Jiminy Panoz, L’ebook redistribuable

Toute personne ayant eu à convaincre de l’intérêt de la liquidité du format EPUB sera heureux de trouver ici réunis un nombre important d’arguments, d’exemples, mais aussi de contraintes et d’obstacles. Jiminy Panoz parle de redistribuabilité, il s’agit bien du caractère adaptatif du format EPUB, en fonction de la dimension de l’écran, mais aussi d’autres paramètres.

Le livre numérique, c’est du web

Deuxième édition du colloque ÉCRiDiL

Au cœur de ce colloque s’inscrit un questionnement fondamental et transversal : qu’est-ce qu’un livre ? Comment est-il appelé à se transformer en contexte numérique ?
CRILQ, Appel : Colloque ÉCRiDiL “Le livre, défi de design : l’intersection numérique de la création et de l’édition”

L’appel de propositions d’interventions pour la deuxième édition du colloque ÉCRiDiL est ouvert jusqu’au 12 juin 2017 !

La possibilité d'une autonomie

Fournir la possibilité d’une autonomie même si elle n’est pas utilisée par la majorité permet de créer le terrain d’opportunité d’affaires, de communications, de réalisations des individus. Un des gros problèmes de la centralisation des services est inscrite déjà dans l’architecture de connexion du réseau. Si un simple ordinateur à la maison peut devenir un service, nous élargissons le champs des possibles et des initiatives individuelles.
Karl, Tristan, Ministre de l’économie numérique

Tristan Nitot a posé la question :

Si je devenais ministre du numérique, quelle priorités choisir ? #libre #standards #crypto #privacy #innovation #empowerment #education
@tristan

Voici la réponse de Karl !

Open Type Checker

This is a minimum viable web app to test most latin open type features.
Jiminy Panoz, Open Type Checker

Jiminy Panoz est joueur, et il nous propose aussi de jouer, avec cette web app permettant de tester les fonctionnalités d’Open Type.

Constellations - attractions

Une constellation est un tracé primitif qui relie les étoiles pour nous guider et donner sens au monde. De même, dans l’abondance quasi infinie de l’information, le designer graphique repère les grands astres et trace discrètement les sentiers de l’intelligible. Typographes, graphistes, artistes, conçoivent-ils des mondes qui leur ressemblent, ou se fondent-ils dans des univers qui les dépassent ?
Les Rencontres internationales de Lure, Constellations – Attractions, liens et tensions graphiques

Le programme de la 65e semaine de culture graphique des Rencontres de Lure est en ligne, et les inscriptions sont ouvertes ! Ça se passe à Lurs du 20 au 26 août 2017.

Huitième édition de THSF

Logiciel et matériel libre, DIY, réappropriation et détournement des technologies, sciences, défense des droits et libertés sur Internet, sécurité informatique, arts, création, culture(s), politique et société… Autant de sujets et de pratiques autour desquels les hackers du Tetalab et les artistes de Mix’Art Myrys vous invitent à venir découvrir, apprendre, questionner, partager et construire.
THSF #8

Au-delà d’une simple programmation, le THSF vous invite, avec l’ensemble des invités et des intervenants, à partager un temps et un espace communs quels que soient les parcours, les compétences de chacun. L’objectif est de générer ensemble un espace critique et expérimental fondé sur les échanges et les recherches menés dans les champs croisés de l’art, des technologies, de la philosophie et bien d‘autres.

Des esperluettes

À ceux qui pensent que la technique a déshumanisé l’homme, Gilbert Simondon répond que c’est l’homme, justement, qui a déshumanisé la technique.
Velvetyne’s Worldwide ampersand call

Voici les résultats d’un workshop organisé par la fonderie Velvetyne et les éditions Zeug, “placé sous le signe de l’esperluette”. Plus de 400 esperluettes ont été dessinées et/ou numérisées ! À noter que cette production s’inscrit dans le projet de traduction en français de l’ouvrage Évolutions formelles de l’esperluette de Jan Tschichold.

Lire et écouter Gilbert Simondon en 2017

À ceux qui pensent que la technique a déshumanisé l’homme, Gilbert Simondon répond que c’est l’homme, justement, qui a déshumanisé la technique.
Les Chemins de la philosophie, Du mode d’existence d’un penseur technique

Étant en plein dans la lecture Du mode d’existence des objets techniques de Gilbert Simondon, je ne résiste pas à partager ce podcast. Lire Gilbert Simondon en 2017 m’apparaît essentiel pour qui veut interroger ses pratiques et son rapport au numérique.

Consommation de nos messageries

Mais si le cloud est l’ordinateur de quelqu’un d’autre, ce dernier sait exactement comment ne pas perdre les données de ses utilisateurs : backup, duplication, réplication, …
L’équation est simple : si on ne supprime plus ses emails, si on a un espace de stockage géant, si on active par dessus l’IMAP2. Alors on utilise vraiment beaucoup d’espace disque et de serveurs.
Enguerran, J’ai dépollué internet

Prise de conscience de ce que représente nos usages de la messagerie électronique, du mail. Enguerran fait des choix pour réduire sa consommation d’hébergement de données, ici dans le cas du mail.

Une revue de recherche sur GitHub

A modern medium for presenting research: The web is a powerful medium to share new ways of thinking. Over the last few years we’ve seen many imaginative examples of such work. But traditional academic publishing remains focused on the PDF, which prevents this sort of communication.
Distill

Une revue de recherche qui n’est pas au format PDF, qui intègre des graphes interactifs, au design travaillé, et dont les sources sont accessibles ? Distill propose une forme et un modèle de publication très originaux, en utilisant notamment git et GitHub.

David Rosenthal a rédigé un billet de présentation, avec quelques interrogations et critiques concernant l’archivage d’une telle forme de revue.

Via iGor.

Enjeux de la recherche

Alors que les perspectives des universités se modifiaient au niveau européen, les écoles d’art en France se sont trouvées obligées de répondre à ce que Pierre-Damien Huyghe présente comme une « injonction à faire de la recherche ». Cette injonction a un contexte : le merchandising des savoirs. Le philosophe dresse un état des conséquences en matière d’éducation et d’enseignement, et examine les possibilités demeurant dans les champs des arts, du design et de l’architecture.
B42, Contre-temps de Pierre-Damien Huyghe

Ambitieuse entreprise de Pierre-Damien Huyghe dans son nouvel ouvrage qui paraît aux éditions B42.

Les mesures techniques de protection pour le web sont une mauvaise idée

At your request we have assessed what the possible effects of the Encrypted Media Extensions (EME) as a W3C recommendation would be.
We believe it will be dangerous to the open web unless protections are put in place for those who engage in activities, such as archiving, that are threatened by the legal regime governing the standard.
Lila Bailey, DRM for the Web is a Bad Idea

Le débat autour de l’implémentation de EME (Encrypted Media Extensions), du point de vue de archive.org.

Comprendre l'Agile

L’Agile est donc régi par trois lois - la loi des petites équipes, la loi du client et la loi du réseau. Ensemble elles génèrent les bases d’une organisation Agile. Ces trois lois nous permettent de déchiffrer la myriade de pratiques agiles qui s’appliquent ou pas dans un contexte particulier. Les pratiques peuvent changer mais l’esprit Agile qui applique les trois lois demeure. Elles offrent un cadre durable pour l’implication d’une organisation qui devient Agile.
Steve Denning, Expliquer l’Agile

Frank Taillandier traduit un article de Steve Denning, qui permet de mieux comprendre l’Agile et ses multiples applications.

Plus de navigateurs que prévu

This is an important point. The browser market share can vary a lot depending on location.
Peter O’Shaughnessy, Think you know the top web browsers?

Un rappel nécessaire : il y a bien plus de navigateurs que ce que l’on pense lorsque l’on est occidental. Il n’y a pas que Chrome, Firefox, Safari, IE/Edge ou Opera, et cela change pas mal de choses si vous faites du web en dehors de l’Europe et des États-Unis.

Jekyll pour les développeurs Wordpress

Because it is difficult to perfectly transfer a thought from one mind to another it is essential that the principal medium through which such transference is accomplished may be as perfect as it is possible to make it.
Mike Neumegen, Jekyll For WordPress Developers

Un article assez classique sur les générateurs de site statique, et plus particulièrement sur Jekyll. L’approche est intéressante, puisque Mike Neumegen compare continuellement les static site generators à des CMS dynamiques comme Wordpress.

Gestion de projet avec GitHub

During our time working on Colloq we realised that we don’t need a lot of tools to run our project. Instead, we try to focus on our most important tasks. We try to understand our real needs, and we tweak the available options we have to match our needs. We lower the complexity in our product by reducing the tools we use. We believe that this is one of the reasons we currently work very efficiently on our product.
Anselm, The Tools We Use To Stay Afloat

Anselm, Tobias, et Holger utilisent GitHub pour travailler à plusieurs, Anselm détaille leurs pratiques de la plateforme – gestion des issues, communication, etc. À noter que la même chose est faisable avec GitLab.

Twitter Lite

We’re excited to introduce you to Twitter Lite, a Progressive Web App that is available at mobile.twitter.com. Twitter Lite is fast and responsive, uses less data, takes up less storage space, and supports push notifications and offline use in modern browsers. The web is becoming a platform for lightweight apps that can be accessed on-demand, installed without friction, and incrementally updated. Over the last year we’ve adopted new, open web APIs and significantly improved the performance and user experience.
Nicolas Gallagher, How we built Twitter Lite

Twitter a mis en place une Progressive Web App et Nicolas Gallagher donne quelques explications sur la conception et l’architecture. À noter que, pour le moment, il y a bien moins de publicité et l’interface est tout simplement plus réussie que la version desktop ou même l’application… Comme quoi le design n’est pas qu’une question de front, mais également d’architecture technique.

Les outils de fabrication de livres de Macmillan

Bookmaker is an open-source toolkit to make books out of Word .docx files and HTMLBook HTML files (it can accept either type of file as input). It was developed as part of a pilot project to try to make books with almost no budget, and it is currently in use today at Macmillan.
Bookmaker: Macmillan’s bookmaking tool

Macmillan partage les outils de sa chaîne de publication, intéressant de voir que l’on retrouve toujours le même paradigme : le traitement de texte est conservé, pour le moment il s’agit plus de patchs que d’un changement de pratiques.

Remember–this is a tool we built for ourselves, and we’re not a software company!

Le support de présentation de Nellie McKesson de cette chaîne de publication, lors d’ebookcraft 2017, est disponible en ligne, ainsi que la vidéo.

Via Jiminy.

Rester dans les nuages

It’s not just the cost of owning and renewing the hardware, it’s everything else that comes with it.
Sean Packham, Why we are not leaving the cloud

Il y a quelques semaines l’équipe de GitLab – le logiciel et le service de gestion de git – expliquait pourquoi rester dans le cloud était le meilleur choix, toujours dans un effort de transparence très appréciable.

Printing in Relation to Graphic Art

Because it is difficult to perfectly transfer a thought from one mind to another it is essential that the principal medium through which such transference is accomplished may be as perfect as it is possible to make it.
George French, Printing in Relation to Graphic Art

Il s’agit de la version web du livre de George French, Printing in Relation to Graphic Art, publié en 1903. Un bel exemple de livre web.

Via Jiminy.

Living Books About History

Les Living Books about History sont une nouvelle forme d’anthologies digitales. Ils présentent des essais courts sur des sujets de recherche actuels, complétés par une sélection raisonnée de contributions librement accessibles en ligne.
Le projet vise à expérimenter un nouveau format de publication scientifique, à favoriser la découverte et la réutilisation de textes et de sources, et à attirer l’attention sur les avantages de l’open access pour la recherche scientifique.
Living Books About History

Une initiative des plus réjouissante, tant en terme de forme que de fond ! Avec notamment Digital Humanities de Tara Andrews ou Histoires de l’Internet et du Web de Valérie Schafer et Alexandre Serres.

Via Joël.

Guide HTML et CSS

Derrière cet effrayant nom (HyperTextMarkupLanguage) se cache un site pour apprendre simplement les bases du HTML et du CSS. Par ailleurs, celui-ci s’adresse plus particulièrement aux graphistes et étudiants. L’objectif étant de partir sur les bonnes pratiques actuelles.
hypertextmarkuplanguage : guide html & css pour les graphistes

Louis Wimart a créé une documentation très claire pour débuter en HTML et CSS.

Peritext

Peritext est un projet de recherche en design portant sur l’édition scientifique qui tente de valoriser la relation entre un texte académique et les ressources numériques que ce dernier mobilise. Il s’agit d’une part de valoriser la mobilisation des éléments de contexte issus de ressources numériques dans le contenu d’un document académique, et d’autre part de faciliter l’intégration de ce même document, sous diverses formes, dans l’écosystème global du web, ses standards et de ses espaces.
Peritext

Peritext est un projet de recherche de Robin De Mourat, un ensemble de “briques” permettant de “valoriser la relation entre un texte académique et les ressources numériques que ce dernier mobilise”.

Via Julie Blanc.

Design et innovation dans la chaîne du livre

Quels sont les mécanismes et enjeux du geste technique d’écrire ? Qu’est-ce que « publier » dans une société numérique ? Comment le numérique transforme-t-il l’idée et l’acte d’écrire ? Dans quelle mesure les interfaces numériques refaçonnent-elles les activités d’écriture et de lecture à l’écran ?
Stéphane Vial et Marie-Julie Catoir-Brisson, Design et innovation dans la chaîne du livre

Suite au colloque ECRiDiL – Écrire, éditer et lire à l’ère numérique – qui s’est déroulé en avril 2016, voici un ouvrage qui rassemble les interventions, il est disponible depuis quelques jours. J’avais participé avec Le livre web, une autre forme du livre numérique, il y a beaucoup d’autres contenus très riches à découvrir, commandez-le à votre libraire !

Premier épisode de Killed by App

Nous ne sommes pas hyper connecté aujourd’hui, mais plutôt constamment connecté, même si le terme est moins sexy.
Pia Pandelakis et Anthony Masure, Ex0053 Fantômes de la déconnexion

Première épisode d’une série sur le numérique, Killed by App, avec pour sujet la déconnexion, à écouter !

Inclusive Components

A blog trying to be a pattern library. All about designing inclusive web interfaces, piece by piece.
Heydon Pickering, Inclusive Components

Heydon Pickering débute une initiative autour du design inclusif, et donc de l’accessibilité : un blog rassemblant des bonnes pratiques autour du desgin et de l’accessibilité du web, avec des bouts de code dedans.

Un entretien autour de print CSS

Toby Osbourn: Why do you think in general browser have been slow to support paged media?
Jeremy Keith: In a nutshell, because it’s invisible.
Jeremy Keith Interview

Toby Osbourn s’entretient avec Jeremy Keith, celui-ci donne de la profondeur aux questions techniques liées à print CSS – la mise en forme pour l’impression avec une feuille de style.

Mastodon

Mastodon est donc un logiciel. Au contraire de Twitter qui est un service. Personne ne peut installer le site Twitter sur son ordinateur et permettre à des gens de s’inscrire et d’échanger ailleurs que sur twitter.com. Par contre toutes celles qui ont les connaissances nécessaire peuvent télécharger Mastodon, l’installer quelque part et le rendre accessible à d’autres.
Åldα, Welcome to Mastodon

Une alternative libre et décentralisée de Twitter, qui semble aux premiers abords très intéressante – j’ai moi-même créé un compte sur l’instance principale. La critique d’Éric, Mon problème avec Mastodon, concernant les limites de Mastodon, est également très pertinente.

Langage non genré accessible

Afin que tout le monde comprenne le texte, il vaudrait donc mieux tout écrire, comme « lectrices et lecteurs ». Si ce n’est pas faisable, il est possible d’utiliser le point médian, sans en abuser.
Sylvie Duchateau, Langage non genré et accessibilité font-ils bon ménage ?

Très bonne synthèse des possibilités offertes pour utiliser, à l’écrit, un langage non genré, et quelles solutions sont les plus accessibles.

À propos de publication numérique

One thing that happened under my watch was the switch from focusing on XML to focusing on HTML. This might seem a little obvious or mundane, but it actually opened a lot of doors when it comes to automation. There’s this “white whale” in the publishing industry called “single source publishing”, which is a term that has come to mean maintaining the book content in a single file, and then “pushing a button” so to speak and magically transforming that file into the finished ebook file, the laid-out print file, and whatever else you need (for example, some publishers are publishing to the web as well now). […] O’Reilly is very techy, so it made sense for them, but it was hard for a lot of the non-tech companies to adopt and implement that kind of tool in a way that would make sense for their staff.
Nellie McKesson, Everything About E-Publishing

Entretien passionnant entre Stacey Sundar et Nellie McKesson pour Type Thursday, où il est question de publication, et notamment de fabriquer des livres avec les technologies du web.

Écrire sur le web

It’s a world wide web out there. There’s plenty of room for everyone. And I, for one, love reading the words of others.
Jeremy Keith, Writing on the web

Si vous avez quelque chose à dire, écrivez ! Publiez ! Le web est fait pour cela !

La question du processus

As I’ve said several times before, the publishing industry as a whole has outsourced their entire workflow and production pipeline to a single vendor—Adobe. It’d be like if the web industry as a whole had decided that websites could only be made with Dreamweaver and only served from a Windows Server.
Baldur Bjarnason, The process is the thing

La comparaison entre l’industrie du livre et le web est intéressante, elle permet de révéler une absence de changement du côté du livre, milieu encore attaché ou contraint par des outils sans savoir comment ceux-ci fonctionnent.

Cela rejoint ce que j’ai exposé dans Une chaîne de publication inspirée du web.

Concevoir des livres

Le constat était simple : si, d’après certains pleureurs, les livres de sciences humaines ne se vendent plus, c’est moins à mon sens parce que le lectorat manque qu’en raison de la pauvreté graphique de la plupart des livres. Cela n’est pas seulement valable pour les couvertures, dont les choix graphiques peuvent toujours se discuter, ou pour les caractères utilisés pour les textes, mais aussi, plus globalement, pour les objets eux-mêmes – certains livres sont de vraies briques, impossibles à ouvrir correctement. Or le savoir doit s’ouvrir au lecteur, au sens propre comme au sens figuré. D’où le choix de notre brochage.
Entretien d’Ulysse Baratin avec Alexandre Laumonier, L’art de publier des essais

Entretien avec Alexandre Laumonier, l’éditeur de Zones sensibles, absolument passionnant, sur : le design dans l’édition, comment un livre peut-il être conçu, la publication papier à l’ère numérique, la chaîne du livre, etc.

Via Anthony Masure.

Être éditeur, c’est créer un contexte (une maison, des livres, peut-être même des lignes de fuite) où tout livre doit pouvoir être le bienvenu à un certain moment […].

C’est à tous les niveaux de la chaîne du livre que se jouent l’indépendance d’esprit et la liberté de pensée : cela demande une attention quotidienne.

Muriel Cooper et Theodor Nelson, convergence

Il s’agit là de présenter aux étudiant(e)s le design graphique et la communication, en leur donnant accès à des outils et méthodes de reproduction au sein même de la recherche. Muriel Cooper y témoigne, entre autres, de ses préoccupations principales : son intérêt pour les mécanismes de production, et pour le rapprochement, autant que possible, du processus de fabrication et de celui de la production.
Adeline Racaud, De Theodor Nelson à Muriel Cooper

Un article sur Muriel Cooper et Theodor Nelson, sur la plateforme de publication Radôme des étudiants de l’ÉESAB de Rennes.

Aaron Swartz, écrits

Aaron Swartz (1986-2013) était programmeur informatique, essayiste et hacker-activiste. Convaincu que l’accès à la connaissance constitue le meilleur outil d’émancipation et de justice, il consacra sa vie à la défense de la « culture libre ».
Éditions B42, Celui qui pourrait changer le monde

Les Éditions B42 publient un recueil de textes d’Aaron Swartz, et c’est une très bonne nouvelle !

Questionner le travail

J’ai compris que beaucoup confondent emploi et travail. Parfois oui, ils se confondent. Mais parfois l’emploi empêche de travailler tout en te donnant les moyens de continuer. Absurde. Aujourd’hui je n’ai ni l’un ni l’autre mais j’ai une fenêtre : un peu de temps. Alors je le déplie dans tous les sens pour fabriquer mon travail.
Clémentine Hahn, Tu fais quoi dans la vie ?

Dans le numéro 15 de la revue Faces B, Clémentine Hahn expose une vision intéressante du travail, du temps, de l’emploi, de l’activité salariée. Bref cela concerne une bonne partie de nos vies. Des réflexions qui soulèvent de nombreuses questions.

La déconnexion sera-t-elle encore possible ?

A-t-on vraiment les moyens de se déconnecter des compagnies d’assurance, des banques et des services d’immigration ? En principe, oui, si l’on peut assumer les coûts sociaux et économiques croissants de la déconnexion et de l’anonymat. Ceux qui souhaitent se déconnecter finiront par devoir payer ce privilège : taux d’emprunt plus élevés, contrats d’assurance plus onéreux et plus de temps perdu à essayer de convaincre les douaniers de leurs bonnes intentions.
Evgeny Morozov, Le prix de la déconnexion

Evgeny Morozov parle de privacy, d’addiction, de centralisation et de futur.

Typo des villes

Plongez en 8 épisodes dans la jungle “typographique” de Paris, Londres, Berlin, Barcelone, Marseille, Amsterdam ou encore Montréal et (re)découvrez ces inscriptions qui influencent notre perception de la ville !
arte, Safari Typo !

Après Sacrés caractères en 2014, Thomas Sipp revient avec la réalisation de 8 épisodes d’une nouvelle série typographique, encore avec Bureau 205 au graphisme.

La refonte de Smashing Magazine

What’s different? Well, everything. The website won’t be running on WordPress anymore; in fact, it won’t have a back end at all. We are moving to a JAMstack: articles published directly to Netlify CDNs, with a custom shop based on an open-sourced headless E-Commerce GoCommerce and a job board that’s all just static HTML; content editing with Netlify’s new open-source, Git-Based CMS, real-time search powered by Algolia, full HTTP/2 support, and the whole website running as a progressive web app with a service worker in the background (thanks to the awesome Service Worker Toolbox library). Booo-yah!
Vitaly Friedman, A Little Surprise Is Waiting For You Here — Meet The Next Smashing Magazine

Smashing Magazine présente sa refonte, basée sur les concepts de JAMstack et d’amélioration progressive, et notamment sur un générateur de site statique, un bel exemple de développement web moderne !

PrePostPrint, un workshop autour des systèmes de publication alternatifs

PrePostPrint is a two days open workshop dedicated to the experimentation of alternative publishing systems.
PrePostPrint

Sarah Garcin, Raphaël Bastide, Étienne Ozeray et Romain Marula organisent un workshop autour des systèmes de publication alternatifs, les 6 et 7 avril 2017 à Paris, autant dire que le sujet est d’actualité ! J’y serai, et vous ?

Entretien autour de l'accessibilité d'un livre numérique

Lire n’est pas consommer, c’est déjà produire du sens.
Nicolas Taffin, Dans les coulisses de la mise en accessibilité du livre « surveillance :// »

Sylvie Duchateau d’Access42 a interviewé Tristan Nitot, Nicolas Taffin et moi-même, autour du livre surveillance:// publié chez C&F Éditions. Un échange très riche, qui a permis de réunir quatre sujets rarement évoqués ensemble : les données personnelles, l’édition, le livre numérique et l’accessibilité ! Sans être un spécialiste de l’accessibilité du livre numérique, cet entretien m’a permis d’expliquer que l’accessibilité est avant tout une question d’approche et de bonnes pratiques.

Entretien autour des Progressive Web Apps

Embracing minimalism on different aspects of your life has plenty of benefits, like peace of mind, knowing where things are, and being low-maintenance in general.
Jeremy Keith, Progressive Web App questions

Jeremy Keith a répondu à quelques questions posées par Colin van Eenige, à propos des Progressive Web Apps. Le point de vue Jeremy Keith est toujours très intéressant, et en rapport avec un web ouvert.

So there you go—I’m very excited about the capabilities of these technologies, but very worried about how they’re being “sold”. I’m particularly nervous that in the rush to emulate native apps, we end up losing the very thing that makes the web so powerful: URLs.

Zero is more

Embracing minimalism on different aspects of your life has plenty of benefits, like peace of mind, knowing where things are, and being low-maintenance in general.
Jonathan Verrecchia, Zeromalist – Zero is more

Un manifeste minimaliste, avec des points très pertinents, et du recul à prendre sur certains aspects (en tout cas c’est mon avis).

Via Frank.

Bataille pour un web ouvert

Pour construire le web, il a fallu notre participation à tous, et c’est à nous tous, désormais, de construire le web que nous voulons – pour tous.
Tim Berners-Lee, Three challenges for the web, according to its inventor

Pour les 28 ans de l’invention du web, Tim Berners-Lee publie une tribune dans laquelle il dénonce trois tendances qui visent à restreindre l’ouverture du web : perte du contrôle de nos données personnelles, question de la désinformation et de sa diffusion, et propagande politique en ligne.

Couleurs, contraste et accessibilité

Contrast is the difference in luminance or color that makes an object (or its representation in an image or display) distinguishable. In visual perception of the real world, contrast is determined by the difference in the color and brightness of the object and other objects within the same field of view.
Brent Jackson, Colorable

Un outil pour déterminer la qualité du contraste entre deux couleurs – par exemple celle d’un texte et celle du fond –, très pratique et complémentaire de Accessible color palette builder.

Design des programmes et des machines

Ce qui m’intéresse quand je fais des outils pour les designers, c’est comment on permet de donner cette marge de liberté que les designers vont utiliser avec leurs outils traditionnels.
Nolwenn Maudet, Les Nouvelles vagues, Les machines : Merveilleuses bécanes

Superbe émission de Marie Richeux – Les Nouvelles vagues – avec Nolwenn Maudet et Sophie Fétro, à l’occasion de leurs articles dans le premier numéro de la revue Back Office.

L'accessibilité du web sans le web

la plus grande difficulté en accessibilité web, n’est pas tant l’accessibilité elle-même, que le mot accolé, « web », qui est lui abyssalement méconnu. Voilà la réalité : celleux qui sont responsables des sites web, commanditaires, chefs de projets, éditeurs… ne connaissent que les documents bureautiques et plus précisément Microsoft comme horizon indépassable. Ils font tout avec ça. Tout. Y compris leurs sites web.
Romy Têtue, Accessibilité bureaucratique

Romy raconte une situation qui semble totalement surréaliste aujourd’hui, en 2017, et qui est pourtant bien réelle.

Des livres en HTML

We believe that single-source content in HTML, with styling expressed with CSS, is the best way to make our books.
Dave Cramer, Beyond XML: Making Books with HTML

Fabriquer des livres imprimés et numériques avec HTML + CSS, plutôt qu’avec InDesign ou XML ? C’est ce qui a été mis en place chez Hachette Book Group, et ce que nous raconte Dave Cramer.

In InDesign, the content and the presentation are inseparable—two different presentations of the same content means having two independent files. Even embedding XML in InDesign doesn’t change anything; you still have to maintain that content in multiple files. We needed something better.

Repenser le livre numérique

Paper is limited as a physical medium; it’s not connected to the network. Ebooks are limited by vendor silos, Digital Rights Management (DRM) lock-in, and what Amazon or Apple will let you do with them. Yet books are a central set of nodes in how I define myself, and I would like to explore my relationship with books using digital tools. But I can’t.
Boris Anthony et Hugh McGuire, A Momentary Suspension of Disbelief

Boris Anthony et Hugh McGuire, les fondateurs de Rebus Foundation, échangent autour des concepts de livre, de livre numérique et d’open textbooks : expériences de lecture, constitution du savoir, construction de soi, déception liée au livre numérique tel qu’il existe aujourd’hui, modèle du livre numérique à réinventer avec le web, etc. Un entretien passionnant qui introduit les travaux de recherche de Rebus Foundation !

The synthesis has to happen in the reader’s mind, and figuring out the tools to do that effectively and delightfully is an exciting challenge. Boris Anthony

If everyone’s interactions with their copies of a book feed back up to their source—their creator and publisher—they can begin to engage a distributed conversation and exploration.
Hugh McGuire

It’s simply not good enough to just go and build another reader app, another ebook store or stuff like that. A huge part of the work that needs to be done is adding the necessary infrastructure to the existing web to make books first-class citizens on the network, and beyond that: figuring out what equitable value flows and business models can bring all this to life.
Boris Anthony

Se passer de Word dans le domaine universitaire

L’édition scientifique fait aujourd’hui face à plusieurs transformations : réduction des budgets et des «personnels de renfort» éditoriaux, transition des supports vers le numérique, et crise de la reproductibilité des résultats. Chacune conduit à des évolutions des besoins des éditeurs, donc aussi par contrecoup des auteurs. Alors que Word est l’outil et le format standard pour les textes de sciences sociales depuis les années 1990, RMarkdown apparait mieux adapté à la situation contemporaine.
Alexandre Hobeika et Florent Bédécarrats, Une alternative à Word : écrire en RMarkdown

Comment utiliser Markdown en situation académique ? Se passer de Word dans le domaine de l’édition universitaire est-il possible ? Des réponses à ces questions avec RMarkdown – mais il existe d’autres solutions basées sur Markdown ou AsciiDoc.

Entretien autour de la fabrication d'un livre numérique

C’est surtout et avant tout une problématique culturelle : la conception d’un livre numérique, c’est beaucoup plus qu’une réplique au mieux du livre imprimé, avec, éventuellement, du multimédia et des interactions. Il faut y intégrer les problématiques d’utilisabilité, de performance, de compatibilité avec les réglages utilisateur, etc.
Nicolas Gary s’entretient avec Jiminy Panoz, “La conception d’un livre numérique, c’est bien plus qu’une réplique du livre imprimé”

Entretien avec Jiminy Panoz, qui aborde la conception des fichiers EPUBs, mais également quelques points intéressants comme les chaînes de publication des éditeurs.

Générateurs de site statique et cache HTTP

Mon principal problème avec tous les gestionnaires de soit-disant contenu statique est qu’ils le ne sont pas. Le contenu n’est pas généré à chaud en effet, au moment de la requête HTTP, mais il est tout de même généré au moment de la mise à jour. Mais le problème, le plus important est que presque tous ces gestionnaires regénèrent tout le contenu du site pour la création d’un seul article et de fait la plupart du temps détruisent les informations de cache HTTP.
Karl, Le printemps de février

Karl en avait déjà parlé il y a quelques années lors de son utilisation de Pelican, cette critique des générateurs de site statique est intéressante, et je ne sais pas si certains des générateurs ont réussi à résoudre ce problème – il est tout de même désormais possible de ne générer que les pages créées ou modifiées avec Jekyll par exemplee.

Une brève histoire de l'hypertexte

Hypertext, broadly defined, is a document which contains links to other documents. Pretty simple in theory, but it’s a concept that has echoed through the minds of innovators for over a hundred years.
Jay Hoffmann, A Brief History of Hypertext

Jay Hoffmann raconte l’histoire d’Internet, et cette partie sur l’hypertexte est passionnante. Chouette projet, sous forme de timeline, à suivre.

Design inclusif

Everyone has abilities, and limits to those abilities. Designing for people with permanent disabilities actually results in designs that benefit people universally. Constraints are a beautiful thing.
Inclusive Design at Microsoft

Une vision et une approche intéressantes sur l’accessibilité, qui rejoignent le point de vue de Heydon Pickering : concevoir des produits inclusifs plutôt que les rendre accessibles, et considérer que nous nous sommes tous potentiellement des personnes en situation de handicap. Je suis de cet avis, même si cela crée le débat actuellement.

Via Nicolas.

Exemplaire 2017

Cette manifestation permet d’illustrer des pratiques qui débordent du seul champ du design graphique et dans lesquelles se mêlent différentes disciplines. Elle laisse apparaître des questions (Quels en sont les acteurs ? Quels sont aujourd’hui les enjeux et les pratiques de l’édition contemporaine ?), esquisse des réponses, ouvre des potentialités.
Exemplaires, formes et pratiques de lʼédition

Une manifestation et un colloque qui valent le coup, en tout cas l’édition 2015 était de qualité, j’avais d’ailleurs écrit un billet sur OSP : OSP : non-outil.

Voyager sans données

Mon prochain voyage aux États-Unis pour le travail, je pense y aller sans données personnelles, puisque le simple passage de la frontière est un risque. Le risque a plus d’une ramification. Ce que nous transportons dans nos appareils mobiles et nos ordinateurs sont des tranches de vie, non pas seulement la notre, mais celles de tous nos contacts, de toutes personnes avec qui nous communiquons. Cela me pose déjà un problème pour mes données personnelles, mais c’est encore plus terrifiant pour les données des autres. Une forme de responsabilité supplémentaire surgit.
Karl, La folie des frontières

Voyager sans données, pour protéger nos intimités personnelles et celles des autres.

Kirby comme générateur de site statique

I’m using Kirby as a CMS, but only on my local machine. The output of my Kirby templates and content is converted to a static site, which I push to github. This flow is baked into my gulp file, to make things quick and simple.
Nate Steiner, Blogging flow

Une utilisation originale de Kirby – un flat CMS qui n’utilise pas de base de données, contrairement à Wordpress –, utilisé comme un générateur de site statique.

Niveaux de titres contextuels

There’s a proposal to add a new <h> element to the HTML spec. It solves a fairly common use-case.
Jake Archibald, Do we need a new heading element? We don’t know

Ajouter un élément <h> pourrait-il résoudre le problème de hiérarchie des niveaux de titres dans un document HTML, en laissant le navigateur analyser et construire l’arborescence ? Question qui n’est pas si simple, notamment pour prendre en compte l’existant…

Le premier numéro de Back Office : faire avec

Le premier numéro de Back Office interroge les notions d’outil, d’instrument et d’appareil, dans le contexte du design.
Back Office, Faire avec

Le premier numéro de la revue Back Office est sorti, il est disponible en version papier et numérique. Une très belle initiative d’Anthony, Élise et Kévin, co-éditée par B42 !

Conserver dans le numérique ce que la main et l’œil ont de spécifique, construire ses propres systèmes et architectures techniques, ouvrir les boîtes noires des programmes pour travailler ensemble, revisiter des projets oubliés par l’histoire pour explorer d’autres directions, autant de façons de faire « avec » le numérique que nous vous proposons d’explorer.

Fonctionnement d'un générateur de site statique

Je parle beaucoup des générateurs de site statique mais je parle toujours de comment utiliser des générateurs de site statique. Ils sont souvent perçus comme une boîte noire. Je crée un modèle, j’écris un peu de Markdown et hop j’obtiens une page entièrement formatée en HTML. C’est magique !
Mais qu’est-ce vraiment un générateur de site statique ? Qu’y-a-t-il dans cette boîte noire ? De quelle magie Vaudou s’agit-il ?
Brian Rinaldi, Qui y’a t-il dans un générateur de site statique ?

Frank Taillandier traduit un article de Brian Rinaldi, qui décrit très clairement et très précisément comment fonctionne un générateur de site statique, à lire si le sujet des générateurs de site statique vous intéresse – et il devrait vous intéresser !

Le design du libre

[…] je vais essayer d’exposer les obstacles qui font que design et open source font rarement bon ménage, essayer de comprendre pourquoi le grand public préfère utiliser des logiciels espions de sales capitalistes plutôt que leurs alternatives libres, et envisager des pistes de réflexion.
Julien, Le design dans le libre : pistes de réflexion

Julien aborde une question délicate, celle du design – pas uniquement le graphisme, il s’agit bien du design dans sa globalité – dans le libre. Les raison de ces échecs sont probablement celles de l’absence de place au design dès le début d’un projet, et le manque de confiance accordée au designer lorsqu’il est impliqué dans un projet. En lisant ce compte-rendu qui suit l’article, on comprend qu’il y a aussi souvent un problème de gouvernance.

Paged Media

At Paged Media, we have a vision for books in browsers, a vision that tries to learn from history, from the art and craft of print. We want them to be as beautiful as print, but flexible, accessible, adaptable. We want to be able to take a book and change the font or screen size, and have it automatically adjust to the new size, but still without widows and orphans and bad breaks. We want to be able to use ideas from the history of print, such as drop caps or footnotes or running heads, as well as links, popups, javascript, forms, and all the clever tools from the age of browsers.
Dave Cramer, Our vision for books in browsers

Grâce à Julien je découvre Paged Media : “A blog which advocates for innovative approaches to making books in browsers.”

Livre et web

I want to collect, connect, digest, and perhaps then I can create something from what I’ve found. What kind of bag can hold the things I find and make on the web?
Dave Cramer, A Bag Full of Stories

Il s’agit de la transcription d’une intervention de Dave Cramer à une conférence de Books in Browsers, qui résume très bien les questions suscitées par l’EPUB – le format actuel du livre numérique – et le web : comment réussir à utiliser le web pour raconter une, des histoires ? Comment rapprocher le web et le livre ?

Here we are, in 2016, with all this new web technology, and I can easily imagine a feature in your browser where making a book is as easy as making a bookmark. Just click a button to add a new chapter to your story.
Thus we turn the playlist into the mixtape, and the web becomes a net that catches the story.

Faciliter l'apprentissage du web

Learning to code shouldn’t be hard. We’re making it easier by putting together a comprehensive set of web development tutorials to help transform complete beginners into talented Interneting professionals. We’ve got the curriculum, all you need is the motivation to start reading it.
Oliver James, Interneting Is Hard (But it doesn’t have to be)

Oliver James a écrit une série de tutoriels, en anglais, HTML & CSS Is Hard, pour apprendre les bases du web en 14 leçons : HTML, CSS, sémantique, mise en forme, formulaire, typographie, etc. Cela semble (très) bien fait !

Via Web Development Reading List.

Livre et blog

[…] le blog est le fruit d’une évolution personnelle grâce à l’intelligence du collectif qui a pris la peine d’échanger, de proposer d’autres voies. Un journal qui n’est plus un curriculum vitae mais un chemin de pensée montrant une progression au fil des années.
[…]
Le blog se rapproche de l’open-source sur ce plan là qui consiste à exposer son code à la critique collective en vue de le rendre plus pertinent.
David Larlet, Lettre à Marion

Depuis plusieurs semaines David s’est lancé dans une forme de correspondance, en ligne. Cette lettre à Marion dessine les différences entre livre et blog, cette lettre parle de pratiques d’écriture d’aujourd’hui.

Écrire un livre en 2017

Thomas Parisot, développeur web basé à Londres, viendra présenter son expérience d’écriture d’un livre à paraître aux éditions Eyrolles. Ce projet est réalisé en résidence itinérante et collaborative.
Écrire à plusieurs avec GitHub?! – Rencontre avec Thomas Parisot

Thomas passant par Grenoble, je me suis dit que c’était l’occasion idéale pour présenter sa démarche d’écriture de son livre sur Node.js, et La Coop est le lieu parfait pour échanger. Cette rencontre aurait pu s’intituler “Écrire un livre en 2017”.

Cela se passera jeudi 23 février 2017 à La Coop, 31 rue Gustave Eiffel à Grenoble, l’entrée est libre, sur inscription.

Statique et versionné

Our website has been fully open source since we released it around two years ago. We built the site using Jekyll, a popular static website generator.
The site is hosted on Github. We used Jekyll with Github for several reason:

• It’s fast
• It’s secure
• It’s version controlled
• It’s flexible
• It’s dev friendly
• It’s limited

Hjörtur Hilmarsson, Our website is open source

Rapide, sécurisé, versionné, flexible, limité, tous les arguments en faveur de la combinaison générateur de site statique + fichiers versionnés avec Git + hébergement du code source et des fichiers sur GitHub.

(Je découvre 14islands et je suis assez fan de leur démarche, de leur vision et leurs projets.)

Comment concevoir une PWA

I think every website from now on should use some of the Progressive Web App features.
Hjörtur Hilmarsson, We built a PWA from scratch - This is what we learned

L’équipe de 14islands a conçu une application web, une Progressive Web Application, et explique très clairement comment ils ont procédé.

Pourquoi un carnet web en 2017

En ces temps fait d’incertitude avec parfois l’impression d’être devant un immense vide, où les plus grandes certitudes sont ignorées, bafouées, où la haine est attisée de toutes parts alors que pourtant tout pourrait être si clair et si lumineux, consigner aujourd’hui le futur passé demeure, à mes yeux, le meilleur moyen de ne pas se perdre en route.
Hoedic, Pourquoi bloguer en 2017

Les reprises de blogs et carnets en ligne sont de plus en plus nombreuses : indépendantes, intimes, ouvertes, curieuses.

Le modèle de l'écriture collaborative

Accepter que ce qu’on fait (le paragraphe qu’on ajoute, le mot que l‘on corrige, l’idée que l’on apporte) ne nous appartient pas, mais se fond dans un ensemble plus vaste.
Xavier de La Porte, Du Google Docs comme modèle politique

L’écriture collaborative comme programme politique ? Si Xavier de La Porte distingue l’usage de Google Docs de celui d’outils plus respectueux comme les pads – et notamment ceux mis en place par Framasoft – il aurait été intéressant d’aller regarder comment on écrit avec Git – que ce soit du code ou du texte.

Incident et transparence

Yesterday we had a serious incident with one of our databases.
GitLab, GitLab.com Database Incident

GitLab – la plateforme et le service basés sur Git, concurrent à GitHub – a eu un incident majeur il y a quelques jours, avec fermeture de gitlab.com pendant plusieurs heures, et perte de données… Ce qui est intéressant ici c’est la façon dont la crise a été gérée : communication très transparente, explications détaillées, et même une retransmission en direct de la récupération de la base de données. De l’humain dans le code, mais aussi une communication bien menée.

Web et politique

We, the people who work on the web, have seen firsthand the great things can be accomplished when we open up, share, discuss ideas, and collaborate together. We need to stand by our commitment to openness and collaboration, and must unequivocally condemn any efforts to suppress the freedom of speech and ideas. We have a tremendous opportunity to help spread the spirit of the web, as it has woven itself into every industry and aspect of society.
Brad Frost, The Web’s Responsibility In The Trump Era

Brad Frost pointe quelques énormités constatées ou en perspective suite à l’arrivée de Donald Trump à la présidence des États-Unis, et en rapport avec le web. L’appel à résistance de Brad Frost est clair, mais est-il politique ?

Évangéliser le livre numérique

À un moment, je pense qu’EPUB (ou son successeur) ne pourra pas faire sans évangélistes.
Jiminy Panoz, Maintenant, l’évangélisation auprès du web

Jiminy Panoz expose de façon synthétique et convaincante ce que beaucoup de personnes intéressées et impliquées dans le livre numérique pensent : il faut évangéliser le livre numérique auprès des acteurs du web – l’EPUB, son “successeur” et les Portable Web Publications.

Une citation bonus, parce que cela me semble aussi être une aberration :

Quant aux rapports et livres blancs, la très grosse majorité n’est disponible qu’au format PDF — ce qui est pour le moins ironique quand le rapport ou livre blanc a pour sujet le livre numérique.

The Electric Book workflow

The Electric Book workflow is a set of tools and processes for creating high-quality books. […] It lets you store books in plain text with great version control, and output website versions, ebooks and print editions easily from a single source.
Arthur Attwell, The Electric Book workflow

Dans le même esprit que ce que The Getty Publication a mis en place : une chaîne de publication basée sur des outils issus du web, afin de simplifier les processus, et d’envisager les différentes versions d’un même livre dès l’écriture.

Des articles accessibles hors ligne

I recently added an option to save blog posts for offline reading, and this post will detail how I did that so you can too.
Una Kravets, Implementing “Save For Offline” with Service Workers

Una Kravets présente la façon dont elle a implémenté des Service Workers pour une lecture hors ligne de ses articles.

Définir des combinaisons de couleurs accessibles

This is a tool to help designers build color palettes with combinations that conform with accessibility standards.
Accessible color palette builder

Voici un outil qui permet de vérifier que des combinaisons de couleurs – par exemple les couleurs d’un texte et d’un fond – respectent un contraste suffisant, et donc restent lisibles par toutes et tous. Un outil bien pratique (utilisable en local).

Bulletin de santé d’Internet

Bienvenue sur le site de la nouvelle initiative open source de Mozilla visant à documenter et à analyser l’état de santé d’Internet. En combinant des informations de plusieurs sources, elle rassemble des données relatives à cinq thèmes clés dont elle propose une brève présentation.
Mozilla, Comment mesurer l’état de santé d’Internet ?

Mozilla lance une initiative intéressante : “Bulletin de santé d’Internet, Éléments utiles et néfastes à notre principale ressource mondiale.”

Via Clochix.

Paul Otlet

Pourquoi cette intimité entre les bibliothèques, l’informatique et, au-delà, Internet ? Cette intimité a bien des causes, mais pourrait presque tenir en une personne. Un homme très connu des bibliothécaires, documentalistes, historiens du livre etc. mais dont la notoriété mériterait d’être étendue largement au-delà, tant son oeuvre est fascinante. Cet homme, c’est Paul Otlet.
Xavier de La Porte, Le belge qui a rêvé Internet

Paul Otlet n’a peut-être pas inventé Internet, mais il a imaginé/conceptualisé un système d’information qui s’en rapproche beaucoup !

En fait, ce qui est fascinant chez Otlet, c’est qu’il avait anticipé que le savoir ne serait pas plus seulement dans les livres, qu’il connaîtrait d’autres supports, d’autres modes de consultation, de classement.

Publier des livres avec des outils modernes

Je voulais expérimenter une chaîne de production statique pour plusieurs raisons. Premièrement, je voulais m’assurer que notre travail demeure accessible aussi longtemps que possible. […] Notre deuxième préoccupation était la dépendance à des logiciels propriétaires. […] Enfin, comme toute personne ayant une formation en design, je me soucie beaucoup du design et de l’expérience que nous proposons à nos utilisateurs.
Antoine Fauchié s’entretient avec Eric Gardner, Publier des livres avec un générateur de site statique

Eric Gardner a accepté de répondre à mes questions concernant la chaîne de publication qu’il a mis en place pour les éditions de The Getty. De mon point de vue c’est une petite révolution, car il s’agit de passer du couple Word + InDesign, ou d’une chaîne XML complexe, à un ensemble d’outils issus du web : Markdown, YAML, Git et un générateur de site statique. C’est une révolution métier.

Un grand merci à Frank d’avoir accepté cet entretien sur Jamstatic.fr, et pour avoir grandement contribué à la traduction.

La version anglaise a ensuite été publiée sur The New Dynamic, merci à Bud Parr : Interview with Eric Gardner, Getty Publications

EPUB Summit 2017

The main objective of this event is to “touch” what the EPUB digital publication format can bring to the professionals and to the readers of the 21st century in terms of flexibility, interoperability and accessibility. With the EPUB Summit, EDRLab aims to strengthen a true spirit of cooperation between professionals and push to the massive adoption of the EPUB 3 format by the European publishing industry.
Laurent Le Meur, EPUB Summit 2017, first press release

Le deuxième EPUB Summit aura donc lieu les 9 et 10 mars 2017 à Bruxelles. Cet événement dédié au livre numérique devrait assez naturellement s’élargir au document numérique, pour le moment les sujets abordés seront, principalement, la fusion/association de l’IDPF et du W3C, et le lancement de LCP – Light Content Protection –, une mesure technique de protection (DRM) interopérable.

Programme disponible en ligne : https://edrlab.org/programme-epub-summit-2017/

Réappropriation de notre attention

Maybe I lost my attention because I’m weak, lonely, pathetic. Maybe everyone else has total control; they can resist all the information spun by algorithms—all the delicious dopamine hits in the form of red circles. Bing! Maybe it’s just me.
But … I want my attention back.
Craig Mod, How I Got My Attention Back

Dans un long papier Craig Mod explique pourquoi et comment il a voulu se réapproprier son attention, dans un monde hyper-connecté et surchargé en information : à lire absolument.

There are a thousand beautiful ways to start the day that don’t begin with looking at your phone. And yet so few of us choose to do so.

Quitter Facebook

Je ne veux plus participer à un mouvement de centralisation de la vie numérique sur quelques mal-nommées plateformes […].
PiaP, Quitter Facebook

Pia présente très clairement les raisons de son départ de Facebook, c’est bien dit, et cela fait réfléchir à nos usages d’autres réseaux sociaux ou plateformes.

Le problème avec AMP

Google’s goals with the AMP Project are laudable, but there are major security and UX concerns that need to be addressed. In its current form, AMP is bad for the open web and should be changed or eliminated.
Kyle Schreiber, The Problem With AMP

Ce n’est pas le premier billet qui vient critiquer AMP, le langage de balisage créé par Google pour accélérer le web : mauvaise expérience utilisateur en raison des URLs et des contenus dupliqués (même contenu avec deux accès différents, dont celui avec AMP peu compréhensible), la dépendance à Google en raison du contrôle du langage et des serveurs qui hébergent les pages, et les questions de données personnelles et de sécurité.

Via Boris via François.

Le numérique en vrai

Si la précarité s’éprouve aussi à travers la fracture numérique, des initiatives solidaires existent pour la contrer.
Les Nouvelles vagues, Connexions solidaires

Belle émission qui replace le numérique dans un contexte plus global, réel, humain, par rapport à ce que nous – les acculturés du numérique – avons tendance à poser. Cela fait du bien d’écouter ces témoignages de vie, et cela donne envie de se retrousser les manches, notamment pour un web plus inclusif.

Livre numérique, les raisons d'un non-succès

EPUB est trop compliqué et les chaînes logicielles éditoriales sont du coup trop compliquées et surtout trop rares.
Daniel Glazman, Livre électronique, qu’est-ce qu’on a raté ?

Daniel Glazman livre en 11 points pourquoi le livre numérique ne décolle pas en France. Je partage ses avis, hormis le point 8, je lis sur téléphone mobile et je pense que cela va se développer.

Numéro Onze

NUMERO ONZE, magazine numérique de l’Internet
NUMERO ONZE

Un magazine numérique pour une fois original. Chaque numéro prend la forme d’une page web, une couverture façon magazine papier avec les titres qui amènent vers quelques contenus : un entretien sous forme d’échanges qui viennent se superposer à la vouverture, et des liens rubriqués (application, développement, typo, GIF, etc.). Un système simple, efficace. Dommage que l’adaptation aux écrans ne soit pas mieux réussie.

Histoire numérique

Pour ma part, j’ai voulu faire une histoire française du Web - ce qui qui n’est pas tout à fait la même chose qu’une histoire du Web français.
InaGlobal, Une histoire française du Web…

Long entretien, passionnant, avec Valérie Schafer, “historienne d’Internet, du Web et des cultures numériques”.

Quelle quantité de données stocker localement ?

For a small site/app that takes 2 or 3 Mb, I can accept to download everything, because the convenience to have all this available while offline can be great. But I think 16 Mb is really to much.
Nicolas Hoizey, How much data should my Service Worker put upfront in the offline cache?

Désormais un site web peut être utilisé hors ligne, après une mise en cache des données (fichiers HTML, CSS et JavaScript, mais aussi images et fontes), et grâce aux Service Workers – voir mon billet Quatre bonnes raisons de faire du web hors connexion à ce sujet. Nicolas Hoizey pose une question que personne n’osait poser : quelle limite fixer pour la quantité de données stockées localement ? L’exemple qu’il prend est le livre web de Jeremy Keith : Resilient Web Design. Question pertinente qui concerne aussi les domaines de l’accessibilité et de la qualité web.

Navigation oblique ?

Que ce soit sur les supports imprimés et numériques, nous sommes toujours assez liés à l’orthogonalité pour des raisons techniques, pratiques et d’habitude. Et si la navigation était oblique ?
Anthony Masure et Kevin Donnot, Web oblique

Dans le numéro 7 de la revue Back Cover des Éditions B42, Anthony Masure et Kevin Donnot présente le site du photographe Enrico Floriddia, réalisé par Raphaël Bastide : slanted.cc.

Un service web conversationnel basé sur Kirby

Ginetta created a concept for their new jobs website, which allows siroop to introduce themselves in a unique way. Through a conversational UI, a dialog between between siroop and potential candidates is established.
[…]
We used Kirby CMS as a lightweight file-based backend to manage the content of the site. Kirby is simple, especially for content editors.
Ginetta, siroop: Jobs

Étude de cas d’un site web de recherche d’emplois : une interface conversationnelle – un peu comme uxchat.me – avec le CMS Kirby comme gestionnaire de contenus.

Via Kirby.

Maison numérique

As we move our code to CodePen, our writing to Medium, our photographs to Instagram we don’t just run the risk of losing that content and the associated metadata if those services vanish. We also lose our own place to experiment and add personality to that content, in the context of our own home on the web.
Rachel Andrew, It’s more than just the words

Rachel Andrew pose la question de nos maisons numériques que nous pouvons créer et maintenir, indépendamment des plateformes de blogging ou des réseaux sociaux. Dans le même esprit que mon billet Interroger nos pratiques de publication en ligne.

Je partage l’interrogation de Clochix : “Mais être locataire de sa propre maison Web a-t-il un sens pour qui n’est pas Webeu⋅se ?”

Via Clochix via Karl.

Le futur du livre

Offrons de nouvelles possibilités narratives aux auteurs en les débarrassant du carcan du livre. Jouons des possibilités graphiques et typographiques de l’écran. Brouillons les frontières entre web et livre — n’envisageons qu’un seul corps pour nos créations, celui de l’écran.
Walrus, Livre numérique : ce que nous avons raté, pourquoi nous l’avons raté, et comment nous allons changer les choses

Les réflexions de l’éditeur Walrus, en ce qui concerne le livre et le texte, sont aussi irrégulières que pertinentes. Cet appel à considérer autrement le texte, le livre, le web et le numérique est réjouissant !

Texte vertical

Recently, more freedom in web design has meant that now every browser vendor and W3C have started to implement and recommend vertical design for text layouts and formatting for web design.
As for typesetting, it has now become normal to utilize horizontal and/or vertical layouts for Japanese text, where previously restrictions meant only horizontal were allowed.
たてよこWebアワード

Mettre en forme du texte, horizontalement et verticalement. Une belle démonstration.

Les futurs de la typographie

The future of typography is not to be found in new letters alone, but a series of tools, techniques and options combined together.
Robin Rendle, The Futures of Typography

Nouvel essai de Robin Rendle : après The New Web Typography en février 2016 avec des références à Jan Tschichold, voici un texte qui présente les possibilités, ou plutôt les outils, dont les designers vont pouvoir s’emparer pour offrir de nouvelles expériences, dans le web. Le point de départ s’appuie sur deux figures historiques de la typographie : Johannes Gensfleisch zur Laden zum Gutenberg et Aldus Pius Manutius.

When seen as separate, disparate technologies the few upgrades I’ve mentioned above don’t seem all that impressive. But when the ServiceWorker API, new font formats, and Grid Layout are brought together the web is suddenly very different to the one that we experience today.

Les perspectives du web en 2017

Building a better web. Sounds great, doesn’t it? But what do we need to do to make it so? And what do we mean by better? Isn’t it great as is? This is what we are going to try to unravel and present to you this coming year.
O’Reilly, Building a better web in 2017

De la résilience aux Progressive web apps, en passant par l’accessibilité ou la performance, les experts d’O’Reilly évoquent les sujets de 2017, dans la continuité de 2016.

Trucs et astuces pour les CSS de livres numériques

A collection of CSS snippets to do progressive enhancement and achieve better typography, layout and UX in eBooks.
Blitz eBook Tricks

Après les checklists sur la performance et le design de livre numérique, voici une liste de trucs pour construire au mieux une feuille CSS pour un EPUB. Un outil pratique, qui par ailleurs s’installe sur votre téléphone puisqu’il d’une web app.

Une définition du design inclusif

So where have we got to? Access is important, but inclusion is bigger than access. Inclusive design means making something valuable, not just accessible, to as many people as we can.
Heydo Pickering, What the Heck Is Inclusive Design?

Une définition du design inclusif, qui intègre la notion d’accessibilité tout en ne s’y limitant pas.

Via Marie.

Publier sous plusieurs formats

If you think the book should be available in any other formats, and you fancy having a crack at it, please feel free to use the source files.
Jeremy Keith, The many formats of Resilient Web Design

Jeremy Keith nous propose un très bel exemple de publication numérique sous plusieurs formats – web, EPUB, PDF, audio – pour son livre Resilient Web Design. Cela est possible pour deux raisons : une distinction entre le fond et la forme, et une ouverture des sources qui permet à n’importe qui de proposer une version.

La révolution invisible de l'impression à la demande

Le Print On Demand est mort. Bonne nouvelle, diront ceux qui s’en inquiétaient mais n’avaient même pas eu le temps d’apprendre de quoi il s’agissait.
François Bon, le Print on Demand est mort (et imprimé)

Ainsi commence l’article de François Bon. Il y est question de Print On Demand, ou impression à la demande, ce processus d’impression qui permet de fabriquer un livre en un seul exemplaire, s’affranchissant ainsi des contraintes de tirage. Ce changement de paradigme, débuté il y a déjà plusieurs années, permet aux auteurs ou aux éditeurs de publier beaucoup plus facilement, en version papier. Et tout cela est très fortement lié au numérique, principalement au niveau de la chaîne de publication.

Accessibilité et amélioration progressive

The trouble with expecting perfection in one go is that it can be tempting to take the safe route, to go with the tried and tested. But giving ourselves room to test and refine also gives us the freedom to take risks and try original approaches.
Eleanor Ratliff, Accessibility Whack-A-Mole

Comment adapter le design d’une typographie web pour la rendre plus accessible ? Et comment organiser un projet pour aller vers cette accessibilité ? Un article qui parle de design formel et de design de projet.

Passer de Mac à Linux

Et c’est évidemment de politique dont il est question ici.
David Dufresne, De Mac à Linux. Parce qu’il n’y a pas d’alternative.

David Dufresne, auteur et réalisateur de documentaires, prend le temps d’expliquer son passage de Mac à Linux : clair et concis, idéal à lire pour quelqu’un qui n’aurait pas encore sauté le pas.

De politique pure. De choix des armes. De construire notre monde de demain, maintenant.

Libération des GitLab Pages

GitLab, une des alternatives à GitHub, a fait un superbe cadeau de Noël à sa communauté : l’intégration des GitLab Pages à la version communautaire de GitLab !
Framasky, GitLab libère les GitLab Pages

GitLab, comme GitHub, permet d’héberger des pages web et d’utiliser des générateurs de sites statiques : un simple git push génère un site web complet, basé sur Jekyll ou d’autres static site generators. Contrairement à GitHub, GitLab peut être installé librement sur un serveur, pour héberger du code et gérer des projets. À partir de janvier cette fonctionnalité de génération de site web sera ajoutée à cette version installable, ce qui veut dire que n’importe qui pourra désormais avoir une instance de GitLab, héberger le code source de son site web, générer les pages HTML de ce site, et héberger le site. Une très bonne nouvelle !

What Comes Next Is The Future

What happens next is fun.
Jenn Lukas in What Comes Next Is The Future

Le documentaire de Matt Griffin, What Comes Next Is The Future, est disponible depuis plusieurs mois, en ligne. C’est un film qui parle du web, de son histoire, de l’opportunité qu’il représente, de la façon dont il est conçu et de son avenir. C’est un film qui aborde essentiellement des questions de design, il prend la forme d’entretiens avec les figures du web : de Tim Berners-Lee à Jeffrey Zeldman en passant par Brad Frost ou Jeremy Keith.

Critiquable sur le fond comme sur la forme, ce film est néanmoins incontournable pour toute personne travaillant dans le web, le numérique, dans l’édition, ou dans le domaine très vaste des sciences de l’information.

Le film est en version originale, en langue anglaise, mais il est possible d’afficher des sous-titres – anglais.

Via Jiminy.

Voici quelques citations extraites du documentaire :

The web taught me how to make websites which is a brilliant idea when you think of this thing that can teach people how to extend itself. So the fact that people were sharing and connecting right from the start has had a huge effect on my life and on my work.
Jeremy Keith

Anyone can publish from anywhere in the world.
Jeffrey Zeldman

In this industry and especially in front of development because you can view anyone’s source, I think it’s really neat because we can see how other people are building things and we can talk about how we are building things.
Jenn Lukas

So clearly the key to the web was going to be, should be a virtual system which existed on the top of all these existing systems and allowed you to see them all, so they were all part of one great big hypertext book.
Tim Berners-Lee

It [Flash] exactly inverted the web’s fundamental set up. So the web from its inception prizes ubiquity over consistency. Right, the whole idea is that I don’t care, you know, I don’t care what kind of device you have, if you have a thing that can consume HTTP and HTML, you will get data. You will get the content. Flash was exactly the opposite.
Eric Meyer

CSS Zen Garden was the first sort of universal sense across the community. The first glimmer of how the separation of content and presentation could really work.
Lyza Danger Gardner

If my content is separated from my design and my content is semantically marked up it’s going to be easier for let’s say a blind person who uses the screen reader to navigate my content.
Jeffrey Zeldman

The web is flexible by default, right? I mean it’s able if nobody designed it. If nobody showed up for work tomorrow and we were just serving plain HTML text documents to the entire internet, any screen any device that understood HTML would be able to understand them. You know, it’s the designers and the developers that kind of bring extra complexity to this medium. John Allsopp was talking about this, you know, back in 2001 where he was basically saying that this is this medium that has an ebb and flow to it. You know that this is just truly flexible completely adapted medium and we should design for that. Ethan Marcotte

In an app store, there’s this intermediary that has to evaluate each contribution, each app before it can be put up there for you to download and use. Imagine if you’re publishing a website and you had to… every time you published it or made any change submitted to some authority and then wait days potentially for that change to go through and they could reject it for any reason. We wouldn’t have the web that we have today.
Tantek Çelik

Watching people understand that the web can be a first-class application platform if only we let it. Watching people’s excitement at being able to be a real application without changing anything about how you build and how you deliver it. Just URLs, HTML and the real honest to goodness web all the way down. That has been incredibly gratifying for me.
Alex Russell

What happens next is fun.
Jenn Lukas

Concevoir des sites web pour le futur

Vous l’aurez compris : pour Noël, je voudrais que nous réalisions tous que faire un site Web aujourd’hui, c’est avant tout le réaliser pour demain, pour la personne qui s’en occupera après nous et dans l’optique que l’ensemble dure plusieurs années et soit aisément maintenu.
Boris Schapira, Un Web au Futur

À l’occasion de nowwwel, Boris Schapira parle de résilience : comment concevoir un site web qui vieillira bien, qui sera modulable et reprenable ?

La puissance du web mobile

Nous pouvons désormais accéder directement depuis le navigateur à l’appareil photo, prendre des vidéos, capturer de l’audio et utiliser WebRTC pour construire un système de messagerie dans le navigateur sans avoir besoin d’installer le moindre plugin. Il est également possible de construire des Progressive Web Apps qui, grâces à une icône de lancement, des notifications ou encore des fonctionnalités disponibles hors connexion, etc., permettront de reproduire une expérience proche de ce qu’offraient jusque-là les applications natives. Et pourquoi s’arrêter en si bon chemin ?
Stéphanie Walter, Les super pouvoirs des navigateurs mobiles

Stéphanie Walter explore les possibilités du web mobile, avec des exemples concrets et des mises en situation très réalistes !

Des podcasts sur le numérique

Petite maison de production de podcasts.
Qualiter

Des podcasts sur le numérique : Studio 404, C’est Cool C’est Quoi ?, Trajectoires et Le Log. À télécharger, à écouter sur iTunes ou Soundcloud, et à débattre sur les forums dédiés. Une belle initiative !

Via Anthony.

Une checklist pour le design des livres numériques

Design is not just what it looks like and feels like, design is how it works.
The eBook Design Checklist

Après The eBook Performance Checklist, Jiminy Panoz a mis en place une checklist pour le design des livres numériques. Il s’agit encore d’une Progressive Web App, ce qui veut dire que ce site web peut être installé comme une application, et être utilisé hors connexion.

Vie numérique et POSSE

Avoir le contrôle de sa vie numérique n’est donc pas forcément synonyme d’en garantir la pérennité.
Clochix, Pérénnité

Clochix explique assez clairement que le contrôle de nos vies numériques n’est pas simple : placer nos données sur des services tiers ne nous assure pas de les retrouver quelques années plus tard, mais auto-héberger nos données présente le risque de les perdre (arrêt de l’hébergement, perte d’un nom de domaine, etc.)… Pour compléter ce que dit Clochix, on peut aussi adopter la stratégie POSSE, Publish (on your) Own Site, Syndicate Elsewhere pour une bonne partie de notre vie numérique : déposer ses fichiers d’abord sur nos hébergements personnels, et ensuite envisager de les mettre également sur des services tiers.

Le code source de www.010101book.net sur GitHub

Datée de novembre 2015, une grande saga du livre numérique de juillet 1971 à nos jours.
Le livre 010101 (1971-2015), www.010101book.net

J’ai enfin déposé le code source du livre web Le livre 010101 (1971-2015) de Marie Lebert, www.010101book.net, sur GitHub. Le site web est généré avec Jekyll, et il y a quelques modifications pour la génération de la table des matières notamment.

Vingt ans de CSS

On December 17, 1996, W3C published the first standard for CSS. And thus from December 17, 2016 until one year later, CSS is 20 years old.
W3C, 20 Years of CSS

Le CSS a vingt ans ! Le W3C a également publié une petite histoire du CSS : https://www.w3.org/Style/CSS20/history.html

Sud Web 2017

La 7e édition de Sud Web aura lieu à Aix-en-Provence, les 19 et 20 mai 2017 […].
Sud Web, Ouverture des inscriptions pour Sud Web

Sud Web – “la conférence itinérante des travailleurs du web” – 2017 aura lieu les 19 et 20 mai 2017 à Aix-en-Provence ! Les inscriptions sont ouvertes, et il y a toujours un appel à propositions en cours, proposez un sujet !

Définir l'enseignement

Armés des bons outils méthodologiques et d’un jeu de compétences techniques de base, il me semblerait normal qu’ils deviennent tous, à terme, de meilleurs profesionnels que je ne le suis.
Boris Schapira, Enseigner et apprendre

Boris propose une définition de l’enseignement, et je me retrouve dans cette description.

Militer pour le web

Pourquoi ne pas profiter de l’ambiance festive entre les trolls sportifs et les discussions politiques (ou l’inverse) pour éduquer sur l’état du web et pointer quelques pistes pour améliorer la situation ?
David Larlet, Militantisme festif

Expliquer à son entourage l’état du web et les alternatives qui existent face aux silos, une bonne idée – militer et vulgariser – de David en cette d’année.

Prendre en compte le contexte d'utilisation

Every developer will understand and admit that we’re biased which browsers we want to support. Therefore a decision made with that bias will likely not reflect reality of people who will try to access the website/app.
Anselm Hannemann, The World uses the Internet (differently)

Comment les utilisateurs accèdent réellement à un site web ? Quel(s) navigateur(s) utilisent-ils ? Quelle est la qualité de leur connexion internet ? Est-ce que les scripts peuvent être chargés dans tous les contextes ? Etc. Autant de paramètres qu’il faut prendre en compte au moment de créer une application web, et qui nécessitent des choix.

Design web et résilience

If you make websites in any capacity, I hope that this book will resonate with you. Even if you don’t make websites, I still hope there’s an interesting story in there for you.
Jeremy Keith, Introducing Resilient Web Design

Jeremy Keith vient de publier un nouveau livre, un livre web ou web book : Resilient Web Design.

PWA en pratique

It’s a good time to go all in on the web. I can’t wait to see what the next few years bring. Personally, I feel like the web is well poised to replace the majority of apps we now get from app stores.
Henrik Joreteg, Installing web apps on phones (for real)

Henrik Joreteg aborde la question pratique de l’installation des Progressive Web Apps, et la façon dont les navigateurs et les OS réagissent, très instructif.

Via Jiminy.

Hiérarchie des titres et sections dans HTML 5.1

Now, the advised method for creating a document outline is to still make use of nested <section> elements, but in combination with the appropriate heading rank for each section.
Ire Aderinokun, Document Outlines in HTML 5.1

Ire Aderinokun présente un changement important dans HTML 5.1, la structuration avec les <section>, qui semble désormais plus logique, puisque la hiérarchie des titres est désormais respectée.

IE4, retour vers le futur

C’est rigolo comme les thèmes abordés dans les notes de version sont les mêmes en 1997 qu’en 2016, non ?
Gaël Poupard, Les nouveautés dʼIE4

Pour #nowwwel Gaël Poupard présente les nouveautés d’Internet Explorer 4, le navigateur de Microsoft sorti en 1997, oui oui ! Et finalement ce navigateur posait, à cette époque, des concepts et projets qui sont encore d’actualité (hors connexion, CSS, pagination, etc.).

L'humanité de l'archivage numérique

Malgré notre volonté de tout garder, malgré le haut niveau de technicité que nous mettons à cela, nous sommes condamnés à ne conserver que des instantanés. Nous devons admettre les vides et les absences.
Xavier de La Porte, Archiver le web, c’est être condamné aux vides

L’archivage numérique comporte forcément des vides, et c’est peut-être ce qu’il reste de poésie ou d’humain au numérique.

La Nouvelle Typographie de Jan Tschichold

L’ouvrage emblé­ma­ti­que de Tschichold, La Nouvelle Typographie (1928) est un véri­ta­ble mani­­feste pour la moder­nité, ana­lo­gue dans son domaine au livre du Corbusier Vers une archi­­tec­­ture. Pre­nant la forme d’un manuel, l’auteur y fait table rase de la typo­gra­phie ancienne qui ne trouve grâce à ses yeux que dans son contexte his­to­ri­que, main­te­nant dépassé.
Éditions Entremonde, La Nouvelle Typographie de Jan Tschichold

Les Éditions Entremonde publie une traduction française du livre emblématique de Jan Tschichold, La Nouvelle Typographie, et c’est un événement en soit.

Pour rappel, B42 avait publié un livre résumant la querelle entre Max Bill et Jan Tschichold, Max Bill / Jan Tschichold. La querelle typographique des modernes, dont la source de ces échanges était justement La Nouvelle Typographie et le changement de position de Jan Tschichold. J’avais réalisé une chronologie pour mieux appréhender ce texte : Max Bill, Jan Tschichold : une chronologie.

Via Emmanuel.

Des liens

Mais dans ma tribu, la forme qui pourrait être la plus visible est le lien… hypertexte !
Pep, Ces liens qui nous (ré)unissent

Plusieurs billets se suivent autour des carnets web, des liens entre ceux-ci, et de la blogroll – cette liste de liens qui permet de signaler les carnets et blogs amis :

• Ces liens qui nous (ré)unissent par Pep ;
• Comment sauver notre Web ? par Thierry Crouzet ;
• Blogrolls et découverte par David Larlet ;
• Blogrolls et blogs par Franck ;
• et d’autres peut-être.

À la suite de mon lighting talk Le fanzinat des gens du web j’ai publié une liste OPML de carnets web, à compléter sur GitHub : https://github.com/antoinentl/les-carnets-des-gens-du-web

Au même moment, les 24 jours du web sont cette année décentralisés.

Recommandations pour rendre un billet de blog accessible

Blog posts should be accessible to everyone too though and we haven’t spoken enough about how we should all be doing this. I’ve pulled out the things that blog owners and admins will need to consider in almost every post they publish.
They definitely don’t make up an exhaustive list, but they’re a start.
Amy McNichol, How to make blog posts accessible

Quelques recommandations pour rendre un billet de blog accessible, proposées par Amy McNichol du GDS Digital Engagement. Classiques mais claires et bien formulées :

• Alt text describes an image
• Get the image size right
• Link to meaningful words
• Use the correct HTML for headings
• Avoid italics
• Making videos accessible
• Using infographics
• etc.

Quitter les réseaux sociaux

Les réseaux sociaux sont de grands dévorateurs d’énergie, d’optimisme et de temps. Ce sont des machines impitoyables. Ces machines se nourrissent de notre force, elles l’aspirent, jouent sur nos ambitions, notre peur du vide, notre besoin de reconnaissance et d’être aimés.
Neil Jomunsi, Vous êtes sur la messagerie de Neil Jomunsi, laissez un petit mot après le bip…

Neil Jomunsi quitte les réseaux sociaux, dégoûté. Sa critique est juste, attendons de voir ce qui en adviendra !

TypoDiplo

TypoDiplo, le site des usages du Monde diplomatique, a été créé par les correcteurs et l’équipe Internet du journal. Il ambitionne d’être une référence originale aussi bien en matière orthotypographique que pour des données géopolitiques. Depuis décembre 2016, il est proposé librement aux internautes.
TypoDiplo

Belle initiative du Monde diplomatique qui met à disposition ses règles typographiques. Le site est basé sur SeenThis, service de short-blogging.

EPUB zéro (fait maison)

Avant de transférer un livre numérique sur ma liseuse, la plupart du temps je le modifie pour l’adapter à mes préférences, et aux limitations logicielles.
Emmanuel Clément, Un epub neutre

Emmanuel reprend les EPUBs avant de les lire : il les nettoie, les simplifie, pour que sa lecture soit plus confortable. Cela rappelle un peu l’initiative EPUB zéro.

#nowwwel

Alors écrivons !
HTeuMeuLeu, En décembre, écrivez et partagez vos articles avec le hashtag #nowwwel

Cette année pas de 24 jours du web, pour cause de manque de réponses à l’appel à auteurs… Mais pour combler ce rendez-vous qui était – pour moi – incontournable, un hashtag : #nowwwel ! À suivre, mais il est également possible de proposer des articles, “une version décentralisée” des 24 jours de web comme le dit si bien STPo.

Telegraph

Today we are launching Telegraph – a publishing tool that lets you create rich posts with markdown, photos, and all sorts of embedded stuff. Telegraph posts get beautiful Instant View pages on Telegram.
Telegram, Instant View, Telegraph, and Other Goodies

Telegram, l’application de communication chiffrée, lance un outil minimaliste pour publier du contenu, Telegraph. Un titre, un auteur et un contenu, le support de Markdown, et un minimalisme qui dépasse Medium.

Développement et éthique

Ainsi, je propose que chaque ligne de code soit examinée à l’aune de la première formulation de l’impératif catégorique : “Agis de telle sorte que la maxime de ta volonté puisse toujours valoir en même temps comme principe d’une législation universelle.” Et hop, c’est réglé.
Xavier de La Porte, L’histoire du développeur qui aurait dû lire Kant

Imprimer le web

Optimizing web pages for print is important because we want our sites to be as accessible as possible, no matter the medium.
Manuel Matuzovic, I totally forgot about print style sheets

Quelques conseils pour développer une version imprimable d’une page web.

Version française disponible : CSS : n’oubliez pas l’impression papier!.

Transclusion

Every file reference you insert adds a block of content to your document, be it an image, table, or plain text file. These content blocks can then be ordered, stacked and chained with ease.
iA Writer 4

iA présente la nouvelle version de son application iA Writer : à l’origine il s’agissait d’un éditeur de texte supportant le Markdown, avec un goût prononcé pour la simplicité et l’efficacité, désormais cela ressemble de plus en plus à une chaîne de publication. iA annonce un nouveau concept pour cette application : la transclusion. Cela permet d’intégrer des documents dans un document, et ceci simplement avec un chemin vers le fichier concerné (image, autre fichier Markdown, tableau au format CSV, etc.). Un workflow simple et efficace. Le concept, et son application, son très prometteurs !

We think this syntax is a natural extension to Markdown, and it would please us to see other apps use it too.

Le format EPUB supporté dans le navigateur Edge

The reading experience will get even better with the Windows 10 Creators Update! In addition to providing a great reading experience for PDF files – you can now read any unprotected e-book in the EPUB file format with Microsoft Edge.
Dona Sarkar, Announcing Windows 10 Insider Preview Build 14971 for PC

Le navigateur Edge de Microsoft Windows est donc capable de lire un fichier EPUB, sans application ou extension particulières, c’est une très bonne nouvelle !

Efficacité et performance

GitHub a une approche du travail très particulière et étant donné que je me suis démené dernièrement pour décrire cette culture à mes collègues, j’ai décidé de documenter quelques-uns des points communs que j’ai pu identifier à plusieurs reprises chez les GitHubbers les plus performants.
Ben Balter, Les sept habitudes des gens super efficaces chez GitHub

Frank Taillandier propose une nouvelle traduction d’un article écrit initialement en anglais : Ben Balter présente plusieurs des qualités communes qu’il a remarqué chez les personnes travaillant chez GitHub, et principalement sous l’angle de la performance :

1. Professionnel, mais pas formel
2. Livrez tôt, livrez souvent
3. Si vous remarquez quelque chose, dites quelque chose.
4. Curiosité et amélioration personnelle
5. Toujours prêt à aider (mais savoir quand dire “non”)
6. Contribuez à l’économie de la valorisation
7. Honnêteté, intégrité et authenticité

Une checklist pour la performance des livres numériques

Reading Systems constrain your performance budget and if you’re not careful enough, your users will suffer. We’re glad to help with this checklist!
The eBook Performance Checklist

Jiminy Panoz propose une checklist pour la performance des livres numériques au format EPUB : une application web sous forme de liste de points à cocher, accompagnés d’explications précises et synthétiques. Bien pratique pour ne pas oublier les points essentiels de la performance des EPUBs !

À noter que cette checklist est un site web qui peut être installé et utilisé hors ligne sur Android, c’est un exemple de Progressive Web Application.

Deux kits pour des projets à base de site statique

Proteus is a collection of useful starter kits to help you launch your static site or prototype faster.
Proteus

Deux kits pour démarrer facilement, et rapidement, un projet à base de générateur de site statique : avec Middleman ou Jekyll.

Via Jamstatic-fr.

typora, une application wysiwyg pour Markdown

New way to read & write Markdown.
typora

typora est un éditeur Markdown qui permet d’utiliser cette syntaxe tout en la visualisant – ce qui est d’habitude séparé en deux étapes et deux écrans est ici rassemblé. Cette application fonctionne sur Linux, Windows et Mac.

Via Anthony Masure.

Un générateur de site statique pour fabriquer des livres

At the Getty, I’m building a platform (working title: Octavo) for publishing digital art books. The goal is to generate multiple book formats (web, PDF, EPUB, print on demand) from a single set of text files.
Eric Gardner, Building Books with Middleman Extensions

Eric Gardner, designer et développeur pour Getty Publications, a choisi d’utiliser un générateur de site statique pour fabriquer des livres, un choix disruptif mais fonctionnel !

Chaîne de publication

Our digital publications team came up with an innovative solution, which presents the content as a responsive website and paperback and offers free downloads of the book as EPUB, MOBI, and PDF, as well as exports of catalogue data and image sets. Under the hood for all these is a static-site generator that unites images and style sheets with text files that contain the entire content of the book.
Ruth Evans Lane, An Editor’s View of Digital Publishing

Ruth Evans Lane, de Getty Publications, la maison d’édition de The Getty (institution, musée, etc.), expose sa chaîne de publication pour l’édition papier et numérique. Basée notamment sur Markdown, Git et Middleman, ce workflow est original pour une maison d’édition, il reprend les principes des générateurs de sites statiques et de la JAMstack. J’espère pouvoir faire une série d’articles pour expliquer plus longuement ce principe.

Via Frank Taillandier.

The editing craft is timeless, but e-books require new tools and new workflows

Trois articles sur les Progressive Web Apps

So, I decided to create a “Progressive Web Application” for this blog.
Ire Aderinokun, “Offline First” with Service Worker (Building a PWA, Part 1)

À travers trois articles complets, Ire Aderinokun donne toutes les informations nécessaires pour la fabrication d’une PWA.

Le choix de la fusion entre le W3C et l'IDPF

The member organizations of the International Digital Publishing Forum (IDPF) have overwhelmingly approved, by a margin of 72 (88%) in favor to 10 (12%) opposed, a plan proposed by the IDPF Board of Directors to combine IDPF with the World Wide Web Consortium (W3C). The plan will now proceed, with anticipated completion of the combination by January, 2017 still subject to finalization of the necessary definitive agreements.
IDPF, IDPF Members Approve Plan to Combine with W3C

La fusion annoncée entre le W3C et l’IDPF est donc désormais officiellement actée, après quelques remous dans le milieu – oppositions affirmées de grands groupes d’édition.

Récits et bases de données

Les narratifs semblent être intrinsèques à l’espèce humaine : toutes les cultures en tout moment et en tout lieu ont utilisé les récits. Et maintenant les humains sont confrontés à une ressource additionnelle : les bases de données, par le biais des ordinateurs. Certains théoriciens, comme Manovich, considèrent les narratifs et les bases de données comme des ennemis naturels, mais dans nos sociétés contemporaines je ne pense que ce soit des ennemis naturels, ce sont des combinaisons synergétiques. Je pense qu’avec la littérature électronique, beaucoup d’oeuvres de littérature aujourd’hui crée des narratifs, des récits, grâce à des bases de données. Ce ne sont plus des ennemis de ce point de vue là, ce sont des associés dans la compilation d’un travail littéraire.
Katherine Hayles, Bien penser à l’ère numérique

Pendant 28 minutes Katherine Hayles répond aux questions de Sylvain Bourmeau, dans l’émission La Suite dans les idées sur France Culture. Et cela donne une forte envie de lire l’ouvrage de Katherine Hayles, Lire et penser en milieux numériques.

Flux et archive

Hopefully my website will even outlive me, too. That’s because I don’t want my presence online to resolve into a tacky business card once I’m gone — I’m an XYZ in San Francisco — instead, I want it to be an archive of everything that I’ve ever thought was worth keeping around. All the things I’ve pointed at, linked to, discussed, argued about. Once I’m gone I want this place to be an archive of all the things I’ve ever loved, even if they were messy and fragile and a little broken.
Robin Rendle, Blogging and Atrophy

Robin Rendle réagit suite à l’article de Jeremy Keith, A decade on Twitter, et souligne l’importance de disposer de son propre espace sur le web – en dehors des silos fermés des réseaux sociaux –, et de ne pas en faire simplement une carte de visite professionnelle. Robine Rendle parle de flux et d’archive, je le rejoins largement sur cette dualité – nécessaire.

Once I’m gone I want this place to be an archive of all the things I’ve ever loved, even if they were messy and fragile and a little broken.

Typographie sur le web et performance

Web fonts are okay. They make your blog prettier. They’re also slow and kind of an annoying experience, but if you need to use them, use them. Just remember that it’s also your responsibility to make your site load super fast, and if you don’t, it’s totes fair game for people (me) to whine about it on Twitter.
Monica Dinculescu, Web fonts, boy, I don’t know

Un court article sur les web fonts et la performance.

Variable fonts

Variable fonts will save significant space in apps and operating systems, cutting down on download speeds, load times, and server costs. They’ll make the web typographically richer, and give designers new tools to create beautiful designs. Variable fonts will also help create single fonts that work as well on large screens, like desktops, as they do on modern devices with small screens, like wearables.
John Brownlee, Google, Apple, Adobe, And Microsoft Are Quietly Developing A New Type Of Font

Les variable fonts arrivent, et elles devraient permettre de résoudre beaucoup de problèmes de design – côtés dessinateurs de caractères et designers graphiques – et de performance – surtout côté web.

Le workflow de GitLab

The GitLab Workflow is a logical sequence of possible actions to be taken during the entire lifecycle of the software development process, using GitLab as the platform that hosts your code.
Marcia Ramos, GitLab Workflow: An Overview

Plongée dans le workflow de GitLab, la plateforme d’hébergement de codes : étapes des développements, gestion des issues, utilisation de git, etc.

Vingt ans d'archivage du web

Car vingt ans après les premiers pas de l’archivage, si d’énormes progrès ont été faits, de nombreuses questions se posent encore. Le Web ne cesse d’évoluer, et complique la tâche des archiveurs.
Morgane Tual, Vingt ans d’archivage du Web : les coulisses d’un projet titanesque

L’archivage du web est presque aussi vieux que le web lui-même, Morgane Tual nous propose de plonger dans les structures et institutions qui opèrent cette tâche délicate.

Vous avez dit hors ligne ?

4G Will Be Everywhere Soon — Wrong […]
Developer Experience Is More Important Than UX — Wrong […]
Technical Architects Don’t Know What They Need — Wrong […]
Offline Is For Rare Scenarios — Wrong […]
Local Data Is Only For Offline — Wrong […]
Offline Can’t Be Done With Current Standards — Wrong […]
Tiago Simões, I Was Wrong About Offline

Un article assez court sur ce qu’est réellement le hors ligne, avec quelques éléments que j’avais soulignés par ici.

Via Jiminy Panoz.

L'objet livre en documentaire

À l’heure du tout numérique, certains sont encore attachés aux ouvrages en bel et bon papier !
arte, La sensualité des livres

Au-delà de l’accroche maladroite, ce documentaire présente brièvement des approches intéressantes : Steidl, Irma Boom, et même Jan Tschichold.

Structure d'un site web

View a website’s skeleton by resetting all styling to browser default.
structure.exposed

Une façon simple de voir ou visualiser un site web avec la feuille de style par défaut de votre navigateur préféré, et donc de voir comment les contenus sont structurés !

Des ressources sur Markdown

A curated list of Markdown software, libraries and resources.
Awesome Markdown

Voici une page de ressources sur Markdown, le langage de balisage simple et efficace : applications, extensions, bibliothèques, tutoriels, etc.

Via Frank.

Comment le web est devenu illisible

My plea to designers and software engineers: Ignore the fads and go back to the typographic principles of print — keep your type black, and vary weight and font instead of grayness. You’ll be making things better for people who read on smaller, dimmer screens, even if their eyes aren’t aging like mine. It may not be trendy, but it’s time to consider who is being left out by the web’s aesthetic.
Kevin Marks, How the Web Became Unreadable

Kevin Marks fait un constat sombre (sic) : le web est devenu illisible du fait de choix esthétiques qui ne permettent pas une bonne lisibilité des contenus, selon la situation des utilisateurs, le matériel et le contexte.

Tout le monde a JavaScript

Progressive enhancement. Because sometimes your JavaScript just won’t work.
Be prepared.
Everyone has JavaScript, right?

Le débat est régulier, est-ce qu’il faut partir du fait que tout le monde a JavaScript ? Mauvaise question ! Beaucoup d’éléments sont à prendre en compte, et donc il vaut mieux privilégier une amélioration progressive, ou une utilisation dégressive.

À lire également, That “JavaScript not available” case par Christian Heilmann.

Détecter les identifications sur des services web

Without your consent most major web platforms leak whether you are logged in. This allows any website to detect on which platforms you’re signed up. Since there are lots of platforms with specific demographics an attacker could reason about your personality, too.
Your Social Media Fingerprint

Certaines plateformes web utilisent une méthode simple pour vérifier si l’on est connecté à un service – Gmail, Paypal, Twitter, etc. À découvrir !

Dégooglisons

6 nouveaux services et une annonce majeure pour attaquer la 3e – et dernière – année de notre (modeste) plan de libération du monde… De moins en moins modeste : déjà trente services à ce jour !
Framasoft, Dégooglisons saison 3 : 30 services alternatifs aux produits de Google & co

Framasoft continue de mettre en place des alternatives aux services de Google et autres plateformes en ligne, et c’est impressionnant.

Des alternatives textuelles pour les images sur Twitter

6 nouveaux services et une annonce majeure pour attaquer la 3e – et dernière – année de notre (modeste) plan de libération du monde… De moins en moins modeste : déjà trente services à ce jour !
Twitter, Rendre les images accessibles aux utilisateurs malvoyants de Twitter

Twitter propose désormais aux utilisateurs – après une activation dans les paramètres – de décrire les images partagées : 420 caractères pour compléter l’attribut alt de la balise img, ou pour contourner la limitation des 140 caractères.

Livre numérique et standards

Standards work is political—people with different interests, perspectives, and goals trying to agree on what should be done.
Dave Cramer, Thirteen Ways of Looking at Ebook Standards

La fusion de l’IDPF et du W3C révèle des tensions jusque-là étouffée, Dave Cramer rappelle les enjeux et contraintes pour travailler autour des standards.

Le livre numérique n'est pas en péril

La réalité est autre, mais il faut avoir le goût de l’observation pour la reconnaître.
Joël Faucilhon, N’espérez pas vous débarrasser du livre numérique

Plusieurs articles récents font le constat que, pour le livre numérique, la fête est finie. Entre une interprétation discutable de chiffres et d’études, il y a surtout un problème de positionnement :

• si le livre numérique ne représente pas un intérêt économique important pour les éditeurs avec le modèle business to client, ce n’est pas forcément le cas avec le B2B ;
• le domaine public est souvent absent de ces conclusions sur le livre numérique ;
• l’autoédition est globalement laissée de côté par les éditeurs ;
• et l’on parle, la plupart du temps, d’achat/acquisition de livres numériques au format EPUB.

L’article de Joël Faucilhon permet de se (re)mettre en tête une réalité que certains éditeurs ou médias oublient un peu vite.

Web Publication Manifest

EPUB exists because the web doesn’t allow us to easily speak about collections of documents.
Hadrien Gardeur, Web Publication Manifest

Depuis quelques jours Hadrien Gardeur expérimente différentes applications pour permettre la lecture d’EPUBs (le format du livre numérique), directement dans le navigateur. À tester, à observer de près, pour contribuer à ces projets qui poussent le livre numérique dans le web.

Voici un exemple de Web App : https://hadriengardeur.github.io/webpub-manifest/examples/viewer/

L'alternative textuelle en détails

The most accessible format for any content on the web is plain text.
Ire Aderinokun, Alternative Text and Images

Pour rendre une image accessible, il y a l’attribut alt de la balise img, cet article regroupe tout ce qu’il faut savoir sur l’alternative textuelle !

Noto

A typeface five years in the making, Google Noto spans more than 100 writing systems, 800 languages, and hundreds of thousands of characters. A collaborative effort between Google and Monotype, the Noto typeface is a truly universal method of communication for billions of people around the world accessing digital content.
Emma Tucker, More than 800 languages in a single typeface: creating Noto for Google

Google – et Monotype – travaillent depuis plusieurs années sur ce projet : concevoir et produire la fonte la plus complète qui soit. Beau projet.

Surveillance

C’est ce que je voudrais explorer dans ce petit livre : comment saisir le potentiel positif de l’informatique connectée sans devenir victime de la surveillance de masse. Au-delà des dénonciations, il me semble important de comprendre les ressorts de l’usage de nos traces, mais également de montrer les outils et les méthodes qui permettent de conserver une part de libre arbitre dans nos usages numériques.
Tristan Nitot, Surveillance://

C&F éditions publient le livre de Tristan Nitot, Surveillance://, commencé sur le blog de Tristan il y a plus d’un an, remis en forme et retravaillé pour cette édition. Un livre important pour comprendre ce que nos usages du numérique impliquent aujourd’hui. (Et j’ai participé à la production de la version EPUB de ce livre.)

Pour en savoir plus sur le livre et l’auteur :

• le site de l’éditeur sur lequel on peut commander les versions papier et numérique, ou les deux ;
• Framasoft a fait un entretien avec Tristan Nitot, à lire.

Référentiel de sécurité pour les applications web

The goal of this document is to help operational teams with creating secure web applications.
Mozilla, Security/Guidelines/Web Security

Un outil pratique pour avoir une vision d’ensemble des questions de sécurité de sites ou applications web. À appliquer ou à connaître – et faire connaître – selon là où l’on intervient.

Enlarge your body text size

This is not about having the biggest body text, because biggest isn’t best. It’s about optimizing for the best reading experience you can possibly give your users, and smaller body text doesn’t fulfill that potential.
Christian Miller, Your Body Text Is Too Small

Un article qui traîte trois points de la question – essentielle – de la taille du texte sur le web : constats et histoire, pourquoi les textes devraient être plus, quelques conseils – typographiques – pratiques.

Concevoir pour l'accessibilité : à faire et ne pas faire

The dos and don’ts of designing for accessibility are general guidelines, best design practices for making our services accessible.
Karwai Pun, Dos and don’ts on designing for accessibility

Six posters pour concevoir en prenant en compte l’accessibilité : ce qu’il faut faire et ce qu’il faut éviter dans des cas pratiques et concrets pour les personnes en situation de handicaps – dont l’autisme ! Clairs, concis, des outils très utiles !

Une version française de ces posters est également disponible : https://github.com/UKHomeOffice/posters/tree/master/accessibility/posters_fr.

Via la veille d’Opquast (Temesis).

Medium, un outil pour les médias ?

Au-delà d’être une plateforme où distribuer leurs contenus, Medium semble donc surtout pour l’instant être un laboratoire d’engagement et d’échange pour les médias.
Guillaume Galpin, Medium : quelles perspectives pour les médias ?

Analyse de Medium avec le regard d’InaGlobal, et pour résumer Medium ne semble pas dépasser l’intention, pour l’instant.

Simplifier le développement web

Avec Bertrand, nous voulions surtout partager nos retours d’expérience et le plaisir retrouvé que nous avions à apprendre et à concevoir itérativement des sites de qualité où le contenu est roi. Donner envie aux développeurs front de reprendre la main sur leur code tout en proposant une expérience optimale aux utilisateurs.
Frank Taillandier, Ne passons pas à côté des choses simples

Passer d’un backend lourd à un worklow basé sur des fichiers statiques standards : un sujet passionnant que la modification des processus de travail des développeurs web, abordé avec succès par Frank Taillandier et Bertrand Keller lors de Paris Web 2016.

Le support de leur présentation est également disponible en ligne.

Web et livre numérique

We didn’t learn anything from the web.
Jiminy Panoz, Why the web should take a look at eBooks

À l’occasion de Paris Web 2016, Jiminy Panoz a proposé une mini-conférence de 15 minutes intitulée “Pourquoi le web devrait s’intéresser au livre numérique”, en explorant des points de convergence entre web et livre numérique. Jiminy a également mis en ligne sa présentation : https://jaypanoz.github.io/pw2016/.

Données sous surveillance

Qui exploite nos données ? Comment sont-elles exploitées ? Quelle est notre responsabilité là dedans ? Et quelles sont les mesures à prendre pour protéger la vie privée de “nos” internautes.
Thibault Jouannic, Anatomie d’une désintoxication au Web sous surveillance : la conf Paris-Web

Le transcript complet de la conférence – lumineuse – de Thibault Jouannic lors de Paris Web 2016.

Une base de données statique

I cannot say how much I learned from this event [Paris Web]. I used to say that I could learn more in two days at ParisWeb than in 6 months of technical watch on my own, reading blogs. That’s the conference that made me the web developer I am today. It has this incredible energy, this special #sharethelove mood.
Tim Carry, Searching the ParisWeb conferences

Quelques jours (semaines ?) avant Paris Web, Tim Carry propose un outil pour naviguer et rechercher dans 10 ans de conférences Paris Web. Au-delà de l’utilité sur le fond, c’est un bon exemple de ce que l’on peut faire avec un workflow statique, sans base de données, mais avec un service web axé sur la recherche. Ça va vite !

La pertinence des Progressive Web Apps

Not all of your customers are going to have your app installed. For those who visit via the web, providing them with a better experience will make them happier and generate more revenue for your business.
It’s really that simple.
Jason Grigsby, Progressive Web Apps Simply Make Sense

Un énième discours ventant les mérites des Progressive Web Apps, axé sur l’aspect économique de la chose :

1. Not every customer or potential customer will have your native app installed
2. You should provide a secure environment for your customers
3. You should provide a faster web experience for web customers
4. Your web customers would benefit from an offline experience
5. Your web users might benefit from push notifications

Accessibilité : convaincre les développeurs

The inaccessible web doesn’t need to stay the way it is. As front-end developers you have an important, powerful role in making the web the inclusive place it should be.
Mischa Andrews, Developers: get started with web accessibility

Un article qui vise à convaincre les développeurs front-end de produire des objets numériques accessibles, en quelques points facilement applicables :

1. Separate structure from style
2. Test your website without CSS
3. Test with a keyboard
4. Change your browser’s text size settings
5. When you’re ready, learn to use a screen reader

Livre numérique et performance

Performance is not an afterthought, it’s a main objective. And I hope I have convinced you that you should care.
Jiminy Panoz, Let’s talk about eBook performance

Jiminy Panoz soulève un sujet peu abordé dans le domaine du livre numérique : la performance. Il attire l’attention sur un point essentiel de l’expérience utilisateur, souvent délaissée par les producteurs/développeurs de livres numériques – au détriment des éditeurs…

How many of us, eBook producers, actually have a precise idea of mobile apps’ or eInk Readers’ performance? Can you list CSS or JS bottlenecks? Do you define rules or best practices based on performance? Do you know how Reading Systems work? Really?

La lecture, l'écriture et l'hypertexte

Une véritable révolution s’est bel et bien opérée dans nos pratiques de lecture et d’écriture, moins par le fait d’un nouveau medium que par celui d’un nouveau concept appliqué à un nouveau medium. Ce n’est pas l’ordinateur lui-même qui a changé pour toujours la linéarité du texte – c’est la possibilité, grâce à des logiciels, de créer dans l’espace numérique abstrait une structure de texte absolument nouvelle et fonctionnelle : l’hypertexte.
Alessandro Ludovico, Post-Digital Print, page 29

Les projets proposés pour 10K Apart

Inspiring the Web with just 10k
10K Apart, Project Gallery

Un certain nombre de projets du concours 10K Apart sont déjà visibles en ligne, certains sont très inspirants !

Viser l'excellence

Si vous n’avez pas honte de la première version de votre produit, c’est que vous l’avez lancé trop tard. Pas besoin que ce soit parfait ou complet. Ça ne devrait pas l’être pour tout dire. Publiez tôt, publiez souvent.
Ben Balter, 10 façons de rendre un produit excellent

Frank Taillandier publie une traduction de 10 ways to make a product great de Ben Balter, ce dernier propose 10 points très clairs pour rendre un produit excellent, avec à chaque fois des exemples issus de son expérience de GitHub Pages – le service d’hébergement de sites web de GitHub.

Internet et ses failles

C’est très sérieux. C’est LE grand expert de la cybersécurité Bruce Schneier qui l’a écrit sur son blog hier “quelqu’un est en train d’apprendre à détruire Internet” ce sont ses mots. Quand Bruce Schneier dit quelque chose comme ça, il faut mieux y prêter attention…
Xavier de La Porte, Quelqu’un se prépare à détruire Internet

Internet serait détruisible ?… Une partie de l’infrastructure, oui.

Bonnes pratiques des fils d'Ariane

All that breadcrumbs do is make it easier for visitors to move around the site, assuming its content and overall structure make sense. It’s one of the few simple things that enhances usability and fosters user comfort. And that’s sufficient contribution for something that takes up only one line in the design.
Nick Babich, Breadcrumbs For Web Sites: What, When and How

Des conseils à suivre et des écueils à éviter concernant les breadcrumbs – fil d’Ariane en français –, un élément essentiel de la navigation sur des sites complexes.

Sécuriser (en partie) son site web

Quoi qu’il en soit, cet outil Mozilla Observatory arrive à point nommé, il met en exergue certains efforts à fournir pour proposer des sites toujours plus sûrs, et s’inscrit parfaitement dans une démarche de qualité et d’amélioration continue. Bien entendu, la sécurité de vos sites ne s’arrêtera pas là.
Nicolas Hoffmann, Obtenir une bonne note sur Mozilla Observatory : HTTPS/CSP/SRI/CORS/HSTS/HPKP/etc.

Nicolas Hoffmann explique – patiemment – comment améliorer la sécurité de sites web que l’on administre, au moment où Mozilla met un outil de vérification à disposition : https://observatory.mozilla.org/.

Les webfonts en débat

But the truth is this: you can’t and won’t be able to count on the local operating system of every device to support all of the languages demanded by a truly worldwide web.
Richard Fink, Webfonts on the Prairie

Un débat récurrent dans le milieu du web : les webfonts sont-elles une fausse bonne idée ? Cet article n’apporte pas de réponse, mais pointe – malgré l’intention initiale de l’auteur – la complexité de la question…

Intégrer facilement du Markdown dans une page HTML

Strapdown.js makes it embarrassingly simple to create elegant Markdown documents. No server-side compilation required. Use it to quickly document your projects, create tutorials, home pages, etc.
Artur Adib, Strapdown.js

Une façon simple d’intégrer des données structurées en Markdown dans un fichier HTML, pour obtenir une page HTML – cela nécessite du JavaScript, mais sans avoir de compilation côté serveur. C’est très intéressant, même si les usages semblent limités en pratique. Et le problème principal vient de l’utilisation de JavaScript.

La meilleure interface de lecture

[…] si vous lisez ces lignes sur papier (ce qui est certainement le cas), c’est donc que vous avez, pour une raison ou pour une autre, choisi d’utiliser le “vieux” medium. Pourquoi ? Probablement parce qu’il propose toujours la meilleure “interface” jamais conçue à ce jour.
Alessandro Ludovico, Post-Digital Print, page 7

Des outils pour créer en HTML+CSS

Here is the complete list of tools I use when I design in the browser using css and html.
Adam Morse, Tools I Use for Designing in the Browser

Adam Morse livre sa liste d’outils pour designer des sites web, une dizaine au total, sans oublier du papier et un crayon.

Quelques erreurs de CSS

These are some common causes of design, scalability, performance and maintainability issues I find when refactoring CSS for clients
Mariano Miguel, Common CSS Mistakes (And How To Fix Them)

Une petite liste d’erreurs CSS souvent commises, avec des solutions pour les éviter facilement. Des erreurs techniques qui proviennent bien souvent de problèmes de conception !

Brutalist Design

As a result, brutalism is compelling, if for nothing else than to provide an alternative to the safe confines of design conventionalism.
Marc Schenker, The rise and rise of the brutalist design trend

Depuis quelques mois, et surtout depuis la création du site web www.brutalistwebsites.com, le design brutaliste est en vogue. Et pourtant ce n’est pas nouveau, mais, comme l’explique Marc Schenker, probablement plus visible.

Design Technologist : rassembler

Designers have realized that front-end code is not that much more complicated than mastering Sketch or Illustrator and a knowledge of their materials (browsers, native apps) strengthens their design.
Engineers have realized that there is a relationship between systematic design pattern thinking and creating DRY code, that there is a mathematic elegance to typographic theory and they can express it in code.
Organizations understand that designers and the people who realize those designs should have a shared context, timeframe, language, and incentives.
Jory Cunningham, Design Technologists: Front-End Development in the Design System Era

Qu’est-ce qu’un Design Technologist ? Jory Cunningham y répond : ce n’est pas un développeur web full stack mais la personne qui saura accorder une équipe de designers, de graphistes, de développeurs front end, de développeurs back end, autour de projets numériques/web.

Design Technologists bring a constructive pessimism to the design process.

Une expérience web de moins de 10 kilobytes

It gives us great pleasure to announce the 2016 10k Apart competition. Create a fully functioning website in 10 KB or less! Amaze your friends! Astound the world! Compete for fabulous prizes!
Jeffrey Zeldman, Another 10k Apart: Create a Website in 10 KB, Win Prizes!

A List Apart lance un concours, la règle : créer un site web fonctionnel avec 10Kb de fichiers maximum, et sans JavaScript ! Un retour aux bases, avec un accent sur la performance, l’accessibilité et le lazy load, excitant ! Toutes les informations sur le site de l’événement : https://a-k-apart.com

Littérature + internet

[…] moi finalement ce qui me surprendrait le plus, après 8 ans d’Internet et maintenant que l’e-mail s’est généralisé, que les outils techniques se sont simplifiés (comme ce spip sur lequel j’écris ici), pourquoi aussi peu d’auteurs se soient lancés dans un site personnel qui paraîtrait presque comme une politesse : documentation, archives, dialogue, pourquoi aussi peu d’auteurs dans ceux qui me sont les plus proches se sont jamais sentis l’envie de mettre simplement la main à la pâte…
François Bon, où en sont les pionniers du Net

François Bon fait le point, en fêtant 20 ans de connexion internet, sur la place des auteurs, des livres, des textes sur internet et sur le web.

Rendre le web meilleur

What we need then is a way to incubate ideas, build prolyfills and somehow get lots of eyeballs, use and participation. We need to see what sticks, and what can be better. We need ideas to fail safely without breaking the economics of participation or breaking the Web.
Brian Kardell, The Future Web Wants You.

À propos du web et des standards, et de comment avancer en travaillant de concert.

Designer une interface de recherche avancée

We abandoned the expectation that users are experts. Anyone should be able to figure out how to use AS, even if it’s their first time visiting.
Ali Torbati, Death to Complexity: How we Simplified Advanced Search

Comment repenser une interface de recherche avancée ? Ce cas concret permet de voir quels choix – simples – sont faits, entre des designers, des intégrateurs et des développeurs.

Traduction de Multichannel Text Processing

Markdown est le format par défaut des contenus dans la plupart des générateurs de site statique et il devrait devenir aussi le format par défaut dans lequel vous rédigez vos notes, vos rapports, vos articles de blog ou vos livres.
Frank Taillandier, Traitement de texte multicanal

Frank Taillandier a traduit l’article d’iA, Multichannel Text Processing, quelques jours avant que je publie la traduction que j’ai réalisée du même texte, avec l’aide de plusieurs personnes. Heureux hasard qui permettra une fusion des versions !

Voyage dans les internets

Raconter les internets en musiques, c’est traverser cinq décennies et révéler un nouveau monde, rêvé puis numérisé, connecté, démultiplié, surveillé et peut-être demain réinventé. Un voyage sonore dans une réalité tout sauf virtuelle qui façonne aujourd’hui nos sociétés.
France Culture, Voyage dans les internets

Cinq épisodes qui retracent l’histoire d’Internet, en musique, à écouter absolument !

Qualité Web, le livre

Après deux années de travail, j’ai le plaisir de vous annoncer la parution de la deuxième édition du livre qualité Web aux éditions Eyrolles.
Élie Sloïm, Qualité Web, deuxième édition

Un ouvrage qui aborde les questions de bonnes pratiques et de qualité web, mais aussi –notamment – d’accessibilité et de performance !

Coder son site web personnel

When designers code their own site they have total control.
Donny Truong, Do Designers Create Their Own Site Anymore?

Est-ce que les designers ne devraient pas coder leur site web personnel plutôt que de se reposer sur des plateformes comme Squarespace ou Adobe Portfolio ? Définitivement oui. Mais cela ne veut pas forcément dire créer un CMS complet ou écrire une feuille de style complexe from scratch, il y a des frameworks et des bibliothèques qui existent, à chacun d’explorer les possibilités du web.

Les faces cachées du web

Over the years I’ve come to realize that most difficult part of making websites isn’t the code, it’s the “hidden expectations”, the unseen aspects I didn’t know were my responsibility when I started: Accessibility, Security, Performance, and Empathy.
Dave Rupert, Hidden Expectations

Dave Rupert explore les faces cachées du web – l’accessibilité, la sécurité, la performance et l’empathie –, et pose la question de la difficulté d’être généraliste :

Becoming a generalist in these areas can be difficult.

La NASA publie en accès libre ses recherches

NASA just announced that any published research funded by the space agency will now be available at no cost, launching a new public web portal that anybody can access.
Peter Dockrill, NASA just made all the scientific research it funds available for free

Cela semble assez incroyable, vu d’ici, mais la NASA ouvre totalement ses recherches ! C’est un signal fort en faveur de l’Open Access.

Générateur de site statique : cas pratique hors blog

Static site generators are wonderful, even when they have to deal with work for which they weren’t initially created.
Stefan Baumgartner, Using A Static Site Generator At Scale: Lessons Learned

Stefan Baumgartner présente le retour d’expérience d’une utilisation d’un générateur de site statique – Jekyll –, pour un site web de plus de 2000 pages et 40 auteurs ! La stack complète est détaillée, un imposant workflow qui permet de faciliter la rédaction et la gestion des contenus (Markdown + Git), de produire des pages et un site web léger (Jekyll), et de faciliter le travail des développeurs et webmasters (Liquid).
La partie “Editing With A Static Site Generator” est notamment très instructive !

Le livre est un terminal de lecture comme un autre

On parle de dématérialisation, mais en réalité le livre électronique est toujours rematérialisé. Il est dématérialisé pendant un moment parce qu’il est sous forme de flux, et puis il arrive sur un terminal. Le terminal peut être le livre.
Imaginez que je sois un chercheur, et que je consulte sur une base de données quinze articles sur la couleur rouge, qui est mon objet d’étude. À titre personnel, si on me propose un service d’impression d’un volume sur la couleur rouge que je compose pour moi – avec ces quinze articles –, et qu’on me l’envoie par la Poste, je trouve cela confortable. C’est une des revanches possible du livre au format papier. C’est un terminal de lecture comme un autre.
En revanche si je ne peux pas avoir un petit moteur de recherche qui me permette d’indexer les 15 articles en question, je suis frustré par ce que j’ai aussi besoin de pouvoir faire de l’exploration de données. Et donc il est évident que les deux vont cohabiter et que de nouvelles formes d’imprimés vont se développer.
Marin Dacos dans l’émission Place de la toile spéciale édition numérique en 2009

En 2009, Xavier de La Porte consacrait une émission spéciale de Place de la toile à l’édition numérique, avec Marin Dacos, Virginie Clayssen et Hubert Guillaud. 7 ans plus tard – oui ça passe vite –, les choses ont changé, et en même temps pas tant que cela ! À réécouter cette émission d’une heure, on se prend à rêver à certains scénarios présentés par ces trois veilleurs et experts du livre numérique, il y a encore du chemin à faire (principalement sur l’expérience de lecture, la médiation et l’offre).

(Merci à celui ou celle qui a déposé le podcast sur archive.org !)

The New Web Typography

According to Tschichold, however, books designed in the 19th century were for the people and the technology of the time; they solved problems that were entirely inapplicable to the needs of his own century a hundred years later.
Robin Rendle, The New Web Typography

En février 2016, Robin Rendle proposait un long article sur la “nouvelle typographie web”. En partant de La nouvelle typographie de Jan Tschichold, puis en abordant la question du design numérique, Robin Rendle interroge notre rapport à la typographie sur le web et la façon dont nous mettons en forme les textes que nous lisons sur écran.

Lecture, édition, typographie, design, les points d’entrée de ce texte sont nombreux.

Quelques citations :

[…] with the web, it’s hard not to dream of a Utopian media format.

I’m interested in what happens to typography, or the mechanical process of setting letters into legible text, when we design interfaces on top of flimsy networks and unpredictable browsing environments. I think these technical implications have drastic consequences on how designers and developers ought to see the art of typography itself.

[…] I think we need a guide of some description, we need rules for this new form of typography and in order to make these rules I think we need to return to Jan Tschichold and his “common, everyday book.”

Principles of the New Web Typography:

1. We must prioritise the text over the font, or semantics over style.
2. We ought to use and/or make tools that reveal the consequences of typographic decisions.
3. We should acknowledge that web typography is only as strong as its weakest point.

The New Web Typography demands to be seen; bad typography is better than none at all.

Flux Atom, mode d'emploi

Atom (RFC 4287) est l’un des formats XML qui permet d’avertir et de distribuer les mises à jour de votre site Web. Il a été conçu afin de réduire les ambiguïtés du format RSS 2.0. Après de longues batailles, les acteurs professionnels des outils traitant les flux RSS ont atteint un consensus à l’IETF en décembre 2005.
Karl Dubost, Comment construire un flux Atom ?

Karl Dubost proposait, en 2013 et sur Open Web, un mode d’emploi complet pour constuire convenablement un flux Atom, et c’est assez simple à suivre !

Via Nicolas Hoffmann.

AMP et les liens morts

[…] this is what will happen to most AMP URLs: AMP URLs will break.
Anselm Hanneman, How AMP supercharges link rot

AMP, ce système mis en place par Google pour améliorer les performances des sites web – principalement de presse, permettant au passage aux éditeurs de mieux placer des publicités –, pose un vrai problème de pérennité.

Pourquoi l'accessibilité web profite à tous

Accessibility is something you have to think about with every new bit of content added to your site. It can’t be an afterthought. However no site is perfect so you as long as you a making incremental improvements and reacting to feedback you are doing a good job.
Peter Brumby, Why web accessibility benefits us all

Quatre critères d’accessibilité présentés et expliqués, dans le but de montrer combien l’accessibilité web est bénéfique pour tous le monde, et pas uniquement pour les personnes en situation de handicap.

Web design en quatre minutes

The only thing design can do is facilitate the access, consumption, or interaction of that content. Design is simply a function with content as an input.
Jeremy Thomas, Web Design in 4 minutes

Jeremy Thomas a créé une page qui explique, en quatre minutes, ce qu’est le web design – ou design web. C’est interactif et très pédagogique, à mettre entre toutes les mains ! Jeremy explique sa démarche par ici.

Via la Web Development Reading List.

Un entretien sous la forme d'une conversation

Icons are weak at transporting exact meaning, but powerful at transporting emotion.
Oliver Reichenstein on Icons - UX Chat

Cet entretien d’uxdesign.cc avec Oliver Reichenstein d’iA aborde la question des icônes, dans le cas de l’UX design.

Cet entretien n’est pas un texte linéaire : il prend la forme d’une conversation entre le chatbot d’uxdesign.cc, Oliver Reichenstein et le lecteur. Cette nouvelle forme, dynamique – ou supposée dynamique –, rend le lecteur actif, un peu à la manière des livres dont vous êtes le héros. Cette nouvelle forme, assez disruptive pour un lecteur habitué à un contenu figé, pose beaucoup de questions : quels usages ? quel statut par rapport à un texte classique ? le lecteur a-t-il une certaine liberté ? etc.

Livres numériques standards

Free and liberated ebooks, carefully produced for the true book lover.
Standard Ebooks

Des livres numériques de bonne qualité – traduction, OCR, règles typographiques.

Via iGor

No more 404s

Recently the Internet Archive and Mozilla announced “No More 404s”, an experiment to help you to see archived versions of dead web pages in your Firefox browser.
Mark, No More 404s! Resurrect dead web pages with our new Firefox add-on.

Rediriger les pages 404 vers une version archivée de archive.org, beau projet !

Arguments commerciaux pour les Progressive Web Apps

Les Progressive Web Apps sont encore un terrain vierge. C’est maintenant qu’il faut s’y mettre.
Jason Grigsby, L’argumentaire commercial pour les Progressive Web Apps

Frank Taillandier continue de promouvoir les Progressive Web Apps avec cette traduction d’un article de Jason Grigsby. Ce dernier expose très clairement les avantages commerciaux des PWA, avec exemples à l’appui.

25 ans de web

Thank you Tim and thanks to all who have, by their efforts, helped to create the Web – from its earliest beginnings, to its inestimable impact on our lives now and for all the exciting ways it will continue to evolve in the future.
Amy van der Hiel, 25 years ago the world changed forever

Le 6 août 1991, Tim Berners-Lee postait un message annonçant le “WorldWideWeb project”. 25 ans déjà.

BackgroundSync

So what exactly is Background Sync? Well, it is a new web API that lets you defer actions until the user has stable connectivity. This makes it great for ensuring that whatever the user wants to send, is actually sent. The user can go offline and even close the browser, safe in the knowledge that their request will be sent when they regain connectivity.
Dean Hume, ServiceWorker: A Basic Guide to BackgroundSync

Dean Hume présente une fonctionnalité intéressante des Service Workers, permettant de synchroniser des requêtes et pas uniquement des documents ou des fichiers !

Via Jeremy Keith.

Innovation VS découverte, invention ou création

Pourquoi innover ? C’est quoi les perspectives d’une civilisation qui préfère innover plutôt que découvrir, inventer ou créer ? C’est quoi l’horizon ?
Xavier de La Porte, La tête dans la toile

Xavier de La Porte définit avec beaucoup de pertinence, et non sans une critique fondée, la notion d’innovation, et le mouvement de fond qui s’opère sur la recherche. Cette chronique est toujours en écoute (ou en lecture) sur France Culture, mais optez plutôt pour l’ouvrage regroupant ses chroniques, “Ce qui nous arrive sur la toile”, publié par C&F Éditions.

La typographie rend le texte vulnérable

Même si des lettres mises en pages et imprimées selon les règles de la discipline peuvent dégager une impression sinistre, cette autorité n’est souvent qu’apparente. L’apport de la typographie est bien plus important : en fixant et en diffusant la langue sous une forme objective et irrévocable, les mots – mais aussi les nombres, pensez aux rapports annuels par exemples, sans oublier les illustrations – sont exposés aux regards scrutateurs et aux esprits critiques. La typographie rend le texte vulnérable.
Gerard Unger, Pendant la lecture, page 209

Reconnaissance typographique inconsciente

Les yeux et le cerveau fonctionnent à une vitesse fulgurante et surprenante, et se jouent de nous. Nous avons reconnu et lu les lettres avant même d’en prendre conscience.
Gerard Unger, Pendant la lecture, page 146

Domaine d'activité

Celui qui connaît l’histoire de son domaine d’activité est capable de la prolonger. Celui qui sait d’où viennent les connaissances et les sciences est mieux en mesure de déterminer la direction qu’il souhaite prendre.
Gerard Unger, Pendant la lecture, page 109

La lecture crée son propre silence

La lecture crée son propre silence.
[…]
La naissance du silence s’accompagne d’un autre phénomène prodigieux : non seulement l’environnement semble s’estomper, mais aussi l’objet sur lequel notre attention s’était tout d’abord concentrée. Les caractères d’imprimerie se fondent dans nos pensées comme un comprimé effervescent dans un verre d’eau.
Gerard Unger, Pendant la lecture, pages 49 et 50

Internet est un espace de décision

Internet, ce n’est pas seulement le téléphone ou la télévision. Internet est un espace où l’on exerce sa décision, en permanence. Celle de cliquer ici ou là, de chercher ceci ou cela, d’aller ici ou là. Si, à la limite, on peut admettre qu’on punisse quelqu’un en le privant temporairement de sa liberté, peut-on vouloir priver quelqu’un de sa capacité à faire des choix, même minuscules, ad vitam ? C’est peut-être cela qu’Internet pourrait éviter.
Xavier de La Porte, La tête dans la toile

Choisir un CMS

From the pros and cons listed above, it seems to me that as soon as a small to medium-sized business or organisation has any budget, Squarespace becomes the natural choice. The rest are either limited in how they integrate with your mailing list (essential) or analytics (less essential but still a common business practice).
Baldur Bjarnason, Which CMS/blog system would you choose?

Dommage que Baldur Bjarnason ne mette pas plus en avant l’argument de la maîtrise de l’outil et des données, dans ce billet sur les choix d’un CMS.

Définir le data-journalisme

La nouveauté du datajournalisme repose sur le fait qu’une organisation ou un individu peut, avec de très faibles ressources, aller d’un bout à l’autre de la chaîne de création de valeur. C’est la raison pour laquelle le datajournalisme peut se définir comme l’action de mesurer ce qui ne l’est pas encore et qui devrait l’être, tout comme le journalisme traditionnel peut se définir comme l’action de donner la parole aux sans-voix. Le fait de pouvoir, pour toute personne, mesurer un phénomène de manière rigoureuse, est très nouveau. Il permet de concurrencer les mesureurs officiels qui, jusqu’à présent, avaient le monopole de la mesure de la réalité.
Nicolas Kayser-Bril, Informer avec des données structurées

Long texte de Nicolas Kayser-Bril sur les données, à lire.

Code = design

Comme Morris, on peut constater aujourd’hui une uniformisation de la production graphique. Par ailleurs, la grande majorité des designers utilisent les mêmes outils, créés par la même société (Adobe). L’homogénéisation des outils et celle de la production ne sont-elles pas liées ?
Kévin Donnot, Code = design

À l’origine publié dans le numéro 18 de Graphisme en France, cet article de Kévin Donnot explore les méthodes et outils des designers, et constate que, lorsque la machine n’est pas utilisée comme un outil créatif, il y a des effets d’uniformisation.

Un texte à relire régulièrement.

Sauvez Internet

Les régulateurs européens vont décider prochainement de donner aux grandes entreprises du secteur des télécommunications le pouvoir d’influencer ce que nous pouvons faire ou ne pas faire en ligne. L’Europe a besoin de toute urgence de fixer un cadre clair à la neutralité du Net afin de protéger nos libertés et nos droits sur Internet.
Sauvez Internet

Cela prend vraiment deux minutes : rendez-vous sur https://www.savetheinternet.eu/ et envoyez un message type à votre régulateur national pour que les grandes entreprises ne soient pas favorisés via les fournisseurs d’accès à Internet. En clair : ne pas traiter de la même façon le trafic de n’importe quel site web serait la pire chose qui pourrait arriver – économiquement, techniquement et démocratiquement.

Markdown supporté nativement dans Caddy

markdown serves Markdown files as HTML pages on demand, but it can also generate a static site from Markdown so it doesn’t have to render on-the-fly. You can specify whole custom templates or just the CSS and JavaScript files to be used on the pages to give them a custom look and behavior.
Caddy, markdown

Caddy est un serveur web HTTP/2 écrit en Go, et il supporte nativement le Markdown !

Via Bruno Bord.