Activities on Julie Blanc

WYSIWYG

Sun, 01 Dec 2024 00:00:00 +0000

WYSIWYG, acronym of “What You See Is What You Get”, refers to a specific category of software whose graphic interface allows users to preview on screen a design exactly as it will appear once printed. The WYSIWYG project aims to document, from a historical and theoretical perspective, the evolution of graphic design software in Switzerland and France from 1980 to the present day.

« Le verre de cristal » × « Dispar(être) »

Mon, 24 Jun 2024 00:00:00 +0000

La publication confronte deux textes sur la notion de transparence en typographie : Le verre de cristal ou la typographie devrait être invisible (1932) de Beatrice Warde — texte majeur de la pensée moderniste en typographie — et Dispar(être) — le plomb de la transparence (2018) de Vanina Pinter, qui en propose une relecture contemporaine, féministe, plus située et matérielle.

L’édition a été réalisée avec Paged.js, un outil libre et open source de mise en page CSS (web-to-print) dans le cadre d’un workshop d’initiation qui s’est tenu à Césure (Paris) les 24 & 25 juin 2024.

Chromobase

Sun, 01 Oct 2023 00:00:00 +0000

The Chromobase is the open access database of the ERC project Chromotope. This EU-funded project (2019-2025) explores what happened to colour across industrial Europe (France, Britain and Germany) in the second half of the 19th century.
It is a hybrid digital object, both a collection of scholarly articles and a database. The project is based on a narrative approach to data, with a series of articles enhanced by hypertextual materials (people, organizations, objects, techniques, colour names, events).

Rechtstexte & Zeitschriften

Sun, 01 Jan 2023 00:00:00 +0000

Rechtstexte and Zeitschriften are open access law journals edited by Prof. Dr. iur. Walter Boente (University of Zurich). They are published online in both HTML and PDF formats. The goal was to offer authors a small set of layout options for formatting their articles in PDF, using only web technologies; primarily HTML, CSS, and Paged.js.

Second proposed layout, graphic design by Julie Blanc

The publishing workflow is based on Pandoc and consists of simple Markdown files (content.md) and metadata files (meta.yaml). Authors can select their preferred layout and customize certain visual elements, such as the color layout or cover illustration. The content.md files are generated by the editor from Word or LibreOffice documents. The final PDF is generated directly in the browser via the print function in Chrome/Chromium, after rendering with the Paged.js polyfill.

Héro·ïne·s

Wed, 01 Sep 2021 00:00:00 +0000

Héro·ïne·s. Repenser les héros dans les œuvres et pratiques artistiques est une publication du groupe de recherche de La Fémis, réalisée au sein du programme « Sciences, Arts, Création, Recherche » (SACRe, PSL). Suite à un atelier de deux jours proposé au groupe de recherche, nous avons conçu une publication web qui met en forme de manière graphique et interactive chacune des contributions et leurs contenus multimédias.

Le site a été développé avec le générateur de site statique Hugo, le code source est sur Gitlab et a été déployé avec Netlify. Afin que les membres puissent éditer facilement le contenu depuis une interface graphique, j’ai branché le site sur Forestry.io.

A Paged.js hackathon at EnsadLab

Fri, 16 Apr 2021 00:00:00 +0000

On the 1st and 2nd of March 2021, a group graphic designers went together in Paris for a Paged.js hackathon. The goal was to bring together people who already had an experience with Pagedjs to discover how they worked, how they come to layout their content, and to think together about pushing the boundaries further. The hackathon, organised by Julie Blanc and Lucile Haute welcomed Julien Taquet, Manu Vazquez, Louis Éveillard, Sarah Garcin, Robin de Mourat and Quentin Juhel.

A collaborative multi-output publishing chain for the Musée Saint-Raymond

Thu, 05 Nov 2020 00:00:00 +0000

Voilà bientôt quatre ans que je m’intéresse aux systèmes de publication utilisant les technologies du web et proposant une diffusion multisupport. J’ai eu l’occasion d’en parler quelques fois, dans des conférences, des publications ou des discussions plus informelles. Au début très focalisée sur les aspects techniques, j’ai pu peu à peu m’interroger sur la manière dont les pratiques collaboratives sont transformée dans ces systèmes de publications ou quelles implications cela supposait sur les pratiques de design graphique et éditorial. Beaucoup de discours, sans jamais avoir l’occasion de mettre les mains à la pâte. Alors, quand Antoine Fauchié m’a proposé, il y a deux ans déjà, de se joindre à lui pour travailler sur un catalogue numérique et imprimé pour le musée Saint-Raymond de Toulouse, je n’ai pas hésité.

Design en Recherche

Thu, 01 Oct 2020 00:00:00 +0000

The association “Design en recherche”, formed in March 2013, is a network of doctoral students and young PhDs whose research focuses on emerging themes of study and practice of design. In 2020, we worked on a website redesign with the members of the association. I did the design and development of the website.

The website was developed with the Hugo static site generator, the source code is on Github and was deployed with Netlify. In order for members to easily edit the content from a graphical interface, I also plugged the site into Forestry.io.

(Médialab 3/3): Des interactions en pur CSS

Sun, 05 Apr 2020 00:00:00 +0000

Ce billet fait partie d’une suite de billet sur le projet de refonte du site web du médialab de Sciences Po.

Le premier billet « Une décroissance heureuse » est une introduction au projet.
Le deuxième billet « no fonts, no images, no javascript » montre comment ces trois points ont été mis en application.
Le dernier billet « Exemples de pur CSS » se concentre sur des exemples de mises en applications de principes graphiques et interactifs en pur CSS.

Comme nous l’avons vu dans un précédent billet, pour la conception du site du Médialab nous avons fait le choix d’un design graphique et interactif en pur CSS, sans JavaScript. Par cette restriction, nous avons découvert pas mal d’astuces. Nous souhaitons partager avec vous quelques lignes de code CSS qui peuvent tout à fait s’intégrer à d’autres projets.

Médialab (2/3): No fonts, no images, no javascript

Fri, 27 Mar 2020 00:00:00 +0000

Ce billet fait partie d’une suite de billet sur le projet de refonte du site web du médialab de Sciences Po.

Le premier billet « Une décroissance heureuse » est une introduction au projet.
Le deuxième billet « no fonts, no images, no javascript » montre comment ces trois points ont été mis en application.
Le dernier billet « Exemples de pur CSS » se concentre sur des exemples de mises en applications de principes graphiques et interactifs en pur CSS.

No fonts ?

Pour la refonte du site du médialab, notre premier choix est de ne pas embarquer de fontes et de simplement utiliser les polices systèmes sur le site web.

Médialab (1/3): Une décroissance heureuse

Wed, 25 Mar 2020 00:00:00 +0000

Ce billet fait partie d’une suite de billets sur le projet de refonte du site web du médialab de Sciences Po.

Laboratoire de recherche interdisciplinaire réunissant sociologues, ingénieurs et designers, le médialab (SiencesPo) mène des recherches thématiques et méthodologiques exploitant et interrogeant la place prise par le numérique dans nos sociétés.

En octobre 2018, l’équipe du médialab nous contacte pour la refonte de leur site web. Le projet fut porté par une douzaine de personnes (designers, Ingénieurs, chercheurs, développeurs, chargée de communication et facilitateur) avec un noyau dur de cinq chevronné·es.

Return from Prague: the future of web to print

Tue, 18 Feb 2020 00:00:00 +0000

Report about the W3C Workshop on CSS Print

On Thursday, February 13th, a group of people gathered at the University of Economics in Prague (Czech Republic) to participate in theW3C Workshop on CSS Print as a part of the XML Prague conference. The event was organized by Rachel Andrew, Jirka Kosek and Dave Cramer, members of the CSS working group. Between 30 and 40 people were present, showing a real interest in CSS print.

Les sculptures de la villa romaine de Chiragan

Fri, 31 Jan 2020 00:00:00 +0000

Antoine Fauchié and I developed a multi-media catalogue for the Saint Raymond Museum (Toulouse, France). The catalogue presents a part of the museum’s collection devoted to a group of Roman sculptures discovered at the Chiragan site in Martres-Tolosane. Inspired by the Getty Museum in Los Angeles, we designed and developed a digital version of the catalogue and a printed version. For this we proposed a workflow created specifically for the museum team and based on a set of open-source tools that we assembled (Jeckyll, Zotero, Forestry, Gitlab, paged.js, etc.).

Timeline of technologies for publishing

Sun, 15 Sep 2019 00:00:00 +0000

This timeline represents the non-exhaustive technical history of digital publishing. It is divided into several layers: hardware, operating systems and platforms / reading softwares / publihsing softwares / softwares and systems for text / formats and languages. The timeline was developed with HTML and CSS; the printed version measures 240cm × 60cm.

A short French version was published in the 8th issue of Sciences du Design. The digital version is available below.

Des léviathans

Sat, 14 Sep 2019 00:00:00 +0000

Des léviathans is an interdisciplinary book that brings together original texts on the theme of relations between societies and oceans. Crossed approaches include natural sciences, arts, humanities and others.

Association Périophtalme
130 × 190 mm, 214 pages
100 copies printed in a risograph

Humanités Spatiales (Space Humanities)

Sat, 14 Sep 2019 00:00:00 +0000

Proposal for an edition around the website humanites-spatiales.fr. “Humanités spatiales” (Space Humanities) is a research notebook that offers a space for analysis, reflection and dialogue to researchers in the humanities and social sciences who are interested in space and space activities, particularly in its various cultural representations, whether scientific, artistic, literary, visual, sound, etc.

144 × 212 mm, 148 pages
Editorial Direction: Observatoire de l’Espace du CNES
Editorial Manager: Catherine Radtka, ISCC
Based on humanites-spatiales.fr

Le cahier de l'erg

Sat, 14 Sep 2019 00:00:00 +0000

Realization of the presentation brochure of the erg (école de recherche graphique), the Brussels-based Higher School of Arts, which bases its teaching on multidisciplinarity.

Client: erg, école de recherche graphique
With Cyriel Makhoul and Florence Grosse
1000 copies
160 × 240 mm, 32 pages
Internal stapled poster 420 × 594 mm
Print: Hayez, Bruxelles

Médialab

Sun, 01 Sep 2019 00:00:00 +0000

In October 2018, the médialab team (interdisciplinary research labo) contacted us to redesign their website. The Médialab team takes charge of the development of a new technical architecture with a static site and their own content editor. We accompany them for the artistic direction of the website and then develop the idea of a site without javascript, fonts and images - a “low-tech” site.
In this collective project, we produced the graphic and interactive design as well as the HTML and CSS code for the integration.

An overview of the Paged Media × PrePostPrint workshop

Tue, 11 Dec 2018 00:00:00 +0000

A few days ago, from Wednesday 28 to Friday 30 November, a group of people interested in automated composition with HTML and CSS met for a series of workshops about “Paged Media × PrePostPrint”.

Paged Media is a community with the goal of advocating for the use of CSS Paged Media. We are creating open source tools to support using print CSS with current browsers. In recent months we have been working on developing Paged.js, an open source JavaScript library that paginates content in browsers.

Paged Media approaches : page floats

Mon, 02 Apr 2018 00:00:00 +0000

Layout is the operation of positioning and styling elements of content in a given space. It aims to position the content (text, images, notes…) in a hierarchical and harmonious way (balancing the zones, colors and spaces, contrasts), in order to facilitate display and the flow of reading.

Code X – PrePostPrint

Fri, 20 Oct 2017 00:00:00 +0000

The first issue of the “Code X” newspaper was published on the occasion of the PrePostPrint event of 20–21 October 2017 at Gaîté Lyrique (Paris). It was entirely designed in HTML and CSS from a web browser. The properties CSS region, CSS grid and CSS multicolumn have been used. The source files of the newspaper are available on gitlab.

Designed and developed in collaboration with Quentin Juhel
Publisher: éditions HYX
260 × 360 mm, 16 pages
500 copies
Buy the newspaper

Mandarine

Sun, 01 Jan 2017 00:00:00 +0000

Mandarine magazine aims to explore and reveal connections between the fields of architecture, design and contemporary art by focusing on their research topics, practices, and methodologies. The project is based on a multi-media distribution that can take four forms: print magazine, website, personal printing (office printer) and ePub digital publication.

Project started in 2017 in collaboration with Dimitri Charrel
Project abandoned due to lack of funding in 2019

Atlas Cosmologique

Wed, 01 Jun 2016 00:00:00 +0000

The Atlas Cosmologique (Cosmological Atlas) is a multisupport tool consisting of three dispositifs: a web interface, reflection sessions and printed publications. This project aims to materialize the way in which non-objective knowledge is constituted and structured through a documentary corpus.

This project was presented in June 2016 for my master’s degree in “erg edit: politics of the multiple”
Web interface:atlas-cosmologique.julie-blanc.fr