<?xml version="1.0"?>
<feed xmlns="http://www.w3.org/2005/Atom" xml:lang="en">
	<id>http://cc.practices.tools/wiki/index.php?action=history&amp;feed=atom&amp;title=Tools_shape_practice_shapes_tools...</id>
	<title>Tools shape practice shapes tools... - Revision history</title>
	<link rel="self" type="application/atom+xml" href="http://cc.practices.tools/wiki/index.php?action=history&amp;feed=atom&amp;title=Tools_shape_practice_shapes_tools..."/>
	<link rel="alternate" type="text/html" href="http://cc.practices.tools/wiki/index.php?title=Tools_shape_practice_shapes_tools...&amp;action=history"/>
	<updated>2026-04-25T13:21:22Z</updated>
	<subtitle>Revision history for this page on the wiki</subtitle>
	<generator>MediaWiki 1.45.1</generator>
	<entry>
		<id>http://cc.practices.tools/wiki/index.php?title=Tools_shape_practice_shapes_tools...&amp;diff=5412&amp;oldid=prev</id>
		<title>Manetta at 15:31, 16 January 2026</title>
		<link rel="alternate" type="text/html" href="http://cc.practices.tools/wiki/index.php?title=Tools_shape_practice_shapes_tools...&amp;diff=5412&amp;oldid=prev"/>
		<updated>2026-01-16T15:31:14Z</updated>

		<summary type="html">&lt;p&gt;&lt;/p&gt;
&lt;table style=&quot;background-color: #fff; color: #202122;&quot; data-mw=&quot;interface&quot;&gt;
				&lt;col class=&quot;diff-marker&quot; /&gt;
				&lt;col class=&quot;diff-content&quot; /&gt;
				&lt;col class=&quot;diff-marker&quot; /&gt;
				&lt;col class=&quot;diff-content&quot; /&gt;
				&lt;tr class=&quot;diff-title&quot; lang=&quot;en&quot;&gt;
				&lt;td colspan=&quot;2&quot; style=&quot;background-color: #fff; color: #202122; text-align: center;&quot;&gt;← Older revision&lt;/td&gt;
				&lt;td colspan=&quot;2&quot; style=&quot;background-color: #fff; color: #202122; text-align: center;&quot;&gt;Revision as of 15:31, 16 January 2026&lt;/td&gt;
				&lt;/tr&gt;&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot; id=&quot;mw-diff-left-l168&quot;&gt;Line 168:&lt;/td&gt;
&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot;&gt;Line 168:&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;−&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;[[File:Content-form-newspapers-stack-1.jpeg|400px|center|thumb|Image 22. Content/Form, designed by Simon Browne and Manetta Berends with Servpub. Source: cc.&lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;vvvvvvaria&lt;/del&gt;.&lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;org &lt;/del&gt;(Berends and Browne, 2024)]]&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;[[File:Content-form-newspapers-stack-1.jpeg|400px|center|thumb|Image 22. Content/Form, designed by Simon Browne and Manetta Berends with Servpub. Source: cc.&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;practices&lt;/ins&gt;.&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;tools &lt;/ins&gt;(Berends and Browne, 2024)]]&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;=== Etherpad ===&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;=== Etherpad ===&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot; id=&quot;mw-diff-left-l213&quot;&gt;Line 213:&lt;/td&gt;
&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot;&gt;Line 213:&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&amp;#039;&amp;#039;From webkit to OSPKit: An alternate reality to keep working with CSS Regions&amp;#039;&amp;#039;. [http://blog.osp.kitchen/residency/from-webkit-to-ospkit.html &amp;#039;&amp;#039;http://blog.osp.kitchen/residency/from-webkit-to-ospkit.html&amp;#039;&amp;#039;]&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&amp;#039;&amp;#039;From webkit to OSPKit: An alternate reality to keep working with CSS Regions&amp;#039;&amp;#039;. [http://blog.osp.kitchen/residency/from-webkit-to-ospkit.html &amp;#039;&amp;#039;http://blog.osp.kitchen/residency/from-webkit-to-ospkit.html&amp;#039;&amp;#039;]&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;−&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;Berends, Manetta and Browne, Simon (2024, February 9). &#039;&#039;Content-form&#039;&#039;. Creative Crowds. [https://cc.&lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;vvvvvvaria&lt;/del&gt;.&lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;org&lt;/del&gt;/wiki/Content-Form &#039;&#039;https://cc.&lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;vvvvvvaria&lt;/del&gt;.&lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;org&lt;/del&gt;/wiki/Content-Form&#039;&#039;]&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;Berends, Manetta and Browne, Simon (2024, February 9). &#039;&#039;Content-form&#039;&#039;. Creative Crowds. [https://cc.&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;practices&lt;/ins&gt;.&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;tools&lt;/ins&gt;/wiki/Content-Form &#039;&#039;https://cc.&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;practices&lt;/ins&gt;.&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;tools&lt;/ins&gt;/wiki/Content-Form&#039;&#039;]&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;Blanc, Julie (2020, February 18). &amp;#039;&amp;#039;Return from Prague: The future of web to print&amp;#039;&amp;#039;. [https://julie-blanc.fr/en/blog/2020-02-18_return-from-prague/ &amp;#039;&amp;#039;https://julie-blanc.fr/en/blog/2020-02-18_return-from-prague/&amp;#039;&amp;#039;]&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;Blanc, Julie (2020, February 18). &amp;#039;&amp;#039;Return from Prague: The future of web to print&amp;#039;&amp;#039;. [https://julie-blanc.fr/en/blog/2020-02-18_return-from-prague/ &amp;#039;&amp;#039;https://julie-blanc.fr/en/blog/2020-02-18_return-from-prague/&amp;#039;&amp;#039;]&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot; id=&quot;mw-diff-left-l219&quot;&gt;Line 219:&lt;/td&gt;
&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot;&gt;Line 219:&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;Blanc, Julie (2023). &amp;#039;&amp;#039;Composer avec les technologies du web. Genèses instrumentales collectives pour le développement d’une communauté de pratique de designers graphiques&amp;#039;&amp;#039; [Université Paris 8].  &lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;Blanc, Julie (2023). &amp;#039;&amp;#039;Composer avec les technologies du web. Genèses instrumentales collectives pour le développement d’une communauté de pratique de designers graphiques&amp;#039;&amp;#039; [Université Paris 8].  &lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;−&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;Browne, Simon and Berends, Manetta (2024, March 8). &#039;&#039;Wiki-to-print&#039;&#039;. Creative Crowds. [https://cc.&lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;vvvvvvaria&lt;/del&gt;.&lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;org&lt;/del&gt;/wiki/Wiki-to-print &#039;&#039;https://cc.&lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;vvvvvvaria&lt;/del&gt;.&lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;org&lt;/del&gt;/wiki/Wiki-to-print&#039;&#039;]&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;Browne, Simon and Berends, Manetta (2024, March 8). &#039;&#039;Wiki-to-print&#039;&#039;. Creative Crowds. [https://cc.&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;practices&lt;/ins&gt;.&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;tools&lt;/ins&gt;/wiki/Wiki-to-print &#039;&#039;https://cc.&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;practices&lt;/ins&gt;.&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;tools&lt;/ins&gt;/wiki/Wiki-to-print&#039;&#039;]&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;Burato, Anita, Gürses, Seda, Haag, Christoph, Murtaugh, Michael and Snelting, Femke (Eds.) (2018). &amp;#039;&amp;#039;The techno-galactic guide to software observation&amp;#039;&amp;#039;. Constant Verlag. [http://observatory.constantvzw.org/tgsoguide_1806051351.pdf &amp;#039;&amp;#039;http://observatory.constantvzw.org/tgsoguide_1806051351.pdf&amp;#039;&amp;#039;]&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;Burato, Anita, Gürses, Seda, Haag, Christoph, Murtaugh, Michael and Snelting, Femke (Eds.) (2018). &amp;#039;&amp;#039;The techno-galactic guide to software observation&amp;#039;&amp;#039;. Constant Verlag. [http://observatory.constantvzw.org/tgsoguide_1806051351.pdf &amp;#039;&amp;#039;http://observatory.constantvzw.org/tgsoguide_1806051351.pdf&amp;#039;&amp;#039;]&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot; id=&quot;mw-diff-left-l337&quot;&gt;Line 337:&lt;/td&gt;
&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot;&gt;Line 337:&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;Varia (2024). &amp;#039;&amp;#039;Varia&amp;#039;&amp;#039;. [https://varia.zone/ &amp;#039;&amp;#039;https://varia.zone/&amp;#039;&amp;#039;]&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;Varia (2024). &amp;#039;&amp;#039;Varia&amp;#039;&amp;#039;. [https://varia.zone/ &amp;#039;&amp;#039;https://varia.zone/&amp;#039;&amp;#039;]&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;−&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;Varia and creative crowds (2023). &#039;&#039;Octomode&#039;&#039; [Computer software]. [https://cc.&lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;vvvvvvaria&lt;/del&gt;.&lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;org&lt;/del&gt;/wiki/Octomode &#039;&#039;https://cc.&lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;vvvvvvaria&lt;/del&gt;.&lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;org&lt;/del&gt;/wiki/Octomode&#039;&#039;]&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;Varia and creative crowds (2023). &#039;&#039;Octomode&#039;&#039; [Computer software]. [https://cc.&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;practices&lt;/ins&gt;.&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;tools&lt;/ins&gt;/wiki/Octomode &#039;&#039;https://cc.&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;practices&lt;/ins&gt;.&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;tools&lt;/ins&gt;/wiki/Octomode&#039;&#039;]&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&amp;#039;&amp;#039;Velvetyne&amp;#039;&amp;#039; (n.d.). Velvetyne. [https://www.velvetyne.fr/ &amp;#039;&amp;#039;https://www.velvetyne.fr/&amp;#039;&amp;#039;]&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&amp;#039;&amp;#039;Velvetyne&amp;#039;&amp;#039; (n.d.). Velvetyne. [https://www.velvetyne.fr/ &amp;#039;&amp;#039;https://www.velvetyne.fr/&amp;#039;&amp;#039;]&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;

&lt;!-- diff cache key wikicc:diff:1.41:old-5051:rev-5412:php=table --&gt;
&lt;/table&gt;</summary>
		<author><name>Manetta</name></author>
	</entry>
	<entry>
		<id>http://cc.practices.tools/wiki/index.php?title=Tools_shape_practice_shapes_tools...&amp;diff=5051&amp;oldid=prev</id>
		<title>Manetta: /* A network of networks */</title>
		<link rel="alternate" type="text/html" href="http://cc.practices.tools/wiki/index.php?title=Tools_shape_practice_shapes_tools...&amp;diff=5051&amp;oldid=prev"/>
		<updated>2025-10-02T18:44:35Z</updated>

		<summary type="html">&lt;p&gt;&lt;span class=&quot;autocomment&quot;&gt;A network of networks&lt;/span&gt;&lt;/p&gt;
&lt;table style=&quot;background-color: #fff; color: #202122;&quot; data-mw=&quot;interface&quot;&gt;
				&lt;col class=&quot;diff-marker&quot; /&gt;
				&lt;col class=&quot;diff-content&quot; /&gt;
				&lt;col class=&quot;diff-marker&quot; /&gt;
				&lt;col class=&quot;diff-content&quot; /&gt;
				&lt;tr class=&quot;diff-title&quot; lang=&quot;en&quot;&gt;
				&lt;td colspan=&quot;2&quot; style=&quot;background-color: #fff; color: #202122; text-align: center;&quot;&gt;← Older revision&lt;/td&gt;
				&lt;td colspan=&quot;2&quot; style=&quot;background-color: #fff; color: #202122; text-align: center;&quot;&gt;Revision as of 18:44, 2 October 2025&lt;/td&gt;
				&lt;/tr&gt;&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot; id=&quot;mw-diff-left-l33&quot;&gt;Line 33:&lt;/td&gt;
&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot;&gt;Line 33:&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;OSP’s work on &amp;#039;&amp;#039;&amp;#039;html2print&amp;#039;&amp;#039;&amp;#039; generates interest among design students in France and Belgium. Designers, clients and publishers are increasingly interested in these experimental workflows and writing environments, including graphic designers &amp;lt;strong&amp;gt;Raphael Bastide&amp;lt;/strong&amp;gt; and &amp;lt;strong&amp;gt;Sarah Garcin&amp;lt;/strong&amp;gt; who found &amp;lt;strong&amp;gt;PrePostPrint&amp;lt;/strong&amp;gt; in 2017 (PrePostPrint, 2024). Calling themselves a &amp;#039;&amp;#039;&amp;#039;community of practice&amp;#039;&amp;#039;&amp;#039;, they launch the initiative with a well-attended meeting in Paris (Raphaël Bastide and Quentin Juhel, 2024). The energy is mainly techno-aesthetic and their relationship with Free Software pragmatic. &amp;lt;strong&amp;gt;Quentin Juhel&amp;lt;/strong&amp;gt;, &amp;lt;strong&amp;gt;Julien Bidoret&amp;lt;/strong&amp;gt;, &amp;lt;strong&amp;gt;Julie Blanc&amp;lt;/strong&amp;gt;, &amp;lt;strong&amp;gt;Lucile Haute&amp;lt;/strong&amp;gt; and &amp;lt;strong&amp;gt;Julien Taquet&amp;lt;/strong&amp;gt; join and PrePostPrint grows into a strong French-speaking network that is regularly invited to give workshops at art schools across France.&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;OSP’s work on &amp;#039;&amp;#039;&amp;#039;html2print&amp;#039;&amp;#039;&amp;#039; generates interest among design students in France and Belgium. Designers, clients and publishers are increasingly interested in these experimental workflows and writing environments, including graphic designers &amp;lt;strong&amp;gt;Raphael Bastide&amp;lt;/strong&amp;gt; and &amp;lt;strong&amp;gt;Sarah Garcin&amp;lt;/strong&amp;gt; who found &amp;lt;strong&amp;gt;PrePostPrint&amp;lt;/strong&amp;gt; in 2017 (PrePostPrint, 2024). Calling themselves a &amp;#039;&amp;#039;&amp;#039;community of practice&amp;#039;&amp;#039;&amp;#039;, they launch the initiative with a well-attended meeting in Paris (Raphaël Bastide and Quentin Juhel, 2024). The energy is mainly techno-aesthetic and their relationship with Free Software pragmatic. &amp;lt;strong&amp;gt;Quentin Juhel&amp;lt;/strong&amp;gt;, &amp;lt;strong&amp;gt;Julien Bidoret&amp;lt;/strong&amp;gt;, &amp;lt;strong&amp;gt;Julie Blanc&amp;lt;/strong&amp;gt;, &amp;lt;strong&amp;gt;Lucile Haute&amp;lt;/strong&amp;gt; and &amp;lt;strong&amp;gt;Julien Taquet&amp;lt;/strong&amp;gt; join and PrePostPrint grows into a strong French-speaking network that is regularly invited to give workshops at art schools across France.&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;−&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;An important node in the network-of-networks is &amp;lt;strong&amp;gt;Varia&amp;lt;/strong&amp;gt;, a “collective space for everyday technology” is found in Rotterdam by a group of former XPUB students in the same year (Varia, 2024). For Varia the making of publications is part of its practice, and their intersecting interest in collective work, feminist servers and custom tools leads to new ways of working and distinct aesthetics. In 2019, &amp;lt;strong&amp;gt;Hackers and Designers&amp;lt;/strong&amp;gt; emerges in Amsterdam, playfully interrogating the role of code in graphic design practices (Hackers and Designers, 2024). In a range of other places, enthusiasm for FLOSS design practices grows, resulting in interconnected publishing initiatives such as &amp;lt;strong&amp;gt;Greyscale Press&amp;lt;/strong&amp;gt;, &amp;lt;strong&amp;gt;Freeze+Press&amp;lt;/strong&amp;gt; (Haag), book sprints and ideas around &#039;&#039;&#039;&#039;single source publishing&#039;&#039;&#039;&#039; (Hyde). Some of the experimentations are ported to academic environments such as the &amp;lt;strong&amp;gt;Hybrid Publishing Lab&amp;lt;/strong&amp;gt; at Leuphana University in Lüneburg and the &amp;lt;strong&amp;gt;Hybrid Publishing Consortium&amp;lt;/strong&amp;gt; (Worthington). The research project &amp;lt;strong&amp;gt;Hybrid Publishing Toolkit for the Arts&amp;lt;/strong&amp;gt;, led by the Amsterdam based &amp;lt;strong&amp;gt;Institute for Network Cultures&amp;lt;/strong&amp;gt;, collaborates with &amp;lt;strong&amp;gt;Creating 010&amp;lt;/strong&amp;gt; at the &amp;lt;strong&amp;gt;Willem de Kooning Academy&amp;lt;/strong&amp;gt; in Rotterdam, and continues as a course and publishing project until today. &amp;lt;strong&amp;gt;Servus&amp;lt;/strong&amp;gt; organises a &#039;&#039;&#039;Des*gn Week&#039;&#039;&#039; in Linz, ex-XPUB &amp;lt;strong&amp;gt;Alex Roidl&amp;lt;/strong&amp;gt; contributes to the &#039;&#039;&#039;Hybrid Publishing Systems curriculum&#039;&#039;&#039; and &amp;lt;strong&amp;gt;Simon&amp;lt;/strong&amp;gt; and &amp;lt;strong&amp;gt;Manetta&amp;lt;/strong&amp;gt; launch &#039;&#039;&#039;Creative Crowds&#039;&#039;&#039; (CC), a dedicated server for FLOSS publishing experiments. The &#039;&#039;&#039;Experimental Publishing Compendium&#039;&#039;&#039; is launched as part of the &#039;&#039;&#039;COPIM&#039;&#039;&#039; project, and an axis emerges between Canada and France around &#039;&#039;&#039;Inachevé d&#039;imprimer&#039;&#039;&#039;. Recently in the UK context, a new initiative brings together an interest in feminist servers with FLOSS publishing: &amp;lt;strong&amp;gt;Servpub&amp;lt;/strong&amp;gt; puts into practice the term &#039;computational publishing&#039; that we learned from &amp;lt;strong&amp;gt;Winnie Soon&amp;lt;/strong&amp;gt;, co-produced by &amp;lt;strong&amp;gt;Systerserver&amp;lt;/strong&amp;gt;, &amp;lt;strong&amp;gt;In-grid&amp;lt;/strong&amp;gt;, &amp;lt;strong&amp;gt;noNames&amp;lt;/strong&amp;gt;, &amp;lt;strong&amp;gt;SHAPE&amp;lt;/strong&amp;gt;, &amp;lt;strong&amp;gt;Creative Crowds&amp;lt;/strong&amp;gt; and publisher &amp;lt;strong&amp;gt;Minor Compositions&amp;lt;/strong&amp;gt;.&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;An important node in the network-of-networks is &amp;lt;strong&amp;gt;Varia&amp;lt;/strong&amp;gt;, a “collective space for everyday technology” is found in Rotterdam by a group of former XPUB students in the same year (Varia, 2024). For Varia the making of publications is part of its practice, and their intersecting interest in collective work, feminist servers and custom tools leads to new ways of working and distinct aesthetics. In 2019, &amp;lt;strong&amp;gt;Hackers and Designers&amp;lt;/strong&amp;gt; emerges in Amsterdam, playfully interrogating the role of code in graphic design practices (Hackers and Designers, 2024). In a range of other places, enthusiasm for FLOSS design practices grows, resulting in interconnected publishing initiatives such as &amp;lt;strong&amp;gt;Greyscale Press&amp;lt;/strong&amp;gt;, &amp;lt;strong&amp;gt;Freeze+Press&amp;lt;/strong&amp;gt; (Haag), book sprints and ideas around &#039;&#039;&#039;&#039;single source publishing&#039;&#039;&#039;&#039; (Hyde). Some of the experimentations are ported to academic environments such as the &amp;lt;strong&amp;gt;Hybrid Publishing Lab&amp;lt;/strong&amp;gt; at Leuphana University in Lüneburg and the &amp;lt;strong&amp;gt;Hybrid Publishing Consortium&amp;lt;/strong&amp;gt; (Worthington). The research project &amp;lt;strong&amp;gt;Hybrid Publishing Toolkit for the Arts&amp;lt;/strong&amp;gt;, led by the Amsterdam based &amp;lt;strong&amp;gt;Institute for Network Cultures&amp;lt;/strong&amp;gt;, collaborates with &amp;lt;strong&amp;gt;Creating 010&amp;lt;/strong&amp;gt; at the &amp;lt;strong&amp;gt;Willem de Kooning Academy&amp;lt;/strong&amp;gt; in Rotterdam, and continues as a course and publishing project until today. &amp;lt;strong&amp;gt;Servus&amp;lt;/strong&amp;gt; organises a &#039;&#039;&#039;Des*gn Week&#039;&#039;&#039; in Linz, ex-XPUB &amp;lt;strong&amp;gt;Alex Roidl&amp;lt;/strong&amp;gt; contributes to the &#039;&#039;&#039;Hybrid Publishing Systems curriculum&#039;&#039;&#039; and &amp;lt;strong&amp;gt;Simon &lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;Browne&lt;/ins&gt;&amp;lt;/strong&amp;gt; and &amp;lt;strong&amp;gt;Manetta &lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;Berends&lt;/ins&gt;&amp;lt;/strong&amp;gt; launch &#039;&#039;&#039;Creative Crowds&#039;&#039;&#039; (CC), a dedicated server for FLOSS publishing experiments. The &#039;&#039;&#039;Experimental Publishing Compendium&#039;&#039;&#039; is launched as part of the &#039;&#039;&#039;COPIM&#039;&#039;&#039; project, and an axis emerges between Canada and France around &#039;&#039;&#039;Inachevé d&#039;imprimer&#039;&#039;&#039;. Recently in the UK context, a new initiative brings together an interest in feminist servers with FLOSS publishing: &amp;lt;strong&amp;gt;Servpub&amp;lt;/strong&amp;gt; puts into practice the term &#039;computational publishing&#039; that we learned from &amp;lt;strong&amp;gt;Winnie Soon&amp;lt;/strong&amp;gt;, co-produced by &amp;lt;strong&amp;gt;Systerserver&amp;lt;/strong&amp;gt;, &amp;lt;strong&amp;gt;In-grid&amp;lt;/strong&amp;gt;, &amp;lt;strong&amp;gt;noNames&amp;lt;/strong&amp;gt;, &amp;lt;strong&amp;gt;SHAPE&amp;lt;/strong&amp;gt;, &amp;lt;strong&amp;gt;Creative Crowds&amp;lt;/strong&amp;gt; and publisher &amp;lt;strong&amp;gt;Minor Compositions&amp;lt;/strong&amp;gt;.&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;In 2022, &amp;lt;strong&amp;gt;Simon&amp;lt;/strong&amp;gt; and &amp;lt;strong&amp;gt;Manetta&amp;lt;/strong&amp;gt; feel it is time to create more visibility and space for these graphic design practices, which prompts &amp;#039;&amp;#039;&amp;#039;Publishing Partyline&amp;#039;&amp;#039;&amp;#039;, a radio programme and two-day event (Varia, 2022a). The &amp;lt;strong&amp;gt;PrePostPrint&amp;lt;/strong&amp;gt; network is meanwhile looking for a next step, and a large delegation travels to Rotterdam to participate in the event. As &amp;lt;strong&amp;gt;Amélie Dumont&amp;lt;/strong&amp;gt; puts it in one of the radio interviews, &amp;lt;span class=&amp;quot;quote&amp;quot;&amp;gt;«we have to work in other ways and find other ways of doing»&amp;lt;/span&amp;gt; (Berends, 2023).&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;In 2022, &amp;lt;strong&amp;gt;Simon&amp;lt;/strong&amp;gt; and &amp;lt;strong&amp;gt;Manetta&amp;lt;/strong&amp;gt; feel it is time to create more visibility and space for these graphic design practices, which prompts &amp;#039;&amp;#039;&amp;#039;Publishing Partyline&amp;#039;&amp;#039;&amp;#039;, a radio programme and two-day event (Varia, 2022a). The &amp;lt;strong&amp;gt;PrePostPrint&amp;lt;/strong&amp;gt; network is meanwhile looking for a next step, and a large delegation travels to Rotterdam to participate in the event. As &amp;lt;strong&amp;gt;Amélie Dumont&amp;lt;/strong&amp;gt; puts it in one of the radio interviews, &amp;lt;span class=&amp;quot;quote&amp;quot;&amp;gt;«we have to work in other ways and find other ways of doing»&amp;lt;/span&amp;gt; (Berends, 2023).&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;

&lt;!-- diff cache key wikicc:diff:1.41:old-5050:rev-5051:php=table --&gt;
&lt;/table&gt;</summary>
		<author><name>Manetta</name></author>
	</entry>
	<entry>
		<id>http://cc.practices.tools/wiki/index.php?title=Tools_shape_practice_shapes_tools...&amp;diff=5050&amp;oldid=prev</id>
		<title>Manetta: /* A network of networks */</title>
		<link rel="alternate" type="text/html" href="http://cc.practices.tools/wiki/index.php?title=Tools_shape_practice_shapes_tools...&amp;diff=5050&amp;oldid=prev"/>
		<updated>2025-10-02T18:42:14Z</updated>

		<summary type="html">&lt;p&gt;&lt;span class=&quot;autocomment&quot;&gt;A network of networks&lt;/span&gt;&lt;/p&gt;
&lt;table style=&quot;background-color: #fff; color: #202122;&quot; data-mw=&quot;interface&quot;&gt;
				&lt;col class=&quot;diff-marker&quot; /&gt;
				&lt;col class=&quot;diff-content&quot; /&gt;
				&lt;col class=&quot;diff-marker&quot; /&gt;
				&lt;col class=&quot;diff-content&quot; /&gt;
				&lt;tr class=&quot;diff-title&quot; lang=&quot;en&quot;&gt;
				&lt;td colspan=&quot;2&quot; style=&quot;background-color: #fff; color: #202122; text-align: center;&quot;&gt;← Older revision&lt;/td&gt;
				&lt;td colspan=&quot;2&quot; style=&quot;background-color: #fff; color: #202122; text-align: center;&quot;&gt;Revision as of 18:42, 2 October 2025&lt;/td&gt;
				&lt;/tr&gt;&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot; id=&quot;mw-diff-left-l33&quot;&gt;Line 33:&lt;/td&gt;
&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot;&gt;Line 33:&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;OSP’s work on &amp;#039;&amp;#039;&amp;#039;html2print&amp;#039;&amp;#039;&amp;#039; generates interest among design students in France and Belgium. Designers, clients and publishers are increasingly interested in these experimental workflows and writing environments, including graphic designers &amp;lt;strong&amp;gt;Raphael Bastide&amp;lt;/strong&amp;gt; and &amp;lt;strong&amp;gt;Sarah Garcin&amp;lt;/strong&amp;gt; who found &amp;lt;strong&amp;gt;PrePostPrint&amp;lt;/strong&amp;gt; in 2017 (PrePostPrint, 2024). Calling themselves a &amp;#039;&amp;#039;&amp;#039;community of practice&amp;#039;&amp;#039;&amp;#039;, they launch the initiative with a well-attended meeting in Paris (Raphaël Bastide and Quentin Juhel, 2024). The energy is mainly techno-aesthetic and their relationship with Free Software pragmatic. &amp;lt;strong&amp;gt;Quentin Juhel&amp;lt;/strong&amp;gt;, &amp;lt;strong&amp;gt;Julien Bidoret&amp;lt;/strong&amp;gt;, &amp;lt;strong&amp;gt;Julie Blanc&amp;lt;/strong&amp;gt;, &amp;lt;strong&amp;gt;Lucile Haute&amp;lt;/strong&amp;gt; and &amp;lt;strong&amp;gt;Julien Taquet&amp;lt;/strong&amp;gt; join and PrePostPrint grows into a strong French-speaking network that is regularly invited to give workshops at art schools across France.&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;OSP’s work on &amp;#039;&amp;#039;&amp;#039;html2print&amp;#039;&amp;#039;&amp;#039; generates interest among design students in France and Belgium. Designers, clients and publishers are increasingly interested in these experimental workflows and writing environments, including graphic designers &amp;lt;strong&amp;gt;Raphael Bastide&amp;lt;/strong&amp;gt; and &amp;lt;strong&amp;gt;Sarah Garcin&amp;lt;/strong&amp;gt; who found &amp;lt;strong&amp;gt;PrePostPrint&amp;lt;/strong&amp;gt; in 2017 (PrePostPrint, 2024). Calling themselves a &amp;#039;&amp;#039;&amp;#039;community of practice&amp;#039;&amp;#039;&amp;#039;, they launch the initiative with a well-attended meeting in Paris (Raphaël Bastide and Quentin Juhel, 2024). The energy is mainly techno-aesthetic and their relationship with Free Software pragmatic. &amp;lt;strong&amp;gt;Quentin Juhel&amp;lt;/strong&amp;gt;, &amp;lt;strong&amp;gt;Julien Bidoret&amp;lt;/strong&amp;gt;, &amp;lt;strong&amp;gt;Julie Blanc&amp;lt;/strong&amp;gt;, &amp;lt;strong&amp;gt;Lucile Haute&amp;lt;/strong&amp;gt; and &amp;lt;strong&amp;gt;Julien Taquet&amp;lt;/strong&amp;gt; join and PrePostPrint grows into a strong French-speaking network that is regularly invited to give workshops at art schools across France.&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;−&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;An important node in the network-of-networks is &amp;lt;strong&amp;gt;Varia&amp;lt;/strong&amp;gt;, a “collective space for everyday technology” is found in Rotterdam by a group of former XPUB students in the same year (Varia, 2024). For Varia the making of publications is part of its practice, and their intersecting interest in collective work, feminist servers and custom tools leads to new ways of working and distinct aesthetics. In 2019, &amp;lt;strong&amp;gt;Hackers and Designers&amp;lt;/strong&amp;gt; emerges in Amsterdam, playfully interrogating the role of code in graphic design practices (Hackers and Designers, 2024). In a range of other places, enthusiasm for FLOSS design practices grows, resulting in interconnected publishing initiatives such as &amp;lt;strong&amp;gt;Greyscale Press&amp;lt;/strong&amp;gt;, &amp;lt;strong&amp;gt;Freeze+Press&amp;lt;/strong&amp;gt; (Haag), book sprints and ideas around &#039;&#039;&#039;&#039;single source publishing&#039;&#039;&#039;&#039; (Hyde). Some of the experimentations are ported to academic environments such as the &amp;lt;strong&amp;gt;Hybrid Publishing Lab&amp;lt;/strong&amp;gt; at Leuphana University in Lüneburg and the &amp;lt;strong&amp;gt;Hybrid Publishing Consortium&amp;lt;/strong&amp;gt; (Worthington). The research project &amp;lt;strong&amp;gt;Hybrid Publishing Toolkit for the Arts&amp;lt;/strong&amp;gt;, led by the Amsterdam based &amp;lt;strong&amp;gt;Institute for Network Cultures&amp;lt;/strong&amp;gt;, collaborates with &amp;lt;strong&amp;gt;Creating 010&amp;lt;/strong&amp;gt; at the &amp;lt;strong&amp;gt;Willem de Kooning Academy&amp;lt;/strong&amp;gt; in Rotterdam, and continues as a course and publishing project until today. &amp;lt;strong&amp;gt;Servus&amp;lt;/strong&amp;gt; organises a &#039;&#039;&#039;Des*gn Week&#039;&#039;&#039; in Linz, &lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;and &lt;/del&gt;ex-XPUB &amp;lt;strong&amp;gt;Alex Roidl&amp;lt;/strong&amp;gt; contributes to the &#039;&#039;&#039;Hybrid Publishing Systems curriculum&#039;&#039;&#039;. The &#039;&#039;&#039;Experimental Publishing Compendium&#039;&#039;&#039; is launched as part of the &#039;&#039;&#039;COPIM&#039;&#039;&#039; project, and an axis emerges between Canada and France around &#039;&#039;&#039;Inachevé d&#039;imprimer&#039;&#039;&#039;. Recently in the UK context, a new initiative brings together an interest in feminist servers with FLOSS publishing&lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;. &lt;/del&gt;&amp;lt;strong&amp;gt;Servpub&amp;lt;/strong&amp;gt; puts into practice the term &#039;computational publishing&#039; that we learned from &amp;lt;strong&amp;gt;Winnie Soon&amp;lt;/strong&amp;gt;.&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;An important node in the network-of-networks is &amp;lt;strong&amp;gt;Varia&amp;lt;/strong&amp;gt;, a “collective space for everyday technology” is found in Rotterdam by a group of former XPUB students in the same year (Varia, 2024). For Varia the making of publications is part of its practice, and their intersecting interest in collective work, feminist servers and custom tools leads to new ways of working and distinct aesthetics. In 2019, &amp;lt;strong&amp;gt;Hackers and Designers&amp;lt;/strong&amp;gt; emerges in Amsterdam, playfully interrogating the role of code in graphic design practices (Hackers and Designers, 2024). In a range of other places, enthusiasm for FLOSS design practices grows, resulting in interconnected publishing initiatives such as &amp;lt;strong&amp;gt;Greyscale Press&amp;lt;/strong&amp;gt;, &amp;lt;strong&amp;gt;Freeze+Press&amp;lt;/strong&amp;gt; (Haag), book sprints and ideas around &#039;&#039;&#039;&#039;single source publishing&#039;&#039;&#039;&#039; (Hyde). Some of the experimentations are ported to academic environments such as the &amp;lt;strong&amp;gt;Hybrid Publishing Lab&amp;lt;/strong&amp;gt; at Leuphana University in Lüneburg and the &amp;lt;strong&amp;gt;Hybrid Publishing Consortium&amp;lt;/strong&amp;gt; (Worthington). The research project &amp;lt;strong&amp;gt;Hybrid Publishing Toolkit for the Arts&amp;lt;/strong&amp;gt;, led by the Amsterdam based &amp;lt;strong&amp;gt;Institute for Network Cultures&amp;lt;/strong&amp;gt;, collaborates with &amp;lt;strong&amp;gt;Creating 010&amp;lt;/strong&amp;gt; at the &amp;lt;strong&amp;gt;Willem de Kooning Academy&amp;lt;/strong&amp;gt; in Rotterdam, and continues as a course and publishing project until today. &amp;lt;strong&amp;gt;Servus&amp;lt;/strong&amp;gt; organises a &#039;&#039;&#039;Des*gn Week&#039;&#039;&#039; in Linz, ex-XPUB &amp;lt;strong&amp;gt;Alex Roidl&amp;lt;/strong&amp;gt; contributes to the &#039;&#039;&#039;Hybrid Publishing Systems curriculum&#039;&#039;&#039; &lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;and &amp;lt;strong&amp;gt;Simon&amp;lt;/strong&amp;gt; and &amp;lt;strong&amp;gt;Manetta&amp;lt;/strong&amp;gt; launch &#039;&#039;&#039;Creative Crowds&#039;&#039;&#039; (CC), a dedicated server for FLOSS publishing experiments&lt;/ins&gt;. The &#039;&#039;&#039;Experimental Publishing Compendium&#039;&#039;&#039; is launched as part of the &#039;&#039;&#039;COPIM&#039;&#039;&#039; project, and an axis emerges between Canada and France around &#039;&#039;&#039;Inachevé d&#039;imprimer&#039;&#039;&#039;. Recently in the UK context, a new initiative brings together an interest in feminist servers with FLOSS publishing&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;: &lt;/ins&gt;&amp;lt;strong&amp;gt;Servpub&amp;lt;/strong&amp;gt; puts into practice the term &#039;computational publishing&#039; that we learned from &amp;lt;strong&amp;gt;Winnie Soon&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;&amp;lt;/strong&amp;gt;, co-produced by &amp;lt;strong&amp;gt;Systerserver&amp;lt;/strong&amp;gt;, &amp;lt;strong&amp;gt;In-grid&amp;lt;/strong&amp;gt;, &amp;lt;strong&amp;gt;noNames&amp;lt;/strong&amp;gt;, &amp;lt;strong&amp;gt;SHAPE&amp;lt;/strong&amp;gt;, &amp;lt;strong&amp;gt;Creative Crowds&amp;lt;/strong&amp;gt; and publisher &amp;lt;strong&amp;gt;Minor Compositions&lt;/ins&gt;&amp;lt;/strong&amp;gt;.&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;In 2022, &amp;lt;strong&amp;gt;Simon&amp;lt;/strong&amp;gt; and &amp;lt;strong&amp;gt;Manetta&amp;lt;/strong&amp;gt; feel it is time to create more visibility and space for these graphic design practices, which prompts &amp;#039;&amp;#039;&amp;#039;Publishing Partyline&amp;#039;&amp;#039;&amp;#039;, a radio programme and two-day event (Varia, 2022a). The &amp;lt;strong&amp;gt;PrePostPrint&amp;lt;/strong&amp;gt; network is meanwhile looking for a next step, and a large delegation travels to Rotterdam to participate in the event. As &amp;lt;strong&amp;gt;Amélie Dumont&amp;lt;/strong&amp;gt; puts it in one of the radio interviews, &amp;lt;span class=&amp;quot;quote&amp;quot;&amp;gt;«we have to work in other ways and find other ways of doing»&amp;lt;/span&amp;gt; (Berends, 2023).&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;In 2022, &amp;lt;strong&amp;gt;Simon&amp;lt;/strong&amp;gt; and &amp;lt;strong&amp;gt;Manetta&amp;lt;/strong&amp;gt; feel it is time to create more visibility and space for these graphic design practices, which prompts &amp;#039;&amp;#039;&amp;#039;Publishing Partyline&amp;#039;&amp;#039;&amp;#039;, a radio programme and two-day event (Varia, 2022a). The &amp;lt;strong&amp;gt;PrePostPrint&amp;lt;/strong&amp;gt; network is meanwhile looking for a next step, and a large delegation travels to Rotterdam to participate in the event. As &amp;lt;strong&amp;gt;Amélie Dumont&amp;lt;/strong&amp;gt; puts it in one of the radio interviews, &amp;lt;span class=&amp;quot;quote&amp;quot;&amp;gt;«we have to work in other ways and find other ways of doing»&amp;lt;/span&amp;gt; (Berends, 2023).&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;

&lt;!-- diff cache key wikicc:diff:1.41:old-5049:rev-5050:php=table --&gt;
&lt;/table&gt;</summary>
		<author><name>Manetta</name></author>
	</entry>
	<entry>
		<id>http://cc.practices.tools/wiki/index.php?title=Tools_shape_practice_shapes_tools...&amp;diff=5049&amp;oldid=prev</id>
		<title>Manetta at 18:26, 2 October 2025</title>
		<link rel="alternate" type="text/html" href="http://cc.practices.tools/wiki/index.php?title=Tools_shape_practice_shapes_tools...&amp;diff=5049&amp;oldid=prev"/>
		<updated>2025-10-02T18:26:46Z</updated>

		<summary type="html">&lt;p&gt;&lt;/p&gt;
&lt;table style=&quot;background-color: #fff; color: #202122;&quot; data-mw=&quot;interface&quot;&gt;
				&lt;col class=&quot;diff-marker&quot; /&gt;
				&lt;col class=&quot;diff-content&quot; /&gt;
				&lt;col class=&quot;diff-marker&quot; /&gt;
				&lt;col class=&quot;diff-content&quot; /&gt;
				&lt;tr class=&quot;diff-title&quot; lang=&quot;en&quot;&gt;
				&lt;td colspan=&quot;2&quot; style=&quot;background-color: #fff; color: #202122; text-align: center;&quot;&gt;← Older revision&lt;/td&gt;
				&lt;td colspan=&quot;2&quot; style=&quot;background-color: #fff; color: #202122; text-align: center;&quot;&gt;Revision as of 18:26, 2 October 2025&lt;/td&gt;
				&lt;/tr&gt;&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot; id=&quot;mw-diff-left-l172&quot;&gt;Line 172:&lt;/td&gt;
&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot;&gt;Line 172:&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;=== Etherpad ===&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;=== Etherpad ===&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;−&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;The collaborative word processing software &#039;&#039;&#039;etherpad&#039;&#039;&#039; is widely used in cultural organisations and educational situations. Not only does &#039;&#039;&#039;etherpad&#039;&#039;&#039; allow working on the same document simultaneously in an accessible way, but unlike commercial counterparts, it also offers easy export to plain text. This allows programmatic, content and style adjustments to be made on the same page, and that exciting feature sparked many customised tools (Image 23-25). As &amp;lt;strong&amp;gt;Martino&amp;lt;/strong&amp;gt; observes in Constant Padology, maintaining the software and working on the visual layout is therefore done in close collaboration: &amp;lt;span class=&quot;quote&quot;&amp;gt;«Publishing with experimental pipelines means the collapse of the rigid separation between editorial work, design work, development, and infrastructure care»&amp;lt;/span&amp;gt; (Morandi, 2023, para. 19). A few examples: &#039;&#039;&#039;Ethertoff&#039;&#039;&#039;, collective web and print publishing tool introduced by &amp;lt;strong&amp;gt;OSP&amp;lt;/strong&amp;gt; in 2013 in the context of Relearn. &#039;&#039;&#039;Etherbox&#039;&#039;&#039;, a constellation of, among other things, a local server and Etherpads used in collective sessions for note-taking, source material sharing and publication, developed in the context of Constant. &#039;&#039;&#039;etherdump&#039;&#039;&#039;, a command-line tool that stores pads as files to be indexed and archived, developed by &amp;lt;strong&amp;gt;Michael Murtaugh&amp;lt;/strong&amp;gt;. &#039;&#039;&#039;Etherpash&#039;&#039;&#039; uses homemade local marker code to trigger any commandline action, developed by &amp;lt;strong&amp;gt;Christoph Haag&amp;lt;/strong&amp;gt; for &#039;&#039;I think that conversations are the best, biggest thing that Free Software has to offer its user&#039;&#039;. For &#039;&#039;&#039;octomode&#039;&#039;&#039; see section 4.2. &#039;&#039;&#039;DEViation&#039;&#039;&#039; is developed by &amp;lt;strong&amp;gt;Luuse&amp;lt;/strong&amp;gt; for a two-day workshop, and &amp;lt;strong&amp;gt;Martino&amp;lt;/strong&amp;gt; devises &#039;&#039;&#039;Tardigraph&#039;&#039;&#039;, a web interface that allows writing and generating code together for diagrams with &#039;&#039;&#039;graphviz&#039;&#039;&#039;.&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;The collaborative word processing software &#039;&#039;&#039;etherpad&#039;&#039;&#039; is widely used in cultural organisations and educational situations. Not only does &#039;&#039;&#039;etherpad&#039;&#039;&#039; allow working on the same document simultaneously in an accessible way, but unlike commercial counterparts, it also offers easy export to plain text. This allows programmatic, content and style adjustments to be made on the same page, and that exciting feature sparked many customised tools (Image 23-25). As &amp;lt;strong&amp;gt;Martino&amp;lt;/strong&amp;gt; observes in &lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;&#039;&#039;&lt;/ins&gt;Constant Padology&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;&#039;&#039;&lt;/ins&gt;, maintaining the software and working on the visual layout is therefore done in close collaboration: &amp;lt;span class=&quot;quote&quot;&amp;gt;«Publishing with experimental pipelines means the collapse of the rigid separation between editorial work, design work, development, and infrastructure care»&amp;lt;/span&amp;gt; (Morandi, 2023, para. 19). A few examples: &#039;&#039;&#039;Ethertoff&#039;&#039;&#039;, collective web and print publishing tool introduced by &amp;lt;strong&amp;gt;OSP&amp;lt;/strong&amp;gt; in 2013 in the context of Relearn. &#039;&#039;&#039;Etherbox&#039;&#039;&#039;, a constellation of, among other things, a local server and Etherpads used in collective sessions for note-taking, source material sharing and publication, developed in the context of Constant. &#039;&#039;&#039;etherdump&#039;&#039;&#039;, a command-line tool that stores pads as files to be indexed and archived, developed by &amp;lt;strong&amp;gt;Michael Murtaugh&amp;lt;/strong&amp;gt;. &#039;&#039;&#039;Etherpash&#039;&#039;&#039; uses homemade local marker code to trigger any commandline action, developed by &amp;lt;strong&amp;gt;Christoph Haag&amp;lt;/strong&amp;gt; for &#039;&#039;I think that conversations are the best, biggest thing that Free Software has to offer its user&#039;&#039;. For &#039;&#039;&#039;octomode&#039;&#039;&#039; see section 4.2. &#039;&#039;&#039;DEViation&#039;&#039;&#039; is developed by &amp;lt;strong&amp;gt;Luuse&amp;lt;/strong&amp;gt; for a two-day workshop, and &amp;lt;strong&amp;gt;Martino&amp;lt;/strong&amp;gt; devises &#039;&#039;&#039;Tardigraph&#039;&#039;&#039;, a web interface that allows writing and generating code together for diagrams with &#039;&#039;&#039;graphviz&#039;&#039;&#039;.&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;/tr&gt;

&lt;!-- diff cache key wikicc:diff:1.41:old-5048:rev-5049:php=table --&gt;
&lt;/table&gt;</summary>
		<author><name>Manetta</name></author>
	</entry>
	<entry>
		<id>http://cc.practices.tools/wiki/index.php?title=Tools_shape_practice_shapes_tools...&amp;diff=5048&amp;oldid=prev</id>
		<title>Manetta: /* Do tools shape practice? */</title>
		<link rel="alternate" type="text/html" href="http://cc.practices.tools/wiki/index.php?title=Tools_shape_practice_shapes_tools...&amp;diff=5048&amp;oldid=prev"/>
		<updated>2025-10-02T18:26:03Z</updated>

		<summary type="html">&lt;p&gt;&lt;span class=&quot;autocomment&quot;&gt;Do tools shape practice?&lt;/span&gt;&lt;/p&gt;
&lt;table style=&quot;background-color: #fff; color: #202122;&quot; data-mw=&quot;interface&quot;&gt;
				&lt;col class=&quot;diff-marker&quot; /&gt;
				&lt;col class=&quot;diff-content&quot; /&gt;
				&lt;col class=&quot;diff-marker&quot; /&gt;
				&lt;col class=&quot;diff-content&quot; /&gt;
				&lt;tr class=&quot;diff-title&quot; lang=&quot;en&quot;&gt;
				&lt;td colspan=&quot;2&quot; style=&quot;background-color: #fff; color: #202122; text-align: center;&quot;&gt;← Older revision&lt;/td&gt;
				&lt;td colspan=&quot;2&quot; style=&quot;background-color: #fff; color: #202122; text-align: center;&quot;&gt;Revision as of 18:26, 2 October 2025&lt;/td&gt;
				&lt;/tr&gt;&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot; id=&quot;mw-diff-left-l188&quot;&gt;Line 188:&lt;/td&gt;
&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot;&gt;Line 188:&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;== Do tools shape practice? ==&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;== Do tools shape practice? ==&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;−&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;Over the years, it has become clear to us that it is not enough to merely strive for free, libre and open source software workflows without also paying attention to developing, for example, feminist and anti-colonial methods, or thinking about the relationship between technological infrastructure and climate justice (PrePostPrint @ LGM, 2024). If the decision to use FLOSS is not accompanied by developing non-extractive economic models and collective organisation, they are mere techno-solutionist practices. The FLOSS movement itself has also changed. Multiple critical voices emerged to fundamentally rethink the principles of open access, many new &#039;&#039;&#039;copyleft licenses&#039;&#039;&#039; circulate that break with the principles advocated by the &amp;lt;strong&amp;gt;Free Software Foundation&amp;lt;/strong&amp;gt;, and the movement&#039;s charismatic foreman has finally fallen off his pedestal (de Blanc et al., 2021). Twenty years ago, to work with free software was motivated both against the commercial logic of closed proprietary layout software, and from a desire to bring the worlds of designers and software developers closer. The curiosity about a more intimate relationship with digital tools is still there, but twenty years on, the context is no longer the same.&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;Over the years, it has become clear to us that it is not enough to merely strive for &lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;&#039;&#039;&#039;&lt;/ins&gt;free, libre and open source software workflows&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;&#039;&#039;&#039; &lt;/ins&gt;without also paying attention to developing, for example, &lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;&#039;&#039;&#039;&lt;/ins&gt;feminist and anti-colonial methods&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;&#039;&#039;&#039;&lt;/ins&gt;, or thinking about the relationship between technological infrastructure and &lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;&#039;&#039;&#039;&lt;/ins&gt;climate justice&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;&#039;&#039;&#039; &lt;/ins&gt;(PrePostPrint @ LGM, 2024). If the decision to use FLOSS is not accompanied by developing &lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;&#039;&#039;&#039;&lt;/ins&gt;non-extractive economic models&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;&#039;&#039;&#039; &lt;/ins&gt;and &lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;&#039;&#039;&#039;&lt;/ins&gt;collective organisation&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;&#039;&#039;&#039;&lt;/ins&gt;, they are mere &lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;&#039;&#039;&#039;&lt;/ins&gt;techno-solutionist practices&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;&#039;&#039;&#039;&lt;/ins&gt;. The FLOSS movement itself has also changed. Multiple critical voices emerged to fundamentally rethink the principles of open access, many new &#039;&#039;&#039;copyleft licenses&#039;&#039;&#039; circulate that break with the principles advocated by the &amp;lt;strong&amp;gt;Free Software Foundation&amp;lt;/strong&amp;gt;, and the movement&#039;s charismatic foreman has finally fallen off his pedestal (de Blanc et al., 2021). Twenty years ago, to work with free software was motivated both against the commercial logic of closed proprietary layout software, and from a desire to bring the worlds of designers and software developers closer. The curiosity about a more intimate relationship with digital tools is still there, but twenty years on, the context is no longer the same.&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;First, there is the challenge these practices pose to design education. As we saw in &amp;lt;strong&amp;gt;Relearn&amp;lt;/strong&amp;gt;, free software invites teaching in different ways. By introducing not only tools but also the culture and ideas around them, students are encouraged to think about how they want to shape their working environment, how they want to develop knowledge, their position and context. Within design education, it is therefore necessary to pay attention not only to WHAT students make or what statements they make, but also HOW they make that work, how they relate to others and from what underlying motivation or urgency those choices arise. As &amp;lt;strong&amp;gt;Silvio Lorusso&amp;lt;/strong&amp;gt; explains in his essay &amp;#039;&amp;#039;Learn to Code vs. Code to Learn&amp;#039;&amp;#039;, web design and creative coding are often the starting point to begin programming but that is not enough (Lorusso, 2022). Design education needs to provide students with starting points to build an infrastructure for their practice, technically, socially and administratively.  &lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;First, there is the challenge these practices pose to design education. As we saw in &amp;lt;strong&amp;gt;Relearn&amp;lt;/strong&amp;gt;, free software invites teaching in different ways. By introducing not only tools but also the culture and ideas around them, students are encouraged to think about how they want to shape their working environment, how they want to develop knowledge, their position and context. Within design education, it is therefore necessary to pay attention not only to WHAT students make or what statements they make, but also HOW they make that work, how they relate to others and from what underlying motivation or urgency those choices arise. As &amp;lt;strong&amp;gt;Silvio Lorusso&amp;lt;/strong&amp;gt; explains in his essay &amp;#039;&amp;#039;Learn to Code vs. Code to Learn&amp;#039;&amp;#039;, web design and creative coding are often the starting point to begin programming but that is not enough (Lorusso, 2022). Design education needs to provide students with starting points to build an infrastructure for their practice, technically, socially and administratively.  &lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;

&lt;!-- diff cache key wikicc:diff:1.41:old-5047:rev-5048:php=table --&gt;
&lt;/table&gt;</summary>
		<author><name>Manetta</name></author>
	</entry>
	<entry>
		<id>http://cc.practices.tools/wiki/index.php?title=Tools_shape_practice_shapes_tools...&amp;diff=5047&amp;oldid=prev</id>
		<title>Manetta: /* Do tools shape practice? */</title>
		<link rel="alternate" type="text/html" href="http://cc.practices.tools/wiki/index.php?title=Tools_shape_practice_shapes_tools...&amp;diff=5047&amp;oldid=prev"/>
		<updated>2025-10-02T18:22:26Z</updated>

		<summary type="html">&lt;p&gt;&lt;span class=&quot;autocomment&quot;&gt;Do tools shape practice?&lt;/span&gt;&lt;/p&gt;
&lt;table style=&quot;background-color: #fff; color: #202122;&quot; data-mw=&quot;interface&quot;&gt;
				&lt;col class=&quot;diff-marker&quot; /&gt;
				&lt;col class=&quot;diff-content&quot; /&gt;
				&lt;col class=&quot;diff-marker&quot; /&gt;
				&lt;col class=&quot;diff-content&quot; /&gt;
				&lt;tr class=&quot;diff-title&quot; lang=&quot;en&quot;&gt;
				&lt;td colspan=&quot;2&quot; style=&quot;background-color: #fff; color: #202122; text-align: center;&quot;&gt;← Older revision&lt;/td&gt;
				&lt;td colspan=&quot;2&quot; style=&quot;background-color: #fff; color: #202122; text-align: center;&quot;&gt;Revision as of 18:22, 2 October 2025&lt;/td&gt;
				&lt;/tr&gt;&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot; id=&quot;mw-diff-left-l190&quot;&gt;Line 190:&lt;/td&gt;
&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot;&gt;Line 190:&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;Over the years, it has become clear to us that it is not enough to merely strive for free, libre and open source software workflows without also paying attention to developing, for example, feminist and anti-colonial methods, or thinking about the relationship between technological infrastructure and climate justice (PrePostPrint @ LGM, 2024). If the decision to use FLOSS is not accompanied by developing non-extractive economic models and collective organisation, they are mere techno-solutionist practices. The FLOSS movement itself has also changed. Multiple critical voices emerged to fundamentally rethink the principles of open access, many new &amp;#039;&amp;#039;&amp;#039;copyleft licenses&amp;#039;&amp;#039;&amp;#039; circulate that break with the principles advocated by the &amp;lt;strong&amp;gt;Free Software Foundation&amp;lt;/strong&amp;gt;, and the movement&amp;#039;s charismatic foreman has finally fallen off his pedestal (de Blanc et al., 2021). Twenty years ago, to work with free software was motivated both against the commercial logic of closed proprietary layout software, and from a desire to bring the worlds of designers and software developers closer. The curiosity about a more intimate relationship with digital tools is still there, but twenty years on, the context is no longer the same.&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;Over the years, it has become clear to us that it is not enough to merely strive for free, libre and open source software workflows without also paying attention to developing, for example, feminist and anti-colonial methods, or thinking about the relationship between technological infrastructure and climate justice (PrePostPrint @ LGM, 2024). If the decision to use FLOSS is not accompanied by developing non-extractive economic models and collective organisation, they are mere techno-solutionist practices. The FLOSS movement itself has also changed. Multiple critical voices emerged to fundamentally rethink the principles of open access, many new &amp;#039;&amp;#039;&amp;#039;copyleft licenses&amp;#039;&amp;#039;&amp;#039; circulate that break with the principles advocated by the &amp;lt;strong&amp;gt;Free Software Foundation&amp;lt;/strong&amp;gt;, and the movement&amp;#039;s charismatic foreman has finally fallen off his pedestal (de Blanc et al., 2021). Twenty years ago, to work with free software was motivated both against the commercial logic of closed proprietary layout software, and from a desire to bring the worlds of designers and software developers closer. The curiosity about a more intimate relationship with digital tools is still there, but twenty years on, the context is no longer the same.&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;−&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;First, there is the challenge these practices pose to design education. As we saw in &amp;lt;strong&amp;gt;Relearn&amp;lt;/strong&amp;gt;, free software invites teaching in different ways. By introducing not only tools but also the culture and ideas around them, students are encouraged to think about how they want to shape their working environment, how they want to develop knowledge, their position and context. Within design education, it is therefore necessary to pay attention not only to WHAT students make or what statements they make, but also HOW they make that work, how they relate to others and from what underlying motivation or urgency those choices arise. As &lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;&#039;&#039;&#039;&lt;/del&gt;Silvio Lorusso&lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;&#039;&#039;&#039; &lt;/del&gt;explains in his essay &#039;&#039;Learn to Code vs. Code to Learn&#039;&#039;, web design and creative coding are often the starting point to begin programming but that is not enough (Lorusso, 2022). Design education needs to provide students with starting points to build an infrastructure for their practice, technically, socially and administratively.  &lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;First, there is the challenge these practices pose to design education. As we saw in &amp;lt;strong&amp;gt;Relearn&amp;lt;/strong&amp;gt;, free software invites teaching in different ways. By introducing not only tools but also the culture and ideas around them, students are encouraged to think about how they want to shape their working environment, how they want to develop knowledge, their position and context. Within design education, it is therefore necessary to pay attention not only to WHAT students make or what statements they make, but also HOW they make that work, how they relate to others and from what underlying motivation or urgency those choices arise. As &lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;&amp;lt;strong&amp;gt;&lt;/ins&gt;Silvio Lorusso&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;&amp;lt;/strong&amp;gt; &lt;/ins&gt;explains in his essay &#039;&#039;Learn to Code vs. Code to Learn&#039;&#039;, web design and creative coding are often the starting point to begin programming but that is not enough (Lorusso, 2022). Design education needs to provide students with starting points to build an infrastructure for their practice, technically, socially and administratively.  &lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;Even though free software offers a lot of room to redefine roles within an editorial process, it is still easier said than done to change established workflows. Practices and working methods are often deeply ingrained and feel taken for granted, and in result-oriented assignment situations, it remains a challenge to find the time to formulate what Free Software stands for, how this way of working requires a different attitude and to provide insight into the possibilities this offers. For example, tools are often still seen as merely for execution, while editorial environments such as &amp;#039;&amp;#039;&amp;#039;Git repositories&amp;#039;&amp;#039;&amp;#039; or &amp;#039;&amp;#039;&amp;#039;Etherpads&amp;#039;&amp;#039;&amp;#039; introduce new, collective ways of writing and collaborating. Perhaps hardest to face is the fact that Free Software tools are often developed by individuals, small core groups or umbrella organisations, where the availability of financial resources guides the degree of maintenance and chosen direction of development. We saw this in the example of &amp;lt;strong&amp;gt;LGM&amp;lt;/strong&amp;gt;, in &amp;#039;&amp;#039;&amp;#039;Chrome&amp;#039;&amp;#039;&amp;#039;’s decision to retract CSS regions and in the choices of the &amp;lt;strong&amp;gt;Coko Foundation&amp;lt;/strong&amp;gt;, the organisation that produces &amp;#039;&amp;#039;&amp;#039;Paged.js&amp;#039;&amp;#039;&amp;#039;, that there is an issue of scale which means that the nuanced needs of designers cannot always survive under the pressure of larger interests. Free software design tools offer many starting points for developing collective working environments, finding new forms of expression and opportunities. The slogan &amp;#039;&amp;#039;&amp;#039;tools shape practice shapes tools...&amp;#039;&amp;#039;&amp;#039; here acts as the description of a practice, but also as a kind of magic spell. The circular phrasing evokes a world where free software tools act as a means and medium to move towards radically different graphic practices. It dreams of a world that reflects &amp;lt;span class=&amp;quot;quote&amp;quot;&amp;gt;«the iterative and reproductive relationship that links means and ends»&amp;lt;/span&amp;gt; (Morandi, 2023, note 1), where tools are tailored to the needs of a specific practice, and the practice becomes part of the environment in which tools are shaped.&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;Even though free software offers a lot of room to redefine roles within an editorial process, it is still easier said than done to change established workflows. Practices and working methods are often deeply ingrained and feel taken for granted, and in result-oriented assignment situations, it remains a challenge to find the time to formulate what Free Software stands for, how this way of working requires a different attitude and to provide insight into the possibilities this offers. For example, tools are often still seen as merely for execution, while editorial environments such as &amp;#039;&amp;#039;&amp;#039;Git repositories&amp;#039;&amp;#039;&amp;#039; or &amp;#039;&amp;#039;&amp;#039;Etherpads&amp;#039;&amp;#039;&amp;#039; introduce new, collective ways of writing and collaborating. Perhaps hardest to face is the fact that Free Software tools are often developed by individuals, small core groups or umbrella organisations, where the availability of financial resources guides the degree of maintenance and chosen direction of development. We saw this in the example of &amp;lt;strong&amp;gt;LGM&amp;lt;/strong&amp;gt;, in &amp;#039;&amp;#039;&amp;#039;Chrome&amp;#039;&amp;#039;&amp;#039;’s decision to retract CSS regions and in the choices of the &amp;lt;strong&amp;gt;Coko Foundation&amp;lt;/strong&amp;gt;, the organisation that produces &amp;#039;&amp;#039;&amp;#039;Paged.js&amp;#039;&amp;#039;&amp;#039;, that there is an issue of scale which means that the nuanced needs of designers cannot always survive under the pressure of larger interests. Free software design tools offer many starting points for developing collective working environments, finding new forms of expression and opportunities. The slogan &amp;#039;&amp;#039;&amp;#039;tools shape practice shapes tools...&amp;#039;&amp;#039;&amp;#039; here acts as the description of a practice, but also as a kind of magic spell. The circular phrasing evokes a world where free software tools act as a means and medium to move towards radically different graphic practices. It dreams of a world that reflects &amp;lt;span class=&amp;quot;quote&amp;quot;&amp;gt;«the iterative and reproductive relationship that links means and ends»&amp;lt;/span&amp;gt; (Morandi, 2023, note 1), where tools are tailored to the needs of a specific practice, and the practice becomes part of the environment in which tools are shaped.&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;

&lt;!-- diff cache key wikicc:diff:1.41:old-5046:rev-5047:php=table --&gt;
&lt;/table&gt;</summary>
		<author><name>Manetta</name></author>
	</entry>
	<entry>
		<id>http://cc.practices.tools/wiki/index.php?title=Tools_shape_practice_shapes_tools...&amp;diff=5046&amp;oldid=prev</id>
		<title>Manetta at 18:19, 2 October 2025</title>
		<link rel="alternate" type="text/html" href="http://cc.practices.tools/wiki/index.php?title=Tools_shape_practice_shapes_tools...&amp;diff=5046&amp;oldid=prev"/>
		<updated>2025-10-02T18:19:44Z</updated>

		<summary type="html">&lt;p&gt;&lt;/p&gt;
&lt;table style=&quot;background-color: #fff; color: #202122;&quot; data-mw=&quot;interface&quot;&gt;
				&lt;col class=&quot;diff-marker&quot; /&gt;
				&lt;col class=&quot;diff-content&quot; /&gt;
				&lt;col class=&quot;diff-marker&quot; /&gt;
				&lt;col class=&quot;diff-content&quot; /&gt;
				&lt;tr class=&quot;diff-title&quot; lang=&quot;en&quot;&gt;
				&lt;td colspan=&quot;2&quot; style=&quot;background-color: #fff; color: #202122; text-align: center;&quot;&gt;← Older revision&lt;/td&gt;
				&lt;td colspan=&quot;2&quot; style=&quot;background-color: #fff; color: #202122; text-align: center;&quot;&gt;Revision as of 18:19, 2 October 2025&lt;/td&gt;
				&lt;/tr&gt;&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot; id=&quot;mw-diff-left-l57&quot;&gt;Line 57:&lt;/td&gt;
&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot;&gt;Line 57:&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;== Layout tools ==&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;== Layout tools ==&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;−&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;The many different tools in the ecosystem of libre graphics can be divided into two paradigms: 1. tools that approach layout from the idea of a canvas and 2. tools that generate a layout and thereby operate as an engine. These paradigms are not completely separate of course, but by articulating their differing assumptions, the distinct features, conceptual understanding and affordances of each individual tool becomes easier to recognise.&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;The many different tools in the ecosystem of libre graphics can be divided into two paradigms: 1. tools that approach layout from the idea of a &lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;&#039;&#039;&#039;&lt;/ins&gt;canvas&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;&#039;&#039;&#039; &lt;/ins&gt;and 2. tools that generate a layout and thereby operate as an &lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;&#039;&#039;&#039;&lt;/ins&gt;engine&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;&#039;&#039;&#039;&lt;/ins&gt;. These paradigms are not completely separate of course, but by articulating their differing assumptions, the distinct features, conceptual understanding and affordances of each individual tool becomes easier to recognise.&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;=== Canvas ===&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;=== Canvas ===&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot; id=&quot;mw-diff-left-l63&quot;&gt;Line 63:&lt;/td&gt;
&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot;&gt;Line 63:&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;Canvas tools are based on the idea of a predefined surface or virtual page on which text and image elements can be placed. Examples of canvas tools are &amp;#039;&amp;#039;&amp;#039;Scribus&amp;#039;&amp;#039;&amp;#039; and &amp;#039;&amp;#039;&amp;#039;Inkscape&amp;#039;&amp;#039;&amp;#039;, but also, for example, &amp;#039;&amp;#039;&amp;#039;laidout&amp;#039;&amp;#039;&amp;#039;, &amp;#039;&amp;#039;&amp;#039;Gimp&amp;#039;&amp;#039;&amp;#039; and &amp;#039;&amp;#039;&amp;#039;Libre Calc&amp;#039;&amp;#039;&amp;#039; (Image 2-4). These tools work on the basis of What You See Is What You Get (WYSIWYG), which means that changes made on the canvas can be observed or adapted directly on the screen, guided by visual placement. This makes canvas tools ideally suited for precisely placing individual elements and applying micro typographic detailing. Most proprietary design tools use the canvas approach and FLOSS canvas tools are thus considered to be more accessible because of the familiarity of their approach. This sometimes causes frustration because, as an ‘alternative to’, they do not appear to be different to daily design practice with proprietary tools and therefore have to live up to their commercial counterparts. We discuss two common examples, to give an idea of how FLOSS canvas tools operate.  &lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;Canvas tools are based on the idea of a predefined surface or virtual page on which text and image elements can be placed. Examples of canvas tools are &amp;#039;&amp;#039;&amp;#039;Scribus&amp;#039;&amp;#039;&amp;#039; and &amp;#039;&amp;#039;&amp;#039;Inkscape&amp;#039;&amp;#039;&amp;#039;, but also, for example, &amp;#039;&amp;#039;&amp;#039;laidout&amp;#039;&amp;#039;&amp;#039;, &amp;#039;&amp;#039;&amp;#039;Gimp&amp;#039;&amp;#039;&amp;#039; and &amp;#039;&amp;#039;&amp;#039;Libre Calc&amp;#039;&amp;#039;&amp;#039; (Image 2-4). These tools work on the basis of What You See Is What You Get (WYSIWYG), which means that changes made on the canvas can be observed or adapted directly on the screen, guided by visual placement. This makes canvas tools ideally suited for precisely placing individual elements and applying micro typographic detailing. Most proprietary design tools use the canvas approach and FLOSS canvas tools are thus considered to be more accessible because of the familiarity of their approach. This sometimes causes frustration because, as an ‘alternative to’, they do not appear to be different to daily design practice with proprietary tools and therefore have to live up to their commercial counterparts. We discuss two common examples, to give an idea of how FLOSS canvas tools operate.  &lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;−&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&#039;&#039;&#039;Scribus&#039;&#039;&#039; is a desktop publishing tool (DTP) with some capabilities to use code for generating layouts (Scribus, 2024). A first version of the software was published in 2001, and the particular attention paid to colour separations and professional PDF output was no accident. &amp;lt;strong&amp;gt;Louis Dujardins&amp;lt;/strong&amp;gt;, inspirational promoter of the tool and also patron of the first Libre Graphics meetings, directs Mardigrafe inc, a printing press and graphics service company in Montreal. Since then, there have been many transformations, gradually balancing Scribus towards offering more comfort to typographers and designers. Scribus is still mainly developed by a small team that was involved in the project from the very beginning: &amp;lt;strong&amp;gt;Christoph Schäfer&amp;lt;/strong&amp;gt;, &amp;lt;strong&amp;gt;Andreas Vox&amp;lt;/strong&amp;gt;, &amp;lt;strong&amp;gt;Gregory Pittman&amp;lt;/strong&amp;gt;, &amp;lt;strong&amp;gt;Craig Bradney&amp;lt;/strong&amp;gt; and &amp;lt;strong&amp;gt;Jean Ghali&amp;lt;/strong&amp;gt;.&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&#039;&#039;&#039;Scribus&#039;&#039;&#039; is a desktop publishing tool (DTP) with some capabilities to use code for generating layouts (Scribus, 2024). A first version of the software was published in 2001, and the particular attention paid to colour separations and professional PDF output was no accident. &amp;lt;strong&amp;gt;Louis Dujardins&amp;lt;/strong&amp;gt;, inspirational promoter of the tool and also patron of the first Libre Graphics meetings, directs &lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;&amp;lt;strong&amp;gt;&lt;/ins&gt;Mardigrafe inc&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;&amp;lt;/strong&amp;gt;&lt;/ins&gt;, a printing press and graphics service company in Montreal. Since then, there have been many transformations, gradually balancing Scribus towards offering more comfort to typographers and designers. Scribus is still mainly developed by a small team that was involved in the project from the very beginning: &amp;lt;strong&amp;gt;Christoph Schäfer&amp;lt;/strong&amp;gt;, &amp;lt;strong&amp;gt;Andreas Vox&amp;lt;/strong&amp;gt;, &amp;lt;strong&amp;gt;Gregory Pittman&amp;lt;/strong&amp;gt;, &amp;lt;strong&amp;gt;Craig Bradney&amp;lt;/strong&amp;gt; and &amp;lt;strong&amp;gt;Jean Ghali&amp;lt;/strong&amp;gt;.&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot; id=&quot;mw-diff-left-l92&quot;&gt;Line 92:&lt;/td&gt;
&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot;&gt;Line 92:&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;===Engines===&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;===Engines===&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;−&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;FLOSS design workflows typically prefer layout tools that operate as engines. Examples include web browsers, &#039;&#039;&#039;Paged.js&#039;&#039;&#039;, &#039;&#039;&#039;TeX variants&#039;&#039;&#039; or Python-based tools such as &#039;&#039;&#039;ReportLab&#039;&#039;&#039;. Layouts are generated by writing rules, declarations and markup, a workflow that relies on document structuring rather than on visual placement. Designers describe the outcome of the layout in code, run the engine and evaluate the outcome based on the result. Working with code adds a special flavour to this way of doing design, as the workflow becomes porous. Open ends arise because tools can be combined with each other and taken apart at any time. Text and images can be brought in from different sources, by downloading web pages, using Advanced Programming Interfaces (APIs) or collaborative editing environments such as &#039;&#039;&#039;Etherpad&#039;&#039;&#039; or a &#039;&#039;&#039;Wiki&#039;&#039;&#039;. Texts can be programmatically rewritten, re-structured or filtered to transform, for example, a page from Wikipedia into a theatre script (van der Hoek, 2008). We discuss two layout engines that play a major role within this field: TeX and web browsers (Image 9-11). Other examples of free software layout engines are &#039;&#039;&#039;Flat&#039;&#039;&#039;, &#039;&#039;&#039;Shoebot&#039;&#039;&#039; and &#039;&#039;&#039;Weasyprint&#039;&#039;&#039;.&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;FLOSS design workflows typically prefer layout tools that operate as engines. Examples include web browsers, &#039;&#039;&#039;Paged.js&#039;&#039;&#039;, &#039;&#039;&#039;TeX variants&#039;&#039;&#039; or Python-based tools such as &#039;&#039;&#039;ReportLab&#039;&#039;&#039;. Layouts are generated by writing rules, declarations and markup, a workflow that relies on document structuring rather than on visual placement. Designers describe the outcome of the layout in code, run the engine and evaluate the outcome based on the result. Working with code adds a special flavour to this way of doing design, as the workflow becomes porous. Open ends arise because tools can be combined with each other and taken apart at any time. Text and images can be brought in from different sources, by downloading web pages, using &lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;&#039;&#039;&#039;&lt;/ins&gt;Advanced Programming Interfaces&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;&#039;&#039;&#039; &lt;/ins&gt;(&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;&#039;&#039;&#039;&lt;/ins&gt;APIs&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;&#039;&#039;&#039;&lt;/ins&gt;) or collaborative editing environments such as &#039;&#039;&#039;Etherpad&#039;&#039;&#039; or a &#039;&#039;&#039;Wiki&#039;&#039;&#039;. Texts can be programmatically rewritten, re-structured or filtered to transform, for example, a page from &lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;&#039;&#039;&#039;&lt;/ins&gt;Wikipedia&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;&#039;&#039;&#039; &lt;/ins&gt;into a theatre script (van der Hoek, 2008). We discuss two layout engines that play a major role within this field: &lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;&#039;&#039;&#039;&lt;/ins&gt;TeX&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;&#039;&#039;&#039; &lt;/ins&gt;and &lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;&#039;&#039;&#039;&lt;/ins&gt;web browsers&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;&#039;&#039;&#039; &lt;/ins&gt;(Image 9-11). Other examples of free software layout engines are &#039;&#039;&#039;Flat&#039;&#039;&#039;, &#039;&#039;&#039;Shoebot&#039;&#039;&#039; and &#039;&#039;&#039;Weasyprint&#039;&#039;&#039;.&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;−&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;TeX is a major presence and reference within the world of Free Software layout engines. A first version of TeX was published in 1978, and the project has since grown into a rich collection of tools and algorithms that can be used to compile text and images into a layout. TeX is known for its high-quality typographic output and micro-typographic detailing of hyphenation, spacing and composition, which at the time this engine appeared contrasted starkly with the output from then widely used proprietary canvas layout tools such as &#039;&#039;&#039;PageMaker&#039;&#039;&#039;, &#039;&#039;&#039;QuarkXPress&#039;&#039;&#039; or &#039;&#039;&#039;Ventura&#039;&#039;&#039;. Since then, many variants of TeX have been developed and are widely used, especially to layout academic articles and publications. &#039;&#039;&#039;LaTeX&#039;&#039;&#039; and &#039;&#039;&#039;ConTeXt&#039;&#039;&#039; are most deployed in Free Software design practices.&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;&#039;&#039;&#039;&lt;/ins&gt;TeX&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;&#039;&#039;&#039; &lt;/ins&gt;is a major presence and reference within the world of Free Software layout engines. A first version of TeX was published in 1978, and the project has since grown into a rich collection of tools and algorithms that can be used to compile text and images into a layout. TeX is known for its high-quality typographic output and micro-typographic detailing of hyphenation, spacing and composition, which at the time this engine appeared contrasted starkly with the output from then widely used proprietary canvas layout tools such as &#039;&#039;&#039;PageMaker&#039;&#039;&#039;, &#039;&#039;&#039;QuarkXPress&#039;&#039;&#039; or &#039;&#039;&#039;Ventura&#039;&#039;&#039;. Since then, many variants of TeX have been developed and are widely used, especially to layout academic articles and publications. &#039;&#039;&#039;LaTeX&#039;&#039;&#039; and &#039;&#039;&#039;ConTeXt&#039;&#039;&#039; are most deployed in Free Software design practices.&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;Programmer &amp;lt;strong&amp;gt;Donald Knuth&amp;lt;/strong&amp;gt; developed the first version of TeX based on the belief that authors without typographical expertise should be able to generate high-quality layouts (Knuth, 1986). His approach meant to separate the roles of developer and designer, a split which is still felt in the way the inner workings of TeX based software is impenetrable for many.&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;Programmer &amp;lt;strong&amp;gt;Donald Knuth&amp;lt;/strong&amp;gt; developed the first version of TeX based on the belief that authors without typographical expertise should be able to generate high-quality layouts (Knuth, 1986). His approach meant to separate the roles of developer and designer, a split which is still felt in the way the inner workings of TeX based software is impenetrable for many.&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot; id=&quot;mw-diff-left-l108&quot;&gt;Line 108:&lt;/td&gt;
&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot;&gt;Line 108:&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;−&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;Web browsers have played an important role within Free Software design practices from the outset. &#039;&#039;&#039;Web-to-print&#039;&#039;&#039;, also referred to as &#039;&#039;&#039;html2print&#039;&#039;&#039;, &#039;&#039;&#039;CSSPrint&#039;&#039;&#039;, &#039;&#039;&#039;web-to-pdf&#039;&#039;&#039;, &#039;&#039;&#039;web2print&#039;&#039;&#039;, &#039;&#039;&#039;w2p&#039;&#039;&#039; or &#039;&#039;&#039;hybrid publishing&#039;&#039;&#039; uses technologies developed for the web, to produce graphic work. The combination of web aesthetics, the multitude of editorial web environments and the accessibility of &#039;&#039;&#039;HTML&#039;&#039;&#039; and &#039;&#039;&#039;CSS&#039;&#039;&#039; as code languages makes web-to-print an attractive environment for layout creation (Image 12-14). &#039;&#039;&#039;Browsers&#039;&#039;&#039; play a crucial role both as a preview and inspection tool, but also as platforms for distribution. Several libraries have been developed to develop more complex layouts such as &#039;&#039;&#039;Paged.js&#039;&#039;&#039;, a javascript library for creating paged media. In addition, designers can use command-line tools such as &#039;&#039;&#039;Pandoc&#039;&#039;&#039; to convert HTML files to and from other file types, enabling a whole range of new setups. Programming languages can be used to generate HTML pages, making it possible to work with databases, or unleash algorithmic processes on text or images. &amp;lt;strong&amp;gt;OSP&amp;lt;/strong&amp;gt; has been working since 2015 on &#039;&#039;&#039;html2print&#039;&#039;&#039;, a boilerplate and web interface for print projects, adding many features to web browsers as layout engine (OSP, 2021a). In 2016, &amp;lt;strong&amp;gt;Sarah Garcin&amp;lt;/strong&amp;gt; develops the &#039;&#039;&#039;PJ Machine&#039;&#039;&#039;, a physical publishing interface based on HTML, CSS and Javascript (Garcin, 2019). Within &amp;lt;strong&amp;gt;Varia&amp;lt;/strong&amp;gt;, &#039;&#039;&#039;octomode&#039;&#039;&#039; emerges, a collective work environment for creating publications based on &#039;&#039;&#039;HTML&#039;&#039;&#039;, &#039;&#039;&#039;CSS&#039;&#039;&#039;, &#039;&#039;&#039;Markdown&#039;&#039;&#039;, &#039;&#039;&#039;Etherpad&#039;&#039;&#039;, &#039;&#039;&#039;Pandoc&#039;&#039;&#039; and &#039;&#039;&#039;Paged.js&#039;&#039;&#039; (Varia and creative crowds, 2023). &amp;lt;strong&amp;gt;Hackers and Designers&amp;lt;/strong&amp;gt; develop a first version of &#039;&#039;&#039;chatty-pub&#039;&#039;&#039; in 2021, a design tool built around the team chat software &#039;&#039;&#039;Zulip&#039;&#039;&#039;, in which style rules can be stored and deployed in the form of emojis (Hackers and Designers, 2023a).&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;&#039;&#039;&#039;&lt;/ins&gt;Web browsers&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;&#039;&#039;&#039; &lt;/ins&gt;have played an important role within Free Software design practices from the outset. &#039;&#039;&#039;Web-to-print&#039;&#039;&#039;, also referred to as &#039;&#039;&#039;html2print&#039;&#039;&#039;, &#039;&#039;&#039;CSSPrint&#039;&#039;&#039;, &#039;&#039;&#039;web-to-pdf&#039;&#039;&#039;, &#039;&#039;&#039;web2print&#039;&#039;&#039;, &#039;&#039;&#039;w2p&#039;&#039;&#039; or &#039;&#039;&#039;hybrid publishing&#039;&#039;&#039; uses technologies developed for the web, to produce graphic work. The combination of web aesthetics, the multitude of editorial web environments and the accessibility of &#039;&#039;&#039;HTML&#039;&#039;&#039; and &#039;&#039;&#039;CSS&#039;&#039;&#039; as code languages makes web-to-print an attractive environment for layout creation (Image 12-14). &#039;&#039;&#039;Browsers&#039;&#039;&#039; play a crucial role both as a preview and inspection tool, but also as platforms for distribution. Several libraries have been developed to develop more complex layouts such as &#039;&#039;&#039;Paged.js&#039;&#039;&#039;, a javascript library for creating paged media. In addition, designers can use command-line tools such as &#039;&#039;&#039;Pandoc&#039;&#039;&#039; to convert HTML files to and from other file types, enabling a whole range of new setups. Programming languages can be used to generate HTML pages, making it possible to work with databases, or unleash algorithmic processes on text or images. &amp;lt;strong&amp;gt;OSP&amp;lt;/strong&amp;gt; has been working since 2015 on &#039;&#039;&#039;html2print&#039;&#039;&#039;, a boilerplate and web interface for print projects, adding many features to web browsers as layout engine (OSP, 2021a). In 2016, &amp;lt;strong&amp;gt;Sarah Garcin&amp;lt;/strong&amp;gt; develops the &#039;&#039;&#039;PJ Machine&#039;&#039;&#039;, a physical publishing interface based on HTML, CSS and Javascript (Garcin, 2019). Within &amp;lt;strong&amp;gt;Varia&amp;lt;/strong&amp;gt;, &#039;&#039;&#039;octomode&#039;&#039;&#039; emerges, a collective work environment for creating publications based on &#039;&#039;&#039;HTML&#039;&#039;&#039;, &#039;&#039;&#039;CSS&#039;&#039;&#039;, &#039;&#039;&#039;Markdown&#039;&#039;&#039;, &#039;&#039;&#039;Etherpad&#039;&#039;&#039;, &#039;&#039;&#039;Pandoc&#039;&#039;&#039; and &#039;&#039;&#039;Paged.js&#039;&#039;&#039; (Varia and creative crowds, 2023). &amp;lt;strong&amp;gt;Hackers and Designers&amp;lt;/strong&amp;gt; develop a first version of &#039;&#039;&#039;chatty-pub&#039;&#039;&#039; in 2021, a design tool built around the team chat software &#039;&#039;&#039;Zulip&#039;&#039;&#039;, in which style rules can be stored and deployed in the form of emojis (Hackers and Designers, 2023a).&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;Web standards are central to all these examples, with &amp;#039;&amp;#039;&amp;#039;HTML&amp;#039;&amp;#039;&amp;#039;, &amp;#039;&amp;#039;&amp;#039;CSS&amp;#039;&amp;#039;&amp;#039; and &amp;#039;&amp;#039;&amp;#039;Javascript&amp;#039;&amp;#039;&amp;#039; playing an important role. These standards are formulated and developed by the &amp;lt;strong&amp;gt;W3C web consortium&amp;lt;/strong&amp;gt; as shared conventions that operate on a large scale. They ensure stability and consistency of web features, such as displaying video or fonts. &amp;#039;&amp;#039;&amp;#039;Browsers&amp;#039;&amp;#039;&amp;#039; each implement these standards at their own pace and in their own way and may possibly add experimental features of not (yet) recommended by the W3C, in order to encourage use of a specific web technology. &amp;#039;&amp;#039;&amp;#039;CSS regions&amp;#039;&amp;#039;&amp;#039; for example, are an experimental feature implemented in Google Chrome browsers and used by &amp;lt;strong&amp;gt;OSP&amp;lt;/strong&amp;gt; since 2015 to layout the magazine &amp;#039;&amp;#039;&amp;#039;Médor&amp;#039;&amp;#039;&amp;#039;. But as an experimental feature, CSS regions quickly disappeared from the subsequent version of the browser, creating a complex situation for OSP. The group eventually found a solution in &amp;#039;&amp;#039;&amp;#039;ospkit&amp;#039;&amp;#039;&amp;#039;, a self-maintained variant of a minimal browser that still supports CSS Regions (OSP, 2019). Another example emerged around &amp;#039;&amp;#039;&amp;#039;Paged.js&amp;#039;&amp;#039;&amp;#039;. The library is developed by &amp;lt;strong&amp;gt;Coko&amp;lt;/strong&amp;gt;, a company relying on commissions and funding from the North American academic publishing world. This means that their interests determine where developer attention goes (Publishing Partyline: Narrowcast Paged.Js, 2022). The Coko Foundation tries to involve designers in developing Paged.js by making them part of the developer team, and also by participating in a &amp;#039;&amp;#039;&amp;#039;W3C workshop for CSS Print&amp;#039;&amp;#039;&amp;#039; (Julie Blanc, 2020). However, the scale at which Paged.js operates does not leave much room for manoeuvre and graphic designers struggle to grasp the technological whirlwind of web standards and Big Tech interests. Web engines offer many exciting opportunities to invent alternative workflow, but also show the fragility and tensions of scale that arise in the unpredictable environment of the web.&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;Web standards are central to all these examples, with &amp;#039;&amp;#039;&amp;#039;HTML&amp;#039;&amp;#039;&amp;#039;, &amp;#039;&amp;#039;&amp;#039;CSS&amp;#039;&amp;#039;&amp;#039; and &amp;#039;&amp;#039;&amp;#039;Javascript&amp;#039;&amp;#039;&amp;#039; playing an important role. These standards are formulated and developed by the &amp;lt;strong&amp;gt;W3C web consortium&amp;lt;/strong&amp;gt; as shared conventions that operate on a large scale. They ensure stability and consistency of web features, such as displaying video or fonts. &amp;#039;&amp;#039;&amp;#039;Browsers&amp;#039;&amp;#039;&amp;#039; each implement these standards at their own pace and in their own way and may possibly add experimental features of not (yet) recommended by the W3C, in order to encourage use of a specific web technology. &amp;#039;&amp;#039;&amp;#039;CSS regions&amp;#039;&amp;#039;&amp;#039; for example, are an experimental feature implemented in Google Chrome browsers and used by &amp;lt;strong&amp;gt;OSP&amp;lt;/strong&amp;gt; since 2015 to layout the magazine &amp;#039;&amp;#039;&amp;#039;Médor&amp;#039;&amp;#039;&amp;#039;. But as an experimental feature, CSS regions quickly disappeared from the subsequent version of the browser, creating a complex situation for OSP. The group eventually found a solution in &amp;#039;&amp;#039;&amp;#039;ospkit&amp;#039;&amp;#039;&amp;#039;, a self-maintained variant of a minimal browser that still supports CSS Regions (OSP, 2019). Another example emerged around &amp;#039;&amp;#039;&amp;#039;Paged.js&amp;#039;&amp;#039;&amp;#039;. The library is developed by &amp;lt;strong&amp;gt;Coko&amp;lt;/strong&amp;gt;, a company relying on commissions and funding from the North American academic publishing world. This means that their interests determine where developer attention goes (Publishing Partyline: Narrowcast Paged.Js, 2022). The Coko Foundation tries to involve designers in developing Paged.js by making them part of the developer team, and also by participating in a &amp;#039;&amp;#039;&amp;#039;W3C workshop for CSS Print&amp;#039;&amp;#039;&amp;#039; (Julie Blanc, 2020). However, the scale at which Paged.js operates does not leave much room for manoeuvre and graphic designers struggle to grasp the technological whirlwind of web standards and Big Tech interests. Web engines offer many exciting opportunities to invent alternative workflow, but also show the fragility and tensions of scale that arise in the unpredictable environment of the web.&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;

&lt;!-- diff cache key wikicc:diff:1.41:old-5045:rev-5046:php=table --&gt;
&lt;/table&gt;</summary>
		<author><name>Manetta</name></author>
	</entry>
	<entry>
		<id>http://cc.practices.tools/wiki/index.php?title=Tools_shape_practice_shapes_tools...&amp;diff=5045&amp;oldid=prev</id>
		<title>Manetta at 18:14, 2 October 2025</title>
		<link rel="alternate" type="text/html" href="http://cc.practices.tools/wiki/index.php?title=Tools_shape_practice_shapes_tools...&amp;diff=5045&amp;oldid=prev"/>
		<updated>2025-10-02T18:14:40Z</updated>

		<summary type="html">&lt;p&gt;&lt;/p&gt;
&lt;table style=&quot;background-color: #fff; color: #202122;&quot; data-mw=&quot;interface&quot;&gt;
				&lt;col class=&quot;diff-marker&quot; /&gt;
				&lt;col class=&quot;diff-content&quot; /&gt;
				&lt;col class=&quot;diff-marker&quot; /&gt;
				&lt;col class=&quot;diff-content&quot; /&gt;
				&lt;tr class=&quot;diff-title&quot; lang=&quot;en&quot;&gt;
				&lt;td colspan=&quot;2&quot; style=&quot;background-color: #fff; color: #202122; text-align: center;&quot;&gt;← Older revision&lt;/td&gt;
				&lt;td colspan=&quot;2&quot; style=&quot;background-color: #fff; color: #202122; text-align: center;&quot;&gt;Revision as of 18:14, 2 October 2025&lt;/td&gt;
				&lt;/tr&gt;&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot; id=&quot;mw-diff-left-l44&quot;&gt;Line 44:&lt;/td&gt;
&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot;&gt;Line 44:&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&amp;#039;&amp;#039;&amp;#039;InDesign&amp;#039;&amp;#039;&amp;#039;, &amp;#039;&amp;#039;&amp;#039;Illustrator&amp;#039;&amp;#039;&amp;#039; and &amp;#039;&amp;#039;&amp;#039;Photoshop&amp;#039;&amp;#039;&amp;#039; are ubiquitous in most graphic design practices. They are made by a single US-based software company, &amp;lt;strong&amp;gt;Adobe inc.&amp;lt;/strong&amp;gt; Since the introduction of &amp;#039;&amp;#039;&amp;#039;Adobe Creative Cloud&amp;#039;&amp;#039;&amp;#039; in 2012, users have to subscribe to rented software, also known as software as a service. An always automatically updated software environment that is essentially the same for everyone and that can only be superficially modified, leaves little room to experiment with how software and practice mutually influence each other. It also means that files created in this environment can only be opened and reused as long as the license has been paid for, and thus designs created in &amp;#039;&amp;#039;&amp;#039;Adobe&amp;#039;s Creative Cloud&amp;#039;&amp;#039;&amp;#039; are de facto property of &amp;lt;strong&amp;gt;Adobe&amp;lt;/strong&amp;gt;.&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&amp;#039;&amp;#039;&amp;#039;InDesign&amp;#039;&amp;#039;&amp;#039;, &amp;#039;&amp;#039;&amp;#039;Illustrator&amp;#039;&amp;#039;&amp;#039; and &amp;#039;&amp;#039;&amp;#039;Photoshop&amp;#039;&amp;#039;&amp;#039; are ubiquitous in most graphic design practices. They are made by a single US-based software company, &amp;lt;strong&amp;gt;Adobe inc.&amp;lt;/strong&amp;gt; Since the introduction of &amp;#039;&amp;#039;&amp;#039;Adobe Creative Cloud&amp;#039;&amp;#039;&amp;#039; in 2012, users have to subscribe to rented software, also known as software as a service. An always automatically updated software environment that is essentially the same for everyone and that can only be superficially modified, leaves little room to experiment with how software and practice mutually influence each other. It also means that files created in this environment can only be opened and reused as long as the license has been paid for, and thus designs created in &amp;#039;&amp;#039;&amp;#039;Adobe&amp;#039;s Creative Cloud&amp;#039;&amp;#039;&amp;#039; are de facto property of &amp;lt;strong&amp;gt;Adobe&amp;lt;/strong&amp;gt;.&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;−&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;By choosing open standards and explicitly allowing users to study, modify and distribute source code, Free Software makes a reverse move (Free Software Foundation, 2024). Files can be opened in different programmes, allowing users to deploy tools interchangeably and alongside each other. Free software is made by a constellation of people, teams, organisations and companies, each operating in their own environment, on a specific scale and as part of a particular culture. A choice for a particular tool is therefore also a choice for a different way of working, technically, as well as economically, creatively, pedagogically, and socially.&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;By choosing open standards and explicitly allowing users to study, modify and distribute source code, &lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;&#039;&#039;&#039;&lt;/ins&gt;Free Software&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;&#039;&#039;&#039; &lt;/ins&gt;makes a reverse move (Free Software Foundation, 2024). Files can be opened in different programmes, allowing users to deploy tools interchangeably and alongside each other. Free software is made by a constellation of people, teams, organisations and companies, each operating in their own environment, on a specific scale and as part of a particular culture. A choice for a particular tool is therefore also a choice for a different way of working, technically, as well as economically, creatively, pedagogically, and socially.&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;For designers, it is challenging to get a grip on the many specific features and capabilities of those new tools. Using free software professionally requires a greater degree of technical knowledge such as installing and modifying programmes using the command line or working with versioning tools such as git. Economically, designers are no longer software consumers, but users, researchers or sometimes co-developers. On a creative level, this opens up space to develop a technical understanding that can be a starting point for new concepts and aesthetics. Pedagogically, FLOSS asks designers to delve into internal workings and histories and to (mis)use tools for unexpected purposes. Socially, it triggers exchanges between people with different expertise, for documentation and research.&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;For designers, it is challenging to get a grip on the many specific features and capabilities of those new tools. Using free software professionally requires a greater degree of technical knowledge such as installing and modifying programmes using the command line or working with versioning tools such as git. Economically, designers are no longer software consumers, but users, researchers or sometimes co-developers. On a creative level, this opens up space to develop a technical understanding that can be a starting point for new concepts and aesthetics. Pedagogically, FLOSS asks designers to delve into internal workings and histories and to (mis)use tools for unexpected purposes. Socially, it triggers exchanges between people with different expertise, for documentation and research.&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;−&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;The choice to work with FLOSS tools impacts all aspects of design practice. &amp;lt;strong&amp;gt;Adobe’s&amp;lt;/strong&amp;gt; constrained and predetermined working environment transforms into one of myriad possibilities and open ends. FLOSS on the other hand is an invitation to rethink standardised workflows, reflecting on the relationship between aesthetics, technology and production. As we elaborate in the following sections, this relationship becomes palpable in the way books, posters, websites and other graphic objects are designed. Tools claim a place in the outcomes of these processes, if only discreetly by simply being included in the colophon, sometimes more explicitly in the form of a &#039;making of&#039; in which designers reflect on the process of bringing tools and shapes together.&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;The choice to work with &lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;&#039;&#039;&#039;&lt;/ins&gt;FLOSS tools&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;&#039;&#039;&#039; &lt;/ins&gt;impacts all aspects of design practice. &amp;lt;strong&amp;gt;Adobe’s&amp;lt;/strong&amp;gt; constrained and predetermined working environment transforms into one of myriad possibilities and open ends. FLOSS on the other hand is an invitation to rethink standardised workflows, reflecting on the relationship between aesthetics, technology and production. As we elaborate in the following sections, this relationship becomes palpable in the way books, posters, websites and other graphic objects are designed. Tools claim a place in the outcomes of these processes, if only discreetly by simply being included in the colophon, sometimes more explicitly in the form of a &#039;making of&#039; in which designers reflect on the process of bringing tools and shapes together.&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;−&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;Bespoke workflows also require a different relationship with clients, who in turn become part of the design process and as we elaborate in section 6, the fusion of web technology with design tools contributes to that shift. But it is not always possible or easy to opt for such a practice. Free software tools as yet have little or no place in art education nor in professional design courses, leaving designers to their own devices to learn. It is challenging to find time and space to engage with them, especially at a time of high cost of living. Moreover, free software culture is still overwhelmingly defined by White, cisgender male perspectives from North America, making it non-trivial to ask for help or to feel confident to contribute for anyone outside that norm. With the emergence of local user groups such as PrePostPrint and a steadily growing interest in free software at art schools, this situation is fortunately slowly starting to change.&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;Bespoke workflows also require a different relationship with clients, who in turn become part of the design process and as we elaborate in section 6, the fusion of web technology with design tools contributes to that shift. But it is not always possible or easy to opt for such a practice. Free software tools as yet have little or no place in art education nor in professional design courses, leaving designers to their own devices to learn. It is challenging to find time and space to engage with them, especially at a time of high cost of living. Moreover, free software culture is still overwhelmingly defined by &lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;&amp;lt;strong&amp;gt;&lt;/ins&gt;White, cisgender male perspectives from North America&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;&amp;lt;/strong&amp;gt;&lt;/ins&gt;, making it non-trivial to ask for help or to feel confident to contribute for anyone outside that norm. With the emergence of local user groups such as &lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;&amp;lt;strong&amp;gt;&lt;/ins&gt;PrePostPrint&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;&amp;lt;/strong&amp;gt; &lt;/ins&gt;and a steadily growing interest in &lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;&#039;&#039;&#039;&lt;/ins&gt;free software&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;&#039;&#039;&#039; &lt;/ins&gt;at &lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;&#039;&#039;&#039;&lt;/ins&gt;art schools&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;&#039;&#039;&#039;&lt;/ins&gt;, this situation is fortunately slowly starting to change.&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&amp;lt;/div&amp;gt;&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&amp;lt;/div&amp;gt;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;

&lt;!-- diff cache key wikicc:diff:1.41:old-5044:rev-5045:php=table --&gt;
&lt;/table&gt;</summary>
		<author><name>Manetta</name></author>
	</entry>
	<entry>
		<id>http://cc.practices.tools/wiki/index.php?title=Tools_shape_practice_shapes_tools...&amp;diff=5044&amp;oldid=prev</id>
		<title>Manetta at 18:09, 2 October 2025</title>
		<link rel="alternate" type="text/html" href="http://cc.practices.tools/wiki/index.php?title=Tools_shape_practice_shapes_tools...&amp;diff=5044&amp;oldid=prev"/>
		<updated>2025-10-02T18:09:25Z</updated>

		<summary type="html">&lt;p&gt;&lt;/p&gt;
&lt;table style=&quot;background-color: #fff; color: #202122;&quot; data-mw=&quot;interface&quot;&gt;
				&lt;col class=&quot;diff-marker&quot; /&gt;
				&lt;col class=&quot;diff-content&quot; /&gt;
				&lt;col class=&quot;diff-marker&quot; /&gt;
				&lt;col class=&quot;diff-content&quot; /&gt;
				&lt;tr class=&quot;diff-title&quot; lang=&quot;en&quot;&gt;
				&lt;td colspan=&quot;2&quot; style=&quot;background-color: #fff; color: #202122; text-align: center;&quot;&gt;← Older revision&lt;/td&gt;
				&lt;td colspan=&quot;2&quot; style=&quot;background-color: #fff; color: #202122; text-align: center;&quot;&gt;Revision as of 18:09, 2 October 2025&lt;/td&gt;
				&lt;/tr&gt;&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot; id=&quot;mw-diff-left-l31&quot;&gt;Line 31:&lt;/td&gt;
&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot;&gt;Line 31:&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;While new approaches to design tools start to flourish and spread, questions begin to arise how to teach design in a way that accommodates the specific interaction between free software tools and design practices, and that recognizes how such tools transform hierarchical relationships between students and teachers. This sparks the organisation of &amp;lt;strong&amp;gt;Relearn&amp;lt;/strong&amp;gt;, a series of summer schools that bring together developers, researchers and students with different levels of expertise. On the website of the 3rd edition we read, &amp;lt;span class=&amp;quot;quote&amp;quot;&amp;gt;«Relearn explores convivial, experimental and divergent methods and tools in design, computing and education, challenging the normal roles and divisions (teacher/student, developer/user, art/life…)»&amp;lt;/span&amp;gt; (Relearn, 2015, para. 3). Relearn would be de-centrally organised and hosted in various places in Europe until 2021.&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;While new approaches to design tools start to flourish and spread, questions begin to arise how to teach design in a way that accommodates the specific interaction between free software tools and design practices, and that recognizes how such tools transform hierarchical relationships between students and teachers. This sparks the organisation of &amp;lt;strong&amp;gt;Relearn&amp;lt;/strong&amp;gt;, a series of summer schools that bring together developers, researchers and students with different levels of expertise. On the website of the 3rd edition we read, &amp;lt;span class=&amp;quot;quote&amp;quot;&amp;gt;«Relearn explores convivial, experimental and divergent methods and tools in design, computing and education, challenging the normal roles and divisions (teacher/student, developer/user, art/life…)»&amp;lt;/span&amp;gt; (Relearn, 2015, para. 3). Relearn would be de-centrally organised and hosted in various places in Europe until 2021.&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;−&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;OSP’s work on &#039;&#039;&#039;html2print&#039;&#039;&#039; generates interest among design students in France and Belgium. Designers, clients and publishers are increasingly interested in these experimental workflows and writing environments, including graphic designers &amp;lt;strong&amp;gt;Raphael Bastide&amp;lt;/strong&amp;gt; and &amp;lt;strong&amp;gt;Sarah Garcin&amp;lt;/strong&amp;gt; who found &amp;lt;strong&amp;gt;PrePostPrint&amp;lt;/strong&amp;gt; in 2017 (PrePostPrint, 2024). Calling themselves a &#039;community of practice&#039;, they launch the initiative with a well-attended meeting in Paris (Raphaël Bastide and Quentin Juhel, 2024). The energy is mainly techno-aesthetic and their relationship with Free Software pragmatic. &amp;lt;strong&amp;gt;Quentin Juhel&amp;lt;/strong&amp;gt;, &amp;lt;strong&amp;gt;Julien Bidoret&amp;lt;/strong&amp;gt;, &amp;lt;strong&amp;gt;Julie Blanc&amp;lt;/strong&amp;gt;, &amp;lt;strong&amp;gt;Lucile Haute&amp;lt;/strong&amp;gt; and &amp;lt;strong&amp;gt;Julien Taquet&amp;lt;/strong&amp;gt; join and PrePostPrint grows into a strong French-speaking network that is regularly invited to give workshops at art schools across France.&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;OSP’s work on &#039;&#039;&#039;html2print&#039;&#039;&#039; generates interest among design students in France and Belgium. Designers, clients and publishers are increasingly interested in these experimental workflows and writing environments, including graphic designers &amp;lt;strong&amp;gt;Raphael Bastide&amp;lt;/strong&amp;gt; and &amp;lt;strong&amp;gt;Sarah Garcin&amp;lt;/strong&amp;gt; who found &amp;lt;strong&amp;gt;PrePostPrint&amp;lt;/strong&amp;gt; in 2017 (PrePostPrint, 2024). Calling themselves a &lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;&#039;&#039;&lt;/ins&gt;&#039;community of practice&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;&#039;&#039;&lt;/ins&gt;&#039;, they launch the initiative with a well-attended meeting in Paris (Raphaël Bastide and Quentin Juhel, 2024). The energy is mainly techno-aesthetic and their relationship with Free Software pragmatic. &amp;lt;strong&amp;gt;Quentin Juhel&amp;lt;/strong&amp;gt;, &amp;lt;strong&amp;gt;Julien Bidoret&amp;lt;/strong&amp;gt;, &amp;lt;strong&amp;gt;Julie Blanc&amp;lt;/strong&amp;gt;, &amp;lt;strong&amp;gt;Lucile Haute&amp;lt;/strong&amp;gt; and &amp;lt;strong&amp;gt;Julien Taquet&amp;lt;/strong&amp;gt; join and PrePostPrint grows into a strong French-speaking network that is regularly invited to give workshops at art schools across France.&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;An important node in the network-of-networks is &amp;lt;strong&amp;gt;Varia&amp;lt;/strong&amp;gt;, a “collective space for everyday technology” is found in Rotterdam by a group of former XPUB students in the same year (Varia, 2024). For Varia the making of publications is part of its practice, and their intersecting interest in collective work, feminist servers and custom tools leads to new ways of working and distinct aesthetics. In 2019, &amp;lt;strong&amp;gt;Hackers and Designers&amp;lt;/strong&amp;gt; emerges in Amsterdam, playfully interrogating the role of code in graphic design practices (Hackers and Designers, 2024). In a range of other places, enthusiasm for FLOSS design practices grows, resulting in interconnected publishing initiatives such as &amp;lt;strong&amp;gt;Greyscale Press&amp;lt;/strong&amp;gt;, &amp;lt;strong&amp;gt;Freeze+Press&amp;lt;/strong&amp;gt; (Haag), book sprints and ideas around &amp;#039;&amp;#039;&amp;#039;&amp;#039;single source publishing&amp;#039;&amp;#039;&amp;#039;&amp;#039; (Hyde). Some of the experimentations are ported to academic environments such as the &amp;lt;strong&amp;gt;Hybrid Publishing Lab&amp;lt;/strong&amp;gt; at Leuphana University in Lüneburg and the &amp;lt;strong&amp;gt;Hybrid Publishing Consortium&amp;lt;/strong&amp;gt; (Worthington). The research project &amp;lt;strong&amp;gt;Hybrid Publishing Toolkit for the Arts&amp;lt;/strong&amp;gt;, led by the Amsterdam based &amp;lt;strong&amp;gt;Institute for Network Cultures&amp;lt;/strong&amp;gt;, collaborates with &amp;lt;strong&amp;gt;Creating 010&amp;lt;/strong&amp;gt; at the &amp;lt;strong&amp;gt;Willem de Kooning Academy&amp;lt;/strong&amp;gt; in Rotterdam, and continues as a course and publishing project until today. &amp;lt;strong&amp;gt;Servus&amp;lt;/strong&amp;gt; organises a &amp;#039;&amp;#039;&amp;#039;Des*gn Week&amp;#039;&amp;#039;&amp;#039; in Linz, and ex-XPUB &amp;lt;strong&amp;gt;Alex Roidl&amp;lt;/strong&amp;gt; contributes to the &amp;#039;&amp;#039;&amp;#039;Hybrid Publishing Systems curriculum&amp;#039;&amp;#039;&amp;#039;. The &amp;#039;&amp;#039;&amp;#039;Experimental Publishing Compendium&amp;#039;&amp;#039;&amp;#039; is launched as part of the &amp;#039;&amp;#039;&amp;#039;COPIM&amp;#039;&amp;#039;&amp;#039; project, and an axis emerges between Canada and France around &amp;#039;&amp;#039;&amp;#039;Inachevé d&amp;#039;imprimer&amp;#039;&amp;#039;&amp;#039;. Recently in the UK context, a new initiative brings together an interest in feminist servers with FLOSS publishing. &amp;lt;strong&amp;gt;Servpub&amp;lt;/strong&amp;gt; puts into practice the term &amp;#039;computational publishing&amp;#039; that we learned from &amp;lt;strong&amp;gt;Winnie Soon&amp;lt;/strong&amp;gt;.&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;An important node in the network-of-networks is &amp;lt;strong&amp;gt;Varia&amp;lt;/strong&amp;gt;, a “collective space for everyday technology” is found in Rotterdam by a group of former XPUB students in the same year (Varia, 2024). For Varia the making of publications is part of its practice, and their intersecting interest in collective work, feminist servers and custom tools leads to new ways of working and distinct aesthetics. In 2019, &amp;lt;strong&amp;gt;Hackers and Designers&amp;lt;/strong&amp;gt; emerges in Amsterdam, playfully interrogating the role of code in graphic design practices (Hackers and Designers, 2024). In a range of other places, enthusiasm for FLOSS design practices grows, resulting in interconnected publishing initiatives such as &amp;lt;strong&amp;gt;Greyscale Press&amp;lt;/strong&amp;gt;, &amp;lt;strong&amp;gt;Freeze+Press&amp;lt;/strong&amp;gt; (Haag), book sprints and ideas around &amp;#039;&amp;#039;&amp;#039;&amp;#039;single source publishing&amp;#039;&amp;#039;&amp;#039;&amp;#039; (Hyde). Some of the experimentations are ported to academic environments such as the &amp;lt;strong&amp;gt;Hybrid Publishing Lab&amp;lt;/strong&amp;gt; at Leuphana University in Lüneburg and the &amp;lt;strong&amp;gt;Hybrid Publishing Consortium&amp;lt;/strong&amp;gt; (Worthington). The research project &amp;lt;strong&amp;gt;Hybrid Publishing Toolkit for the Arts&amp;lt;/strong&amp;gt;, led by the Amsterdam based &amp;lt;strong&amp;gt;Institute for Network Cultures&amp;lt;/strong&amp;gt;, collaborates with &amp;lt;strong&amp;gt;Creating 010&amp;lt;/strong&amp;gt; at the &amp;lt;strong&amp;gt;Willem de Kooning Academy&amp;lt;/strong&amp;gt; in Rotterdam, and continues as a course and publishing project until today. &amp;lt;strong&amp;gt;Servus&amp;lt;/strong&amp;gt; organises a &amp;#039;&amp;#039;&amp;#039;Des*gn Week&amp;#039;&amp;#039;&amp;#039; in Linz, and ex-XPUB &amp;lt;strong&amp;gt;Alex Roidl&amp;lt;/strong&amp;gt; contributes to the &amp;#039;&amp;#039;&amp;#039;Hybrid Publishing Systems curriculum&amp;#039;&amp;#039;&amp;#039;. The &amp;#039;&amp;#039;&amp;#039;Experimental Publishing Compendium&amp;#039;&amp;#039;&amp;#039; is launched as part of the &amp;#039;&amp;#039;&amp;#039;COPIM&amp;#039;&amp;#039;&amp;#039; project, and an axis emerges between Canada and France around &amp;#039;&amp;#039;&amp;#039;Inachevé d&amp;#039;imprimer&amp;#039;&amp;#039;&amp;#039;. Recently in the UK context, a new initiative brings together an interest in feminist servers with FLOSS publishing. &amp;lt;strong&amp;gt;Servpub&amp;lt;/strong&amp;gt; puts into practice the term &amp;#039;computational publishing&amp;#039; that we learned from &amp;lt;strong&amp;gt;Winnie Soon&amp;lt;/strong&amp;gt;.&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;

&lt;!-- diff cache key wikicc:diff:1.41:old-5043:rev-5044:php=table --&gt;
&lt;/table&gt;</summary>
		<author><name>Manetta</name></author>
	</entry>
	<entry>
		<id>http://cc.practices.tools/wiki/index.php?title=Tools_shape_practice_shapes_tools...&amp;diff=5043&amp;oldid=prev</id>
		<title>Manetta at 18:05, 2 October 2025</title>
		<link rel="alternate" type="text/html" href="http://cc.practices.tools/wiki/index.php?title=Tools_shape_practice_shapes_tools...&amp;diff=5043&amp;oldid=prev"/>
		<updated>2025-10-02T18:05:16Z</updated>

		<summary type="html">&lt;p&gt;&lt;/p&gt;
&lt;table style=&quot;background-color: #fff; color: #202122;&quot; data-mw=&quot;interface&quot;&gt;
				&lt;col class=&quot;diff-marker&quot; /&gt;
				&lt;col class=&quot;diff-content&quot; /&gt;
				&lt;col class=&quot;diff-marker&quot; /&gt;
				&lt;col class=&quot;diff-content&quot; /&gt;
				&lt;tr class=&quot;diff-title&quot; lang=&quot;en&quot;&gt;
				&lt;td colspan=&quot;2&quot; style=&quot;background-color: #fff; color: #202122; text-align: center;&quot;&gt;← Older revision&lt;/td&gt;
				&lt;td colspan=&quot;2&quot; style=&quot;background-color: #fff; color: #202122; text-align: center;&quot;&gt;Revision as of 18:05, 2 October 2025&lt;/td&gt;
				&lt;/tr&gt;&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot; id=&quot;mw-diff-left-l108&quot;&gt;Line 108:&lt;/td&gt;
&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot;&gt;Line 108:&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;−&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;Web browsers have played an important role within Free Software design practices from the outset. &#039;&#039;&#039;Web-to-print&#039;&#039;&#039;, also referred to as &#039;&#039;&#039;html2print&#039;&#039;&#039;, &#039;&#039;&#039;CSSPrint&#039;&#039;&#039;, &#039;&#039;&#039;web-to-pdf&#039;&#039;&#039;, &#039;&#039;&#039;web2print&#039;&#039;&#039;, &#039;&#039;&#039;w2p&#039;&#039;&#039; or &#039;&#039;&#039;hybrid publishing&#039;&#039;&#039; uses technologies developed for the web, to produce graphic work. The combination of web aesthetics, the multitude of editorial web environments and the accessibility of &#039;&#039;&#039;HTML&#039;&#039;&#039; and &#039;&#039;&#039;CSS&#039;&#039;&#039; as code languages makes web-to-print an attractive environment for layout creation (Image 12-14). Browsers play a crucial role both as a preview and inspection tool, but also as platforms for distribution. Several libraries have been developed to develop more complex layouts such as &#039;&#039;&#039;Paged.js&#039;&#039;&#039;, a javascript library for creating paged media. In addition, designers can use command-line tools such as &#039;&#039;&#039;Pandoc&#039;&#039;&#039; to convert HTML files to and from other file types, enabling a whole range of new setups. Programming languages can be used to generate HTML pages, making it possible to work with databases, or unleash algorithmic processes on text or images. &amp;lt;strong&amp;gt;OSP&amp;lt;/strong&amp;gt; has been working since 2015 on &#039;&#039;&#039;html2print&#039;&#039;&#039;, a boilerplate and web interface for print projects, adding many features to web browsers as layout engine (OSP, 2021a). In 2016, &amp;lt;strong&amp;gt;Sarah Garcin&amp;lt;/strong&amp;gt; develops the &#039;&#039;&#039;PJ Machine&#039;&#039;&#039;, a physical publishing interface based on HTML, CSS and Javascript (Garcin, 2019). Within &amp;lt;strong&amp;gt;Varia&amp;lt;/strong&amp;gt;, &#039;&#039;&#039;octomode&#039;&#039;&#039; emerges, a collective work environment for creating publications based on &#039;&#039;&#039;HTML&#039;&#039;&#039;, &#039;&#039;&#039;CSS&#039;&#039;&#039;, &#039;&#039;&#039;Markdown&#039;&#039;&#039;, &#039;&#039;&#039;Etherpad&#039;&#039;&#039;, &#039;&#039;&#039;Pandoc&#039;&#039;&#039; and &#039;&#039;&#039;Paged.js&#039;&#039;&#039; (Varia and creative crowds, 2023). &amp;lt;strong&amp;gt;Hackers and Designers&amp;lt;/strong&amp;gt; develop a first version of &#039;&#039;&#039;chatty-pub&#039;&#039;&#039; in 2021, a design tool built around the team chat software &#039;&#039;&#039;Zulip&#039;&#039;&#039;, in which style rules can be stored and deployed in the form of emojis (Hackers and Designers, 2023a).&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;Web browsers have played an important role within Free Software design practices from the outset. &#039;&#039;&#039;Web-to-print&#039;&#039;&#039;, also referred to as &#039;&#039;&#039;html2print&#039;&#039;&#039;, &#039;&#039;&#039;CSSPrint&#039;&#039;&#039;, &#039;&#039;&#039;web-to-pdf&#039;&#039;&#039;, &#039;&#039;&#039;web2print&#039;&#039;&#039;, &#039;&#039;&#039;w2p&#039;&#039;&#039; or &#039;&#039;&#039;hybrid publishing&#039;&#039;&#039; uses technologies developed for the web, to produce graphic work. The combination of web aesthetics, the multitude of editorial web environments and the accessibility of &#039;&#039;&#039;HTML&#039;&#039;&#039; and &#039;&#039;&#039;CSS&#039;&#039;&#039; as code languages makes web-to-print an attractive environment for layout creation (Image 12-14). &lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;&#039;&#039;&#039;&lt;/ins&gt;Browsers&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;&#039;&#039;&#039; &lt;/ins&gt;play a crucial role both as a preview and inspection tool, but also as platforms for distribution. Several libraries have been developed to develop more complex layouts such as &#039;&#039;&#039;Paged.js&#039;&#039;&#039;, a javascript library for creating paged media. In addition, designers can use command-line tools such as &#039;&#039;&#039;Pandoc&#039;&#039;&#039; to convert HTML files to and from other file types, enabling a whole range of new setups. Programming languages can be used to generate HTML pages, making it possible to work with databases, or unleash algorithmic processes on text or images. &amp;lt;strong&amp;gt;OSP&amp;lt;/strong&amp;gt; has been working since 2015 on &#039;&#039;&#039;html2print&#039;&#039;&#039;, a boilerplate and web interface for print projects, adding many features to web browsers as layout engine (OSP, 2021a). In 2016, &amp;lt;strong&amp;gt;Sarah Garcin&amp;lt;/strong&amp;gt; develops the &#039;&#039;&#039;PJ Machine&#039;&#039;&#039;, a physical publishing interface based on HTML, CSS and Javascript (Garcin, 2019). Within &amp;lt;strong&amp;gt;Varia&amp;lt;/strong&amp;gt;, &#039;&#039;&#039;octomode&#039;&#039;&#039; emerges, a collective work environment for creating publications based on &#039;&#039;&#039;HTML&#039;&#039;&#039;, &#039;&#039;&#039;CSS&#039;&#039;&#039;, &#039;&#039;&#039;Markdown&#039;&#039;&#039;, &#039;&#039;&#039;Etherpad&#039;&#039;&#039;, &#039;&#039;&#039;Pandoc&#039;&#039;&#039; and &#039;&#039;&#039;Paged.js&#039;&#039;&#039; (Varia and creative crowds, 2023). &amp;lt;strong&amp;gt;Hackers and Designers&amp;lt;/strong&amp;gt; develop a first version of &#039;&#039;&#039;chatty-pub&#039;&#039;&#039; in 2021, a design tool built around the team chat software &#039;&#039;&#039;Zulip&#039;&#039;&#039;, in which style rules can be stored and deployed in the form of emojis (Hackers and Designers, 2023a).&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;−&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;Web standards are central to all these examples, with &#039;&#039;&#039;HTML&#039;&#039;&#039;, &#039;&#039;&#039;CSS&#039;&#039;&#039; and &#039;&#039;&#039;Javascript&#039;&#039;&#039; playing an important role. These standards are formulated and developed by the &lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;&#039;&#039;&#039;&lt;/del&gt;W3C web consortium&lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;&#039;&#039;&#039; &lt;/del&gt;as shared conventions that operate on a large scale. They ensure stability and consistency of web features, such as displaying video or fonts. &#039;&#039;&#039;Browsers&#039;&#039;&#039; each implement these standards at their own pace and in their own way and may possibly add experimental features of not (yet) recommended by the W3C, in order to encourage use of a specific web technology. &#039;&#039;&#039;CSS regions&#039;&#039;&#039; for example, are an experimental feature implemented in Google Chrome browsers and used by &amp;lt;strong&amp;gt;OSP&amp;lt;/strong&amp;gt; since 2015 to layout the magazine &#039;&#039;&#039;Médor&#039;&#039;&#039;. But as an experimental feature, CSS regions quickly disappeared from the subsequent version of the browser, creating a complex situation for OSP. The group eventually found a solution in &#039;&#039;&#039;ospkit&#039;&#039;&#039;, a self-maintained variant of a minimal browser that still supports CSS Regions (OSP, 2019). Another example emerged around &#039;&#039;&#039;Paged.js&#039;&#039;&#039;. The library is developed by &lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;&#039;&#039;&#039;&lt;/del&gt;Coko&lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;&#039;&#039;&#039;&lt;/del&gt;, a company relying on commissions and funding from the North American academic publishing world. This means that their interests determine where developer attention goes (Publishing Partyline: Narrowcast Paged.Js, 2022). The Coko Foundation tries to involve designers in developing Paged.js by making them part of the developer team, and also by participating in a &#039;&#039;&#039;W3C workshop for CSS Print&#039;&#039;&#039; (Julie Blanc, 2020). However, the scale at which Paged.js operates does not leave much room for manoeuvre and graphic designers struggle to grasp the technological whirlwind of web standards and Big Tech interests. Web engines offer many exciting opportunities to invent alternative workflow, but also show the fragility and tensions of scale that arise in the unpredictable environment of the web.&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;Web standards are central to all these examples, with &#039;&#039;&#039;HTML&#039;&#039;&#039;, &#039;&#039;&#039;CSS&#039;&#039;&#039; and &#039;&#039;&#039;Javascript&#039;&#039;&#039; playing an important role. These standards are formulated and developed by the &lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;&amp;lt;strong&amp;gt;&lt;/ins&gt;W3C web consortium&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;&amp;lt;/strong&amp;gt; &lt;/ins&gt;as shared conventions that operate on a large scale. They ensure stability and consistency of web features, such as displaying video or fonts. &#039;&#039;&#039;Browsers&#039;&#039;&#039; each implement these standards at their own pace and in their own way and may possibly add experimental features of not (yet) recommended by the W3C, in order to encourage use of a specific web technology. &#039;&#039;&#039;CSS regions&#039;&#039;&#039; for example, are an experimental feature implemented in Google Chrome browsers and used by &amp;lt;strong&amp;gt;OSP&amp;lt;/strong&amp;gt; since 2015 to layout the magazine &#039;&#039;&#039;Médor&#039;&#039;&#039;. But as an experimental feature, CSS regions quickly disappeared from the subsequent version of the browser, creating a complex situation for OSP. The group eventually found a solution in &#039;&#039;&#039;ospkit&#039;&#039;&#039;, a self-maintained variant of a minimal browser that still supports CSS Regions (OSP, 2019). Another example emerged around &#039;&#039;&#039;Paged.js&#039;&#039;&#039;. The library is developed by &lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;&amp;lt;strong&amp;gt;&lt;/ins&gt;Coko&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;&amp;lt;/strong&amp;gt;&lt;/ins&gt;, a company relying on commissions and funding from the North American academic publishing world. This means that their interests determine where developer attention goes (Publishing Partyline: Narrowcast Paged.Js, 2022). The Coko Foundation tries to involve designers in developing Paged.js by making them part of the developer team, and also by participating in a &#039;&#039;&#039;W3C workshop for CSS Print&#039;&#039;&#039; (Julie Blanc, 2020). However, the scale at which Paged.js operates does not leave much room for manoeuvre and graphic designers struggle to grasp the technological whirlwind of web standards and Big Tech interests. Web engines offer many exciting opportunities to invent alternative workflow, but also show the fragility and tensions of scale that arise in the unpredictable environment of the web.&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot; id=&quot;mw-diff-left-l156&quot;&gt;Line 156:&lt;/td&gt;
&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot;&gt;Line 156:&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&amp;#039;&amp;#039;&amp;#039;MediaWiki&amp;#039;&amp;#039;&amp;#039; as a collaboration and documentation platform without predetermined format or structure because everything is an autonomous page. This openness makes room for different forms of writing within the same platform. Interviews, essays, source lists, image galleries or scripts are all wiki pages that can be written and edited by multiple people. Wiki software also offers a comprehensive set of features to support collective work such as lists of last made edits, discussion pages and ‘red links’ that automatically signal missing pages (Image 19-22).&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&amp;#039;&amp;#039;&amp;#039;MediaWiki&amp;#039;&amp;#039;&amp;#039; as a collaboration and documentation platform without predetermined format or structure because everything is an autonomous page. This openness makes room for different forms of writing within the same platform. Interviews, essays, source lists, image galleries or scripts are all wiki pages that can be written and edited by multiple people. Wiki software also offers a comprehensive set of features to support collective work such as lists of last made edits, discussion pages and ‘red links’ that automatically signal missing pages (Image 19-22).&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;−&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;For the publication &#039;&#039;DiVersions&#039;&#039;, &amp;lt;strong&amp;gt;OSP&amp;lt;/strong&amp;gt; loaded &#039;&#039;&#039;Paged.js&#039;&#039;&#039; into &#039;&#039;&#039;MediaWiki software&#039;&#039;&#039;, allowing authors, editors and designer to access the final result at any time (OSP, 2021c). To create &#039;&#039;Volumetric Regimes&#039;&#039;, a publication edited by &amp;lt;strong&amp;gt;Possible Bodies&amp;lt;/strong&amp;gt;, &amp;lt;strong&amp;gt;Manetta&amp;lt;/strong&amp;gt; develops a temporary working environment based on a simple &#039;&#039;&#039;Flask web application&#039;&#039;&#039; and &#039;&#039;&#039;Pandoc&#039;&#039;&#039; (Berends, 2022). This code is further developed into &#039;&#039;&#039;wiki-to-pdf&#039;&#039;&#039; by &amp;lt;strong&amp;gt;Martino Morandi&amp;lt;/strong&amp;gt;, adding the possibility of producing multiple publications within the same &#039;&#039;&#039;MediaWiki installation&#039;&#039;&#039; (Morandi, 2022). &amp;lt;strong&amp;gt;Hackers and Designers&amp;lt;/strong&amp;gt; expand the workflow with custom plugins, resulting in &#039;&#039;&#039;wiki2print&#039;&#039;&#039; (Hackers and Designers, 2023b). &amp;lt;strong&amp;gt;Manetta&amp;lt;/strong&amp;gt; and &amp;lt;strong&amp;gt;Simon&amp;lt;/strong&amp;gt; make a fully wiki integrated version published as wiki-to-print (Browne and Berends, 2024). This version is installed as &#039;&#039;&#039;wiki4print&#039;&#039;&#039; on &lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;&#039;&#039;&#039;&lt;/del&gt;Servpub&lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;&#039;&#039;&#039;&lt;/del&gt;, to produce the research paper &#039;&#039;Content/Form&#039;&#039; (Servpub, 2024).&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;For the publication &#039;&#039;DiVersions&#039;&#039;, &amp;lt;strong&amp;gt;OSP&amp;lt;/strong&amp;gt; loaded &#039;&#039;&#039;Paged.js&#039;&#039;&#039; into &#039;&#039;&#039;MediaWiki software&#039;&#039;&#039;, allowing authors, editors and designer to access the final result at any time (OSP, 2021c). To create &#039;&#039;Volumetric Regimes&#039;&#039;, a publication edited by &amp;lt;strong&amp;gt;Possible Bodies&amp;lt;/strong&amp;gt;, &amp;lt;strong&amp;gt;Manetta&amp;lt;/strong&amp;gt; develops a temporary working environment based on a simple &#039;&#039;&#039;Flask web application&#039;&#039;&#039; and &#039;&#039;&#039;Pandoc&#039;&#039;&#039; (Berends, 2022). This code is further developed into &#039;&#039;&#039;wiki-to-pdf&#039;&#039;&#039; by &amp;lt;strong&amp;gt;Martino Morandi&amp;lt;/strong&amp;gt;, adding the possibility of producing multiple publications within the same &#039;&#039;&#039;MediaWiki installation&#039;&#039;&#039; (Morandi, 2022). &amp;lt;strong&amp;gt;Hackers and Designers&amp;lt;/strong&amp;gt; expand the workflow with custom plugins, resulting in &#039;&#039;&#039;wiki2print&#039;&#039;&#039; (Hackers and Designers, 2023b). &amp;lt;strong&amp;gt;Manetta&amp;lt;/strong&amp;gt; and &amp;lt;strong&amp;gt;Simon&amp;lt;/strong&amp;gt; make a fully wiki integrated version published as &lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;&#039;&#039;&#039;&lt;/ins&gt;wiki-to-print&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;&#039;&#039;&#039; &lt;/ins&gt;(Browne and Berends, 2024). This version is installed as &#039;&#039;&#039;wiki4print&#039;&#039;&#039; on &lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;&amp;lt;strong&amp;gt;&lt;/ins&gt;Servpub&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;&amp;lt;/strong&amp;gt;&lt;/ins&gt;, to produce the research paper &#039;&#039;Content/Form&#039;&#039; (Servpub, 2024).&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot; id=&quot;mw-diff-left-l172&quot;&gt;Line 172:&lt;/td&gt;
&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot;&gt;Line 172:&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;=== Etherpad ===&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;=== Etherpad ===&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;−&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;The collaborative word processing software &#039;&#039;&#039;etherpad&#039;&#039;&#039; is widely used in cultural organisations and educational situations. Not only does &#039;&#039;&#039;etherpad&#039;&#039;&#039; allow working on the same document simultaneously in an accessible way, but unlike commercial counterparts, it also offers easy export to plain text. This allows programmatic, content and style adjustments to be made on the same page, and that exciting feature sparked many customised tools (Image 23-25). As &amp;lt;strong&amp;gt;Martino&amp;lt;/strong&amp;gt; observes in Constant Padology, maintaining the software and working on the visual layout is therefore done in close collaboration: &amp;lt;span class=&quot;quote&quot;&amp;gt;«Publishing with experimental pipelines means the collapse of the rigid separation between editorial work, design work, development, and infrastructure care»&amp;lt;/span&amp;gt; (Morandi, 2023, para. 19). A few examples: &#039;&#039;&#039;Ethertoff&#039;&#039;&#039;, collective web and print publishing tool introduced by OSP in 2013 in the context of Relearn. &#039;&#039;&#039;Etherbox&#039;&#039;&#039;, a constellation of, among other things, a local server and Etherpads used in collective sessions for note-taking, source material sharing and publication, developed in the context of Constant. etherdump, a command-line tool that stores pads as files to be indexed and archived, developed by &amp;lt;strong&amp;gt;Michael Murtaugh&amp;lt;/strong&amp;gt;. &#039;&#039;&#039;Etherpash&#039;&#039;&#039; uses homemade local marker code to trigger any commandline action, developed by &amp;lt;strong&amp;gt;Christoph Haag&amp;lt;/strong&amp;gt; for &#039;&#039;I think that conversations are the best, biggest thing that Free Software has to offer its user&#039;&#039;. For &#039;&#039;&#039;octomode&#039;&#039;&#039; see section 4.2. &#039;&#039;&#039;DEViation&#039;&#039;&#039; is developed by &amp;lt;strong&amp;gt;Luuse&amp;lt;/strong&amp;gt; for a two-day workshop, and &amp;lt;strong&amp;gt;Martino&amp;lt;/strong&amp;gt; devises &#039;&#039;&#039;Tardigraph&#039;&#039;&#039;, a web interface that allows writing and generating code together for diagrams with &#039;&#039;&#039;graphviz&#039;&#039;&#039;.&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;The collaborative word processing software &#039;&#039;&#039;etherpad&#039;&#039;&#039; is widely used in cultural organisations and educational situations. Not only does &#039;&#039;&#039;etherpad&#039;&#039;&#039; allow working on the same document simultaneously in an accessible way, but unlike commercial counterparts, it also offers easy export to plain text. This allows programmatic, content and style adjustments to be made on the same page, and that exciting feature sparked many customised tools (Image 23-25). As &amp;lt;strong&amp;gt;Martino&amp;lt;/strong&amp;gt; observes in Constant Padology, maintaining the software and working on the visual layout is therefore done in close collaboration: &amp;lt;span class=&quot;quote&quot;&amp;gt;«Publishing with experimental pipelines means the collapse of the rigid separation between editorial work, design work, development, and infrastructure care»&amp;lt;/span&amp;gt; (Morandi, 2023, para. 19). A few examples: &#039;&#039;&#039;Ethertoff&#039;&#039;&#039;, collective web and print publishing tool introduced by &lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;&amp;lt;strong&amp;gt;&lt;/ins&gt;OSP&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;&amp;lt;/strong&amp;gt; &lt;/ins&gt;in 2013 in the context of Relearn. &#039;&#039;&#039;Etherbox&#039;&#039;&#039;, a constellation of, among other things, a local server and Etherpads used in collective sessions for note-taking, source material sharing and publication, developed in the context of Constant. &lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;&#039;&#039;&#039;&lt;/ins&gt;etherdump&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;&#039;&#039;&#039;&lt;/ins&gt;, a command-line tool that stores pads as files to be indexed and archived, developed by &amp;lt;strong&amp;gt;Michael Murtaugh&amp;lt;/strong&amp;gt;. &#039;&#039;&#039;Etherpash&#039;&#039;&#039; uses homemade local marker code to trigger any commandline action, developed by &amp;lt;strong&amp;gt;Christoph Haag&amp;lt;/strong&amp;gt; for &#039;&#039;I think that conversations are the best, biggest thing that Free Software has to offer its user&#039;&#039;. For &#039;&#039;&#039;octomode&#039;&#039;&#039; see section 4.2. &#039;&#039;&#039;DEViation&#039;&#039;&#039; is developed by &amp;lt;strong&amp;gt;Luuse&amp;lt;/strong&amp;gt; for a two-day workshop, and &amp;lt;strong&amp;gt;Martino&amp;lt;/strong&amp;gt; devises &#039;&#039;&#039;Tardigraph&#039;&#039;&#039;, a web interface that allows writing and generating code together for diagrams with &#039;&#039;&#039;graphviz&#039;&#039;&#039;.&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot; id=&quot;mw-diff-left-l190&quot;&gt;Line 190:&lt;/td&gt;
&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot;&gt;Line 190:&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;Over the years, it has become clear to us that it is not enough to merely strive for free, libre and open source software workflows without also paying attention to developing, for example, feminist and anti-colonial methods, or thinking about the relationship between technological infrastructure and climate justice (PrePostPrint @ LGM, 2024). If the decision to use FLOSS is not accompanied by developing non-extractive economic models and collective organisation, they are mere techno-solutionist practices. The FLOSS movement itself has also changed. Multiple critical voices emerged to fundamentally rethink the principles of open access, many new &amp;#039;&amp;#039;&amp;#039;copyleft licenses&amp;#039;&amp;#039;&amp;#039; circulate that break with the principles advocated by the &amp;lt;strong&amp;gt;Free Software Foundation&amp;lt;/strong&amp;gt;, and the movement&amp;#039;s charismatic foreman has finally fallen off his pedestal (de Blanc et al., 2021). Twenty years ago, to work with free software was motivated both against the commercial logic of closed proprietary layout software, and from a desire to bring the worlds of designers and software developers closer. The curiosity about a more intimate relationship with digital tools is still there, but twenty years on, the context is no longer the same.&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;Over the years, it has become clear to us that it is not enough to merely strive for free, libre and open source software workflows without also paying attention to developing, for example, feminist and anti-colonial methods, or thinking about the relationship between technological infrastructure and climate justice (PrePostPrint @ LGM, 2024). If the decision to use FLOSS is not accompanied by developing non-extractive economic models and collective organisation, they are mere techno-solutionist practices. The FLOSS movement itself has also changed. Multiple critical voices emerged to fundamentally rethink the principles of open access, many new &amp;#039;&amp;#039;&amp;#039;copyleft licenses&amp;#039;&amp;#039;&amp;#039; circulate that break with the principles advocated by the &amp;lt;strong&amp;gt;Free Software Foundation&amp;lt;/strong&amp;gt;, and the movement&amp;#039;s charismatic foreman has finally fallen off his pedestal (de Blanc et al., 2021). Twenty years ago, to work with free software was motivated both against the commercial logic of closed proprietary layout software, and from a desire to bring the worlds of designers and software developers closer. The curiosity about a more intimate relationship with digital tools is still there, but twenty years on, the context is no longer the same.&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;−&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;First, there is the challenge these practices pose to design education. As we saw in &amp;lt;strong&amp;gt;Relearn&amp;lt;/strong&amp;gt;, free software invites teaching in different ways. By introducing not only tools but also the culture and ideas around them, students are encouraged to think about how they want to shape their working environment, how they want to develop knowledge, their position and context. Within design education, it is therefore necessary to pay attention not only to WHAT students make or what statements they make, but also HOW they make that work, how they relate to others and from what underlying motivation or urgency those choices arise. As Silvio Lorusso explains in his essay &#039;&#039;Learn to Code vs. Code to Learn&#039;&#039;, web design and creative coding are often the starting point to begin programming but that is not enough (Lorusso, 2022). Design education needs to provide students with starting points to build an infrastructure for their practice, technically, socially and administratively.  &lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;First, there is the challenge these practices pose to design education. As we saw in &amp;lt;strong&amp;gt;Relearn&amp;lt;/strong&amp;gt;, free software invites teaching in different ways. By introducing not only tools but also the culture and ideas around them, students are encouraged to think about how they want to shape their working environment, how they want to develop knowledge, their position and context. Within design education, it is therefore necessary to pay attention not only to WHAT students make or what statements they make, but also HOW they make that work, how they relate to others and from what underlying motivation or urgency those choices arise. As &lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;&#039;&#039;&#039;&lt;/ins&gt;Silvio Lorusso&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;&#039;&#039;&#039; &lt;/ins&gt;explains in his essay &#039;&#039;Learn to Code vs. Code to Learn&#039;&#039;, web design and creative coding are often the starting point to begin programming but that is not enough (Lorusso, 2022). Design education needs to provide students with starting points to build an infrastructure for their practice, technically, socially and administratively.  &lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;−&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;Even though free software offers a lot of room to redefine roles within an editorial process, it is still easier said than done to change established workflows. Practices and working methods are often deeply ingrained and feel taken for granted, and in result-oriented assignment situations, it remains a challenge to find the time to formulate what Free Software stands for, how this way of working requires a different attitude and to provide insight into the possibilities this offers. For example, tools are often still seen as merely for execution, while editorial environments such as &#039;&#039;&#039;Git repositories&#039;&#039;&#039; or &#039;&#039;&#039;Etherpads&#039;&#039;&#039; introduce new, collective ways of writing and collaborating. Perhaps hardest to face is the fact that Free Software tools are often developed by individuals, small core groups or umbrella organisations, where the availability of financial resources guides the degree of maintenance and chosen direction of development. We saw this in the example of &amp;lt;strong&amp;gt;LGM&amp;lt;/strong&amp;gt;, in &#039;&#039;&#039;Chrome&#039;&#039;&#039;’s decision to retract CSS regions and in the choices of the &amp;lt;strong&amp;gt;Coko Foundation&amp;lt;/strong&amp;gt;, the organisation that produces &#039;&#039;&#039;Paged.js&#039;&#039;&#039;, that there is an issue of scale which means that the nuanced needs of designers cannot always survive under the pressure of larger interests. Free software design tools offer many starting points for developing collective working environments, finding new forms of expression and opportunities. The slogan &#039;tools shape practice shapes tools...&#039; here acts as the description of a practice, but also as a kind of magic spell. The circular phrasing evokes a world where free software tools act as a means and medium to move towards radically different graphic practices. It dreams of a world that reflects &amp;lt;span class=&quot;quote&quot;&amp;gt;«the iterative and reproductive relationship that links means and ends»&amp;lt;/span&amp;gt; (Morandi, 2023, note 1), where tools are tailored to the needs of a specific practice, and the practice becomes part of the environment in which tools are shaped.&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;Even though free software offers a lot of room to redefine roles within an editorial process, it is still easier said than done to change established workflows. Practices and working methods are often deeply ingrained and feel taken for granted, and in result-oriented assignment situations, it remains a challenge to find the time to formulate what Free Software stands for, how this way of working requires a different attitude and to provide insight into the possibilities this offers. For example, tools are often still seen as merely for execution, while editorial environments such as &#039;&#039;&#039;Git repositories&#039;&#039;&#039; or &#039;&#039;&#039;Etherpads&#039;&#039;&#039; introduce new, collective ways of writing and collaborating. Perhaps hardest to face is the fact that Free Software tools are often developed by individuals, small core groups or umbrella organisations, where the availability of financial resources guides the degree of maintenance and chosen direction of development. We saw this in the example of &amp;lt;strong&amp;gt;LGM&amp;lt;/strong&amp;gt;, in &#039;&#039;&#039;Chrome&#039;&#039;&#039;’s decision to retract CSS regions and in the choices of the &amp;lt;strong&amp;gt;Coko Foundation&amp;lt;/strong&amp;gt;, the organisation that produces &#039;&#039;&#039;Paged.js&#039;&#039;&#039;, that there is an issue of scale which means that the nuanced needs of designers cannot always survive under the pressure of larger interests. Free software design tools offer many starting points for developing collective working environments, finding new forms of expression and opportunities. The slogan &lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;&#039;&#039;&lt;/ins&gt;&#039;tools shape practice shapes tools...&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;&#039;&#039;&lt;/ins&gt;&#039; here acts as the description of a practice, but also as a kind of magic spell. The circular phrasing evokes a world where free software tools act as a means and medium to move towards radically different graphic practices. It dreams of a world that reflects &amp;lt;span class=&quot;quote&quot;&amp;gt;«the iterative and reproductive relationship that links means and ends»&amp;lt;/span&amp;gt; (Morandi, 2023, note 1), where tools are tailored to the needs of a specific practice, and the practice becomes part of the environment in which tools are shaped.&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;pagebreak&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;pagebreak&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;

&lt;!-- diff cache key wikicc:diff:1.41:old-5042:rev-5043:php=table --&gt;
&lt;/table&gt;</summary>
		<author><name>Manetta</name></author>
	</entry>
</feed>