Computed Layout

CSS Print, generative layouts, alternative publishing tools.

[computedlayout]

PrePostPrint

PrePostPrint is a two days open workshop dedicated to the experimentation of alternative publishing systems.

April 6 - 7 2017 during R3Frag, at Parsons Paris.

[computedlayout]

Paged Media

A blog which advocates for innovative approaches to making books in browsers. Its mission is to educate and inspire publishers to use HTML, CSS and JavaScript(JS) to produce print and paginated electronic content.

https://www.pagedmedia.org/

[computedlayout]

Contextualised Information by Léna Robin

“Contextualised Information is an hybrid publication. It proposes a time real archive of hoaxes and rumors spread online and a critic & new regard on the question, by comparing 3 different points of view for each headline: the media spreading the news itself, the reactions of people on Twitter, and the analysis of a specialist (sociologist, philosopher, writer). […] The layout is computed and automated to make the publication really easy and fast to produce. The design of the book was realised in HTML and CSS and the book was exported with Prince XML. The different books are available online for free through a web platform, in order to make people aware. The project is still in development. https://github.com/LenaRobin/diplome ”

http://www.lenarobin.com/

[computedlayout]

From OSP

Open Source Publishing recently posted an article in french about a workshop made with HTML2print: HTML sauce cocktail, sauce à part See also the previous post on this blog HTML sauce cocktail

Less fresh, but still interesting, the slides from a talk from 2015 untitled Print publishing with Web browsers

[computedlayout]

Letter

Letter is a simple, highly customizable tool to create letters in your browser. It is designed to be flexible and it uses HTML, PHP and CSS print.

[computedlayout]

Conversations documents discussions about tools and practices for typography, layout and image processing that stretch out over a period of more than eight years. The questions and answers were recorded in the margins of events such as the yearly Libre Graphics Meeting, the Libre Graphics Research Unit, a two-year collaboration between Medialab-Prado in Madrid, Worm in Rotterdam, Piksel in Bergen and Constant in Brussels, or as part of documenting the work process of the Brussels’ design team OSP. The book is published by Constant, a Brussels based association for arts and media, and produced collaboratively with the help of etherpash, a custom Libre Graphics workflow developed by Christoph Haag.

[computedlayout]

G.bodywork

The design studio Groupe CCC experiments a printable web page for the project G.bodywork initiated by Ève Chabanon.

http://www.balmoral.club/g.bodywork/

[computedlayout]

La Villa Hermosa - BRASS

«Dans le cadre de la conception de l’identité visuelle du BRASS — Centre Culturel de Forest, La Villa Hermosa a développé un outil de génération automatique de documents pdf pour supports imprimés. Les fichiers pour affiches et flyers peuvent être directement créés par l’équipe du centre culturel via l’interface d’administration de leur site Internet (www.lebrass.be).»

Voir l’article

[computedlayout]

With a focus on Bindery.js, HTML Output was an experimental web design class at RISD that could be turned into a print-ready book with the click of a button.

[computedlayout]

Responsive print - Critical Atlas of Internet

For her diploma "Critical Atlas of Internet", Louise Drulhe created a book that owns an infinity of formats. It is a unique computer code with an infinite number of display possibilities, both online (websites, etc.) and on paper. In an idea of responsive print, the publishing has an adaptive format. Based on the CSS print rules, the layout is generated automatically for each new format, and continually adapted and readapted from book to poster format.

Link to the online Critical Atlas of Internet. Link to the responsive book’s website.

[computedlayout]

Why print out the Internet?

Conversation with Olia Lialina about books with Internet content inside. 

[computedlayout]

Hybrid Publishing Consortium

An experimental research and publication tool developed by the Hybrid Publishing Consortium.

https://research.consortium.io/

[computedlayout]

OLA’s Scribus scripts

During the last workshop of the french collective Outils Libres Alternatifs, cool scripts for Scribus has been written: Auto filled document with images, earthquake effect on your pages, Mondrian style patterns, automatic page layouts index, progressbar-style folio, color gradients on your text lines, random Wikipedia article inclusion…

Visit the script repository click on each folders for the READMEs

[computedlayout]

pdfmake

Pdfmake is a client/server side PDF printing in pure JavaScript. MIT license.

[computedlayout]

Antoine Gelgon’s thesis

For his thesis “Documenting productions in graphic design”, Antoine Gelgon chose to use OSP’s HTML2Print. He also documented his researches on the public website Archi-Traces.

Learn more about his process and tools (in french), on the thesis’ GitHub repository.

[computedlayout]

HTML Sauce Cocktail

Workshop organised by OSP around what HTML2print can offer.

With : Stéphanie Vilayphiou, Colm O’Neill et Ludi. Students: So-Hyun Bae, Laura Burucoa, Charlotte Chowdurry, Victor Donati, Montasser Drissi, Angéline Girard, Romain Goetz, Manon Hachad, Quentin Juhel, Théophile Martin, Arman Mohtadji, Clara Neumann, Lisa Pagès, Benjamin Riollet, Lena Robin, Hugo Serraz, Caroline Sorin.

[computedlayout]

Dispersive Edition

The workshop Dispersive Edition initiated by Raphaël Bastide for the graphic design students. During this workshop, students where challenged to adopt a conceptual approach of the web design: by using the web technologies HTML and CSS, they were asked to produce two documents based on a single content. The result is a web page completed only when it comes to be printed.