Resources

CSS

Some articles I have written about CSS:

Designing with Abstractions: CSS and the Case of Masonry Layouts — How abstraction is collectively negotiated within W3C standardisation processes, through the case of CSS Masonry.

An example of a site using only CSS for its interactions (no JavaScript): the Médialab Sciences Po website, documented in three articles: 1/3 — Happy degrowth, 2/3 — No fonts, no images, no javascript, 3/3 — Pure CSS interactions.

LInks and resources uses during workshops → https://recherche.julie-blanc.fr/resources/list-of-resources/

CSS Print

Web-to-print refers to the generation of printable documents (brochures, programmes, reports, books…) directly from the web browser, based on a graphic template and a data source. CSS print specifications are used to produce the paginated publication.

• PrePostPrint → PrePostPrint highlights experimental publications made with free software.
• The web to print library → This collection brings together printed editions produced with open source tools  and web tools : a physical and mobile archive for schools, libraries, and exhibition places.

Tools and libraries

• Paged.js → A free, open-source JavaScript library that renders paginated content in the browser using CSS for print.
  • Documentation
  • GitHub
• Paged.js starter kits → A collection of starter kits for Paged.js.
  • Presentation
• CSS Page Weaver → A collection of tools built around Paged.js, including a ready-to-use boilerplate and additional plugins.
  • Documentation
  • Github
• Makerzine → A printed fanzine built from collaborative pads.

Examples of projects using CSS Print

• Rechtstexte & Zeitschriften → CSS print stylesheets for open access law journals.
• Chiragan Roman Villa Catalogue → A multi-format publishing chain for the Musée Saint-Raymond.

CSS Print Specifications

I contribute to the development of new CSS print specifications as part of the Pushing Forward for CSS Print project, funded by the NGI0 Commons Fund from NLnet. It is a joint initiative with contributors from Paged.js (@julientaq) and the WeasyPrint team (@grewn0uille, @liZe).

• CSS Print Lab → Repository of specifications under development.
• Notes in CSS Print → A specification for the creation and positioning of different kinds of notes in both continuous and paged media.
  • Presentation article
• Page Spread → A specification for declaring spread and full-page elements in paged media.
• Paged Media approaches: page floats → An article on the CSS page floats specification and its implementation with Paged.js.