Julie Blanc

Graphic designer, web utopist, 💜 CSS lover for web & print
 📖 I design and code printed & web publications  

✌ Co-founder Studio Variable
🎓 PhD in ergonomics & design (Thesis online [fr] → phd.julie-blanc.fr)
 🖨️ I used to work on paged.js (pagedjs.org) 
💬 I write in french & english

Personal website: https://julie-blanc.fr/
Studio Variable: https://studio-variable.com/

Public Key

npub13gc7gesnuww47y3q9gasyf5w0mk3fn5ajmmyrw9ms2crg4ps4kvq23pmsw

NIP-05 Address

[email protected]

Profile Code

nprofile1qqsg5v0yvcf7882lzgsz5wczy688amg5e6wedajphzac9vp52sc2mxqpz3mhxue69uhhyetvv9ujuerpd46hxtnfduqs6amnwvaz7tmwdaejumr0ds6xq5ga

Publishing to

relay.damus.io

nos.lol

Author Public Key

npub13gc7gesnuww47y3q9gasyf5w0mk3fn5ajmmyrw9ms2crg4ps4kvq23pmsw

Show more details

Last Notes

2026-06-26 14:07:07 GMT

- reply

Are you ready ?
https://cdn.masto.host/mastodondesign/media_attachments/files/116/816/793/977/626/499/original/dac1a31c72a62cd5.jpeg

2026-06-26 13:22:30 GMT

- reply

Placement des objets et déformation des lettres est assez laborieux dans l’identité proposée au départ.
Production d’une fonte variable (graisse et chasse) par Alice Savoie spécifiquement pour le projet + conception d’un outil pour placer les éléments sur les visuels en wysiwyg, la typo s’adapte automatiquement avec une déformation typographiquement correcte.
Objets et typographies qui ont conscience de leur environnement.
Permet de produire façon fluide et agréable les visuels
https://cdn.masto.host/mastodondesign/media_attachments/files/116/816/618/463/168/906/original/63a68d29d7c16b0c.png
https://cdn.masto.host/mastodondesign/media_attachments/files/116/816/618/458/467/919/original/ba42c6cd5635069f.png

2026-06-26 13:21:04 GMT

- reply

Théâtre du Châtelet (2025) → proposition d’identité basée sur les idées de génératif et la création d’outils spécifiques. Identité par Plastac, typographie par Alice Savoie, outil génératif par Machines.

2026-06-26 13:11:27 GMT

- reply

L’aléatoire est toujours pensé, il est conçu intentionnellement.
Exemple: la palette est méticuleusement choisie, les couleurs sont groupées en 3 groupes de densité et les couleurs sont systématiquement choisies dans ces trois groupes.
Rôle de curation basée sur un questionnaire pour choisir les résultats du génératif.
Travail d’ajustement et possiblité de retravailler les visuels a posteriori.
https://cdn.masto.host/mastodondesign/media_attachments/files/116/816/575/418/724/381/original/dfa44dcce0e2f95f.png

2026-06-26 13:07:51 GMT

- reply

Fédération Française du Paysage (2019), identité chevalvert → communication qui passe par l’abstraction du paysage car la FFP avait beaucoup de problèmes de droits d’images. Lorsqu’on parle de paysage on parle aussi de ce qu’il y a en dessous (les sols, notion de couches). Comment réaliser des paysages en creative code ? pratique de recherche graphique → positionner le code en amont de la création et pas en aval
https://cdn.masto.host/mastodondesign/media_attachments/files/116/816/554/731/728/799/original/5f062d7ba3e9d2f2.png

2026-06-26 12:59:29 GMT

- reply

AG2R la mondiale → identité développée par Rejane dal Bello Studio reposait sur le concept de pli (basé sur leur logo). Identité difficile à décliner dans les outils de création habituel car ce n’est pas un simple miroir mais de la trigonométrique. Du coup, création d’un outil complètement web en 2017 (contenteditable + svp) → paradigme d’interactions très simples pour créer des formats basés sur l’identité
https://cdn.masto.host/mastodondesign/media_attachments/files/116/816/526/065/870/187/original/ebe60907759a8e1c.png
https://cdn.masto.host/mastodondesign/media_attachments/files/116/816/526/056/619/784/original/dec182585169b190.png

2026-06-26 12:55:24 GMT

- reply

« Nous pensons également que ces outils doivent devenir des vecteurs d'émancipation plutôt que d'aliénation, et qu'il est primordial de nous réapproprier leurs usages et création. »

2026-06-26 12:54:29 GMT

- reply

Machines travaille le paramétrique (quelque chose qu’on peut manipuler, avec un minimum et un maximum), le procédural (permet d’apporter une logique), le génératif (un aléatoire mais qui est écrit, programmé).

2026-06-26 12:52:20 GMT

- reply

art → sortir le pixel de l’écran et faire quelque chose avec pour aller vers gens
design → commandes de design: créer une identité, un poster, un logo...
outils → outils custom pour porter la création graphique vers les tous petits, les clients, les non-graphistes...

2026-06-26 12:52:09 GMT

- reply

Arnaud Juracek & Stéphane Buellet « Concevoir des générateurs graphiques »
https://machines.studio/
Un studio qui travaille le rapport entre code, interface et usage dans des problématiques d’identité visuelle
«Nous fabriquons des systèmes visuels interactifs et narratifs. Nous inventons nos propres outils afin d'explorer de nouveaux paradigmes de création »

2026-06-26 12:43:03 GMT

- reply

Transparency
→ To what extent can we see and hack and own the output?
→ To what extent can we see and hack and own the environment?
→ Are the output and the environment the same? Can we create our own environments?

2026-06-26 12:42:07 GMT

- reply

Code & interface are not two separate things.
Relationship between creative environment and output
→ how close in proximity is the interface element to the output? next to it or in a separate file?
→ how close in time is the interface element to the output?
→ Are we defining the output itself, or a process that generates the output?

2026-06-26 12:34:57 GMT

- reply

hackability: custom elements & custom tools. Use web components to create an ecosystem. Ex: magnet mode, let you to have the code of an element when you are close to it
https://cdn.masto.host/mastodondesign/media_attachments/files/116/816/448/804/302/142/original/5d93580a0d7b90ee.png

2026-06-26 12:27:58 GMT

- reply

Examples of websites made with Woddle Web: https://paupowpow.codeberg.page/wobbles/

2026-06-26 12:21:32 GMT

- reply

« I found code really expressive for creative things» / « there is a social process to work with code, everything we do is based on code made also by other »

2026-06-26 12:20:56 GMT

- reply

- Just html. All state is contained in html. Some html elements can modify other elements. Compatible with other libraries
- Mobile friendly and responsive defaults
- Export to a single html file + upload directly to static site hosting
- Extensible via userland custom elements
- Experimental and in progress

2026-06-26 12:19:30 GMT

- reply

Olivia Jack (@npub1hp9…fz7h) & Paula Haertel, « Wobble web » , visual & code wditor for making and sharing small website → https://wwwobble.org/

2026-06-26 12:15:34 GMT

- reply

Dernier panel: «Fabriquer les interfaces, web et outils-sur-mesure »
Je serais plus lacunaire sur ce panel, vu que je suis modératrice :)

2026-06-26 10:13:52 GMT

- reply

Il y a tout un travail de « lobbying » qui est fait depuis quelques années pour montrer tous les enjeux du web-to-print, des publications multisupports, des logiciels libres... et il commence à y avoir des commanditaires qui viennent nous chercher spécifiquement pour ces nouvelles façons de faire. Parfois aussi, il faut savoir répondre à côté de la demande initiale car c’est une meilleure réponse et les commanditaires s’en aperçoivent vite.

2026-06-26 10:06:31 GMT

- reply

Cela reste possible, des photograveurs et des imprimeurs sont intéressés pour interroger avec nous de nouvelles façons de faire. Il y a un enjeu professionnel qui se situe à cet endroit.
[Note: avec @npub19n3…w6f4 nous étions en pleins discussion pas plus tard qu’hier pour l’impression d’une revue.]

2026-06-26 10:05:15 GMT

- reply

Dans les questions au panel de ce matin, débat sur la commande (notamment publique) qui impose des fichiers InDesign et de la main mise d’Adobe sur la création + les logiciels des photograveurs et des imprimeurs qui travaillent aussi sur des logiciels Adobe. La gestion de la couleur est le point névralgique de la création de PDF, comment sortir d’Adobe ?

2026-06-26 09:45:55 GMT

- reply

basil.js → Une tentative visant à transposer l'esprit du framework Processing (y compris p5.js) dans Adobe InDesign. https://github.com/basiljs/basil.js/

2026-06-26 09:43:09 GMT

- reply

Cet outil répond ici spécifiquement à une contrainte économique de la commande, avec très peu de budget pour la mise en page, donc le seul moyen d’y répondre c’est automatiser la mise en page.
InDesign ExtendScript API Adobe InDesign 2026 → comment interagir avec InDesign par des scripts, pour automatiser la mise en page Problème = c’est l’enfer et c’est très mal documenté

2026-06-26 09:38:30 GMT

- reply

Qu’est-ce qui se passe quant à on a une manipulation wysiwyg à la base mais qu’on augmente ensuite avec du code ?
Exemple: Collection 1989 aux école nationale supérieure d’architecture Paris-Malaquais.
Outil d’édition spécifique à ce projet qui part d’une interface graphique pour l’entrée des contenus, puis moulinette PHP pour export PDF et Cairn, ePub.
https://cdn.masto.host/mastodondesign/media_attachments/files/116/815/734/694/883/111/original/3eaf82061b8655bb.png

2026-06-26 09:33:11 GMT

- reply

Le problème des marchés publics est que les commanditaires imposent InDesign car les photograveurs travaillent avec InDesign pour intégrer les images. C’est aussi un aspect à interroger.

2026-06-26 09:32:24 GMT

- reply

Les métadonnées sont utilisées pour faire des liens hypertextes et une timaline est aussi générée par script.
Le livre s’ouvre sur 48 pages d’index qui opère comme une sorte de datavisualisation. 
Chaîne d’outil inclus: InDesign, HTML/CSS, HTML2Print, Php, Yaml/markdown, Acrobat... (Je vous mettrais la photo plus tard)

2026-06-26 09:26:28 GMT

- reply

Le livre est encodé sous la forme d’une série de fichiers textes .txt (finder comme interface de structuration du livre), avec des balisages inspiré de XML-TEI et utilisé dans la génération du livre pour créer une forme d’intertextualité dans le livre. Mise ne page en web-to-print avec CSS region (qui a été implémenté dans certains navigateurs seulement entre 2013 et 2017)

2026-06-26 09:20:25 GMT

- reply

« Coder le mondes, mutations graphiques », publication pour le centre Pompidou. Catalogue manifeste où la mise en forme est conçu pour représenter les enjeux de l’exposition→ Quelles sont les spécificités des programmes ? Quelle est la singularité du langage code par rapport au langage naturel ? Comment un programme peut être utiliser pour façonner la mise en forme d’uun livre et générer un livre en même temps ?

2026-06-26 09:18:47 GMT

- reply

Dans leurs projets, ils·elles intégrent des processus qui racontent les technologies avec lesquelles ils sont faits.

2026-06-26 09:17:01 GMT

- reply

Kévin Donnot, « Du Web-to-print aux approches hybides, exemples de publications (generatives) et leurs chaines d’outils »
https://e-k.fr/ → strudio graphique spécialisé dans les projets éditoriaux, imprimés ou numériques.
Pour cette présentation, on va entrer dans les coulisses de différents projets, où Elise et Kevin branchent des séries de micro-outils (PHP, outils en interfaces graphiques, outils en lignes de commande…) qui sont à chaque fois reconfigurés différemment.

2026-06-26 09:13:28 GMT

- reply

Géoproject: un outil de récit cartographique pour faire des publications en web-to-print, avec un aspect pédagogique sur l’apprentissage de CSS (vous en entendrez bientôt parler ici).

2026-06-26 08:54:39 GMT

- reply

Comment l’interface rencontre l’humain ? Question sur la pédagogie → avoir des apprentissages qui permettent de mettre de l’humain dans l’accompagnement, travailler l’un·e à côté de l’autre. Donner par l’interface, l’envie de coder. Méler des interfaces graphiques et du code pour apprendre CSS
Un exemple d’outil pédagogique: https://site.sarahgarcin.com/tac
Les productions des étudiant·es: https://
nancy.sarahgarcin.com/annee2/ echos/exposition/gallery.html

2026-06-26 08:47:57 GMT

- reply

La PJ Machine est composée de boutons d’arcade colorés. Elle contrôle une interface, développée spécialement pour celle-ci et permet la mise en page collaborative (ou non) de documents imprimés. → https://sarahgarcin.com/projets/pj-machine

2026-06-26 08:45:07 GMT

- reply

Déconstruire les paradigmes dans lesquelles nous sommes prises en tant que designer-développeur·ses et utilisateur·ices. Comment repenser les interfaces physiques et numériques ?

2026-06-26 08:43:48 GMT

- reply

https://www.culturesvisuelles.org/ → brouille la frontière entre back et front, entre les coulisse (la technique) et le spectable (le visuel). Suit la proposition d’un web éditable de Tim Berners-Lee ou Aaron Swartz. Un bouton éditer pour ajouter des blocs de texte, que l’on peut composer comme sur une interface graphique

2026-06-26 08:41:56 GMT

- reply

Fable de l’immatériel concernant le numérique or le numérique a bien une forme, une matière. Du point de vue de l’ingénieur, une résistance à ce mythe de l’immatérialité est de rappeler qu’il y a des câbles et des serveurs.
Du point de vue du designer, on peut aussi travailler le numérique comme médium, comme matière. Qu’est-ce que le numérique a comme forme, comme aspect ? Comment le numérique est travaillé du point de vue du design dans sa matérialité ?

2026-06-26 08:41:28 GMT

- reply

Où commence le code ? Où commence l’interface ? Comment l’humain rencontre la technique par la forme ?
Métaphoriquement, l’interface met un peu à distance l’humain (c’est une couche artificielle qu’on ajoute par dessus la technique). On oublie souvent la forme et la matière lorsqu’on parle de l’interface.
La forme est l’aspect de la technique, donc il en est beaucoup plus proche. 

2026-06-26 08:29:41 GMT

- reply

Réfléchir à la notion d’interface → entre l’humain et la technique, l’interface fait lien.
L’interface a deux faces: une qui regarde en direction de la technique, et une qui regarde en direction de l’humain.
Quand le code rencontre l’interface → rencontre toujours l’interface par un côté (la technique).
On peut se demander, est-ce que l’interface cache ou recouvre la technique ? C’est contre cela qu’on travaille. Faire des formes et des interfaces à travers lesquelles la technique se voit

2026-06-26 08:23:38 GMT

- reply

Adrien Payet (@npub1g9x…d7ul) & Sarah Garcin (@npub19n3…w6f4), Autonomiser la création graphique avec les outils web
[Petite note, j’en profite et j’en ai pas encore parlé sur Mastodon, j’ai cofondé Studio variable avec Adrien, on fête nos 1 an demain :) → https://studio-variable.com/]

2026-06-26 08:20:38 GMT

- reply

Structuré? Non structuré? Tout est une question d'interprétation. → Convertir un document n'est pas suffisant pour être en mesure d'en réexploiter le contenu. → OutDesign rend possible la restauration de la structure des documents, et donc leur interopérabilité. → OutDesign participe ainsi à l'émancipation des professionel les de l'édition du giron d'Adobe.

2026-06-26 08:14:58 GMT

- reply

Yann a d’abord construit IDML Pandoc Reader → lecteur customisé d’InDesign qui structure, simplifie et nettoie le code des fichiers InDesign (utilisable en ligne de commande)
Puis OutDesign, une interface graphique pour faciliter l’usage de ce logiciel
https://github.com/yanntrividic/outdesign

2026-06-26 08:10:55 GMT

- reply

Intéropérabilité adverse → construire des outils pour sortir des données des jardins clos et les utiliser de manière plus malléable. Sortir le contenu produit sur Indesign et le réinjecter dans le web et l’epub.

2026-06-26 08:08:34 GMT

- reply

Déborder Bolloré, livre sur la concentration dans l’édition, coédition de 128 maisons d’édition, coordonner environ 25 personnes en 4 mois → on ne peut pas se priver d’une force de travail car les personnes utilisent InDesign (qui est hégémonique), comment travailler avec cela ?
Un livre pour exister a besoin d’être imprimé et acheminé, ça prend 2 mois donc on commence souvent avec le print. Les formes numériques sont plus simples à faire ensuite.

2026-06-26 08:05:08 GMT

- reply

Problème PDF = fac similé d’un document structuré, on perd souvent l’accessibilité
Problème InDesign = l’abonnement est cher, c’est un jarfdin clos, c’est pas pensé pour le multiformat, c’est pas utilisable sur Linux, c’est pas distribué dans beaucoup de pays (notamment en Afrique), ils peuvent révoquer l’accés à tout moment (exemple du Venezuela)

2026-06-26 08:04:12 GMT

- reply

Les livres de Burn Aoput sont faits sur InDesign parce que dans l’équipe les graphistes sont formés à cela, et ils·elles veulent continuer à travailler avec eux·elles (considérer les conditions matérielles des personnes avec qui on travaille). Comment les convertir dans un format structuré et exploitable? (publications web, etc.)

2026-06-26 08:04:07 GMT

- reply

est une maison associative et militante fondée en 2019, 7 publications par ans (livres, tracs, affiche). Tout ce que la maison d’édition fait est publié en libre accès sur leur site internet. → https://www.editionsburnaout.fr/

2026-06-26 08:00:35 GMT

- reply

Une majorité écrasante des livres en librairie aujourd’hui sont faits par Adobe InDesign, c’est le logiciel qu’on apprend dans les écoles de graphisme.

2026-06-26 07:58:43 GMT

- reply

Proposition de définition d’un «document*» structuré : un document consistant en un ou plusieurs fichiers qui suivent une «structure logique*» pouvant être correctement interprétée par un logiciel (*André & al, 1989, Structured documents. CambridgeUniversity Press)

2026-06-26 07:53:50 GMT

- reply

« OutDesign, ou comment libérer les fichiers InDesign du giron d’Adobe »

2026-06-26 07:50:26 GMT

Deuxième journée la journée d’étude «Quand le code rencontre l’interface: hybrider les outils du design graphique», organisée dans le cadre du projet wysiwyg.ch
vous pouvez suivre en ligne ici → https://wysiwyg.ch/symposium-code-interface/ (cet après midi, deux conférences sont en anglais)
Première partie de mon fil ici → https://mastodon.design/@julieblanc/116810804014194473
#note1wg3…2v8g

2026-06-25 12:43:38 GMT

Petit fil (si j’y arrive) sur la journée d’étude «Quand le code rencontre l’interface:
hybrider les outils du design graphique», organisée dans le cadre du projet wysiwyg.ch
Possibilité de suivre en ligne → https://wysiwyg.ch/symposium-code-interface/

2026-06-06 14:45:46 GMT

- reply

Les affiches ont été réalisées à partir de divers logiciels, aussi bien sur des Macintosh SE que sur des machines virtuelles, avec des mises en page finalisées sur iMac G3, PowerBook G3 et, souvent, avec les logiciels actuels des étudiant·es.
https://cdn.masto.host/mastodondesign/media_attachments/files/116/703/698/444/292/696/original/fd08e3cccf86dfb3.jpeg
https://cdn.masto.host/mastodondesign/media_attachments/files/116/703/698/435/872/709/original/3126f8429e735530.jpeg
https://cdn.masto.host/mastodondesign/media_attachments/files/116/703/698/458/813/672/original/931dd56ce637a47b.png
https://cdn.masto.host/mastodondesign/media_attachments/files/116/703/698/436/369/134/original/7c5ae72145e61571.jpeg

2026-06-06 14:41:44 GMT

- reply

Et c’est parti pour vous partager quelques résultats! La consigne prétexte au workshop était de produire l’affiche de la journée d’étude « Graphisme et écran », organisée dans le cadre du #wysiwygproject et qui aura lieu en novembre.
https://wysiwyg.ch/
https://cdn.masto.host/mastodondesign/media_attachments/files/116/703/681/815/179/341/original/1a8bbaf0c1ac5337.png
https://cdn.masto.host/mastodondesign/media_attachments/files/116/703/681/793/476/171/original/978aa9f1fb32e76d.jpeg
https://cdn.masto.host/mastodondesign/media_attachments/files/116/703/681/793/786/981/original/5cc9eda902603cd6.jpeg
https://cdn.masto.host/mastodondesign/media_attachments/files/116/703/681/842/083/174/original/b758ffcd2bade876.png

2026-06-05 10:23:26 GMT

- reply

Ce matin, on commence les accrochages. Je ne résiste pas à vous faire un petit teasing. #wysiwygproject
https://cdn.masto.host/mastodondesign/media_attachments/files/116/697/002/950/244/883/original/010fa887725fcefa.png
https://cdn.masto.host/mastodondesign/media_attachments/files/116/697/002/952/733/481/original/6b929c5b792d840e.jpeg
https://cdn.masto.host/mastodondesign/media_attachments/files/116/697/002/955/285/291/original/26b279eb072c3482.png
https://cdn.masto.host/mastodondesign/media_attachments/files/116/697/002/973/434/060/original/9b07d7dc8aacfd08.jpeg

2026-06-04 16:24:13 GMT

- reply

Allez, à demain pour les résultats :kare_mac:
https://cdn.masto.host/mastodondesign/media_attachments/files/116/692/761/285/535/269/original/392a65ed0e904653.jpeg
https://cdn.masto.host/mastodondesign/media_attachments/files/116/692/761/288/491/262/original/9881999804079b1e.jpeg
https://cdn.masto.host/mastodondesign/media_attachments/files/116/692/761/277/381/669/original/cfd56c5d2eab0d30.png
https://cdn.masto.host/mastodondesign/media_attachments/files/116/692/761/277/489/715/original/8f56975f9534381c.png

2026-06-04 16:21:03 GMT

- reply

Fonction « Melt » sur Macintosh SE : aucune utilité, un maximum de style.
https://cdn.masto.host/mastodondesign/media_attachments/files/116/692/749/571/408/826/original/85ee844679568891.mp4

2026-06-04 16:15:39 GMT

- reply

Autre problématique que nous avons rencontrée: prendre en photo les écrans cathodiques. La fréquence de rafraîchissement de l’écran est trop basse, on a souvent une grosse bande noire à l’écran. Observation ethnologique de quelques astuces pour contourner le problème.
https://cdn.masto.host/mastodondesign/media_attachments/files/116/692/728/741/426/067/original/23fa4973e1e5691a.jpeg
https://cdn.masto.host/mastodondesign/media_attachments/files/116/692/728/758/071/893/original/501227f571861613.jpeg
https://cdn.masto.host/mastodondesign/media_attachments/files/116/692/728/741/680/313/original/0bad57cc85a623e0.jpeg

2026-06-04 16:05:59 GMT

- reply

Sur l’iMac G3, on a installé Adobe InDesign 1. Oui, oui, depuis son CDRom et sa magnifique boîte.
https://cdn.masto.host/mastodondesign/media_attachments/files/116/692/689/716/644/250/original/990a4f248730ece8.jpeg
https://cdn.masto.host/mastodondesign/media_attachments/files/116/692/689/703/142/271/original/6309f2e690e5b267.jpeg
https://cdn.masto.host/mastodondesign/media_attachments/files/116/692/689/702/807/660/original/16d9c9ba38dfcf0e.jpeg

2026-06-04 16:04:28 GMT

- reply

On travaille aussi sur un iMac G3 (1998) et un Powerbook G3 (1999).
https://cdn.masto.host/mastodondesign/media_attachments/files/116/692/684/290/503/173/original/eb9ed859129699d6.jpeg
https://cdn.masto.host/mastodondesign/media_attachments/files/116/692/684/290/980/193/original/bb39fd60425fd28d.jpeg
https://cdn.masto.host/mastodondesign/media_attachments/files/116/692/684/290/503/172/original/fb40d33aa8dcdaca.jpeg
https://cdn.masto.host/mastodondesign/media_attachments/files/116/692/684/292/864/062/original/f22c87220b04f5ed.jpeg

2026-06-04 15:59:45 GMT

- reply

Interlude graphique, quelques production des étudiant·es avec LightningPaint.
https://cdn.masto.host/mastodondesign/media_attachments/files/116/692/664/413/270/881/original/2fd2cd5902272d6a.png
https://cdn.masto.host/mastodondesign/media_attachments/files/116/692/664/406/862/666/original/034e76fbd87637ee.png
https://cdn.masto.host/mastodondesign/media_attachments/files/116/692/664/414/230/450/original/3075b6e15416e36d.png
https://cdn.masto.host/mastodondesign/media_attachments/files/116/692/664/409/580/954/original/56a29b4f7132a29a.png

2026-06-04 15:57:39 GMT

- reply

LightningPaint, a grayscale bitmap graphics editor software.
https://cdn.masto.host/mastodondesign/media_attachments/files/116/692/657/623/761/326/original/7f24e76e375f6654.mp4

2026-06-04 15:54:16 GMT

- reply

KidPix et LightningPaint, ont fait un carton incroyable.
https://cdn.masto.host/mastodondesign/media_attachments/files/116/692/638/097/411/415/original/2cf38be1d6ba6ec3.png
https://cdn.masto.host/mastodondesign/media_attachments/files/116/692/638/085/841/106/original/f9620f3ae509ddf0.jpeg
https://cdn.masto.host/mastodondesign/media_attachments/files/116/692/643/285/221/738/original/192d2b604e57febe.jpeg
https://cdn.masto.host/mastodondesign/media_attachments/files/116/692/644/132/163/090/original/31a9400ef5384dc8.jpeg

2026-06-04 15:52:04 GMT

- reply

Démontage d’un Macintosh SE FDHD pour remplacer le disque dur interne par un adaptateur SCSI vers SC. Une carte SC fait office de nouveau disque dur. Ça marche du premier coup. @npub169c…m5n6 en profite pour expliquer les différents composants de l’ordinateur.
https://cdn.masto.host/mastodondesign/media_attachments/files/116/692/635/291/049/274/original/12afe9c0d524dc45.jpeg
https://cdn.masto.host/mastodondesign/media_attachments/files/116/692/635/287/128/582/original/383917aa472aca22.jpeg
https://cdn.masto.host/mastodondesign/media_attachments/files/116/692/635/284/919/247/original/9a158d4472f63806.jpeg
https://cdn.masto.host/mastodondesign/media_attachments/files/116/692/635/280/063/553/original/7b3db7dc30b8f3fb.jpeg

2026-06-04 15:42:21 GMT

- reply

Vu qu’il y a une quinzaine d’étudiant·es et seulement 4 ordinateurs, @npub169c…m5n6 nous a préparé un set-up pour une machine virtuelle qui réplique le système d’exploitation des Macintosh SE FDHD. Les étudiant·es ont pu les installer sur leurs ordinateurs avec pas mal de logiciels de graphismes, rendus 3D et autres. Tout le monde a été surpris de la diversité existante.
https://cdn.masto.host/mastodondesign/media_attachments/files/116/692/597/345/553/723/original/c174f822963a0598.jpeg
https://cdn.masto.host/mastodondesign/media_attachments/files/116/692/597/372/670/606/original/742d5d565fc86639.jpeg
https://cdn.masto.host/mastodondesign/media_attachments/files/116/692/597/369/057/808/original/5b33f61c47f49cc9.jpeg
https://cdn.masto.host/mastodondesign/media_attachments/files/116/692/597/374/443/545/original/889db91f8674e6bd.jpeg

2026-06-04 15:40:39 GMT

- reply

La plus grande difficulté est bien entendu de récupérer les fichiers et de les transformer en format lisible aujourd’hui. Un lecteur de disquette, hfsutil en ligne de commande et un coup d’ImageMagick, on arrive à récupérer des captures d’écran et quelques fichiers MacDraw depuis les Macintosh SE FDHD.
https://cdn.masto.host/mastodondesign/media_attachments/files/116/692/590/784/438/708/original/6b9fbfad735fcd00.jpeg
https://cdn.masto.host/mastodondesign/media_attachments/files/116/692/590/770/494/086/original/14275b201dfbc298.jpeg

2026-06-04 15:39:58 GMT

- reply

Suite du workshop « Back to the future. Archéologie pratique de la PAO ». Les étudiant·es sont en deuxième année du secteur communication visuelle de la HEAD Genève. La consigne est de faire une affiche pour une journée d’étude qui aura lieu en novembre. On s’amuse bien :)
https://cdn.masto.host/mastodondesign/media_attachments/files/116/692/585/875/463/851/original/6870d4e46b3b4905.jpeg
https://cdn.masto.host/mastodondesign/media_attachments/files/116/692/585/875/463/852/original/02ad17ebf35b27d3.jpeg
https://cdn.masto.host/mastodondesign/media_attachments/files/116/692/585/887/657/599/original/d5a6a17afc3b1cc4.jpeg
https://cdn.masto.host/mastodondesign/media_attachments/files/116/692/587/104/629/280/original/431ec8f300e8172f.png

2026-06-01 16:22:52 GMT

- reply

Un grand merci à @npub169c…m5n6 qui m'a aidée à préparer le workshop : remettre en vie les vieux ordinateurs, installer les logiciels, brancher de nouveaux disques durs et même faire tourner des machines virtuelles sur des Mac récents.
Il y a 15 jours, nous avions déjà fait une session pour diagnostiquer toutes les machines que nous avons pu acheter pour le projet, c’était déjà épique.
https://cdn.masto.host/mastodondesign/media_attachments/files/116/675/769/592/797/372/original/4cef4691d0f97fec.png
https://cdn.masto.host/mastodondesign/media_attachments/files/116/675/769/558/241/197/original/f4d1b1425801e29c.jpeg
https://cdn.masto.host/mastodondesign/media_attachments/files/116/675/769/575/591/803/original/21d885be0644b6f3.jpeg
https://cdn.masto.host/mastodondesign/media_attachments/files/116/675/769/670/189/715/original/5fe6b6813efe1f32.png

2026-06-01 16:09:26 GMT

Toute cette semaine, je suis à la HEAD Genève où je donne le workshop « Back to the future. Archéologie pratique de la PAO » dans le cadre du projet de recherche WYSIWYG (wysiwyg.ch).
Nous avons déjà allumé 2 Macintosh SE FDHD, un iMac G3 et un Powerbook première génération.
Les étudiant·es ont vite pris le coup de main pour explorer ces interfaces graphiques, bien plus vieilles qu’eux·elles!
J’essaierais de poster quelques photos et travaux ici dans la semaine #wysiwygproject
⬇️
https://cdn.masto.host/mastodondesign/media_attachments/files/116/675/713/187/312/161/original/82a72cec3f4d39a2.jpeg
https://cdn.masto.host/mastodondesign/media_attachments/files/116/675/713/182/752/773/original/19aa6a41c215471a.jpeg
https://cdn.masto.host/mastodondesign/media_attachments/files/116/675/713/173/649/916/original/8422c066df8b3ae7.jpeg
https://cdn.masto.host/mastodondesign/media_attachments/files/116/675/713/174/940/061/original/8d356253ed927038.jpeg

2025-08-16 11:34:12 GMT

- reply

The WYSIWYG website hides some playful easter eggs evoking visual interfaces: toggle a grid, switch background colors, or drag elements of the page. Its logo pays tribute to the early Macintosh, set in Chicago by Susan Kare.
I had a lot of fun making this website.
→ https://wysiwyg.ch
https://cdn.masto.host/mastodondesign/media_attachments/files/115/038/218/717/535/792/original/c38227391a59188d.mp4

2025-08-16 11:29:41 GMT

Design & development of the website for the WYSIWYG research project at HEAD – Geneva (glad to be part of the team ✨).
The project documents the history of graphic design software in Switzerland & France from 1980 to today.
Built with Hugo (♥), Decap CMS & continuous deployment via Netlify.
→ https://wysiwyg.ch
https://cdn.masto.host/mastodondesign/media_attachments/files/115/038/206/935/142/842/original/eec8df74879c50fe.png

2025-03-06 18:23:39 GMT

Some time ago, I worked with a fantastic team on a great project: Chromobase, an open-access database exploring the role of colour in industrial Europe (19th century). A hybrid platform combining scholarly articles & interactive data. 🌈🔬
🔗 chromobase.huma-num.fr
I’d love to tell you more about this project!
https://cdn.masto.host/mastodondesign/media_attachments/files/114/116/865/877/253/113/original/897edf91adb26930.mp4

2025-02-19 08:00:13 GMT

This morning at #automaticTypeDesign (ANRT), Clémence Imbert and I are presenting part of our research project at HEAD Geneva, on the history of WYSIWYG interfaces in graphic design. I'll be talking about the contemporary part: where the wysiwyg paradigm survives in web practice.
Program & livestream ➡️ https://automatic-type-design.anrt-nancy.fr/colloques/automatic-type-design-3