User:Ailepet/Web design notes - Revision history

Ailepet: /* Workflows and tools */

2025-07-20T16:39:43Z

Workflows and tools

← Older revision		Revision as of 18:39, 20 July 2025
Line 79:		Line 79:

	== Workflows and tools ==		== Workflows and tools ==
			https://www.arthurperret.fr/blog/2023-04-03-le-bon-outil.html

	We will focus on opensource tools only, with a preference for local-first		We will focus on opensource tools only, with a preference for local-first

Ailepet at 18:46, 26 June 2025

2025-06-26T18:46:13Z

← Older revision		Revision as of 20:46, 26 June 2025
Line 58:		Line 58:

	== Distinguishing between writing and styling ==		== Distinguishing between writing and styling ==
			https://www.arthurperret.fr/blog/2020-05-22-ecrire-et-editer.html

	https://ia.net/topics/markdown-and-the-slow-fade-of-the-formatting-fetish		https://ia.net/topics/markdown-and-the-slow-fade-of-the-formatting-fetish

Ailepet: /* Static websites as academic essays */

2025-06-22T20:13:28Z

Static websites as academic essays

← Older revision		Revision as of 22:13, 22 June 2025
Line 43:		Line 43:

	=== Static websites as academic essays ===		=== Static websites as academic essays ===
			See https://www.arthurperret.fr/blog/2025-06-13-le-futur-de-l-edition-scientifique-est-au-format-texte.html

	Most teachers ask for PDFs, not for printing the essays (although this is what PDF is designed for), but for its immutable quality, regardless of the bad ergonomics of reading a PDF on a screen (especially a small screen, e.g. smartphone)		Most teachers ask for PDFs, not for printing the essays (although this is what PDF is designed for), but for its immutable quality, regardless of the bad ergonomics of reading a PDF on a screen (especially a small screen, e.g. smartphone)

Ailepet: /* To sort */

2025-06-22T19:37:30Z

To sort

← Older revision		Revision as of 21:37, 22 June 2025
Line 128:		Line 128:

	* https://radicalweb.design/ressources/		* https://radicalweb.design/ressources/
			* https://toolkit.wellgedacht.org/doku.php?id=start

Ailepet: /* Static site generators */

2025-05-14T18:18:13Z

Static site generators

← Older revision		Revision as of 20:18, 14 May 2025
Line 110:		Line 110:

	* [https://www.mkdocs.org/ MkDocs]		* [https://www.mkdocs.org/ MkDocs]
			* [https://codeberg.org/ukrudt.net/lichen-markdown Lichen-Markdown]
	* [https://gohugo.io/ Hugo]		* [https://gohugo.io/ Hugo]
	* [https://esadpyrenees.github.io/PageTypeToPrint/ PageTypeToPrint]		* [https://esadpyrenees.github.io/PageTypeToPrint/ PageTypeToPrint]

Ailepet: /* Distinguishing between writing and editing */

2025-05-13T08:57:36Z

Distinguishing between writing and editing

← Older revision		Revision as of 10:57, 13 May 2025
Line 55:		Line 55:
	** https://memoire.emma-jade.fr/ (should a thesis count as a digital book?)		** https://memoire.emma-jade.fr/ (should a thesis count as a digital book?)

	== Distinguishing between writing and ~~editing~~ ==		== Distinguishing between writing and styling ==
	https://ia.net/topics/markdown-and-the-slow-fade-of-the-formatting-fetish		https://ia.net/topics/markdown-and-the-slow-fade-of-the-formatting-fetish

			https://en.wikipedia.org/wiki/Separation_of_content_and_presentation

	Writing alone can be done in a notepad (paper and pen) or a bare-bones text editor (digital). When using a a bare-bones digital writing tool, Markdown allows to add a minimal amount of semantics and hypertext.		Writing alone can be done in a notepad (paper and pen) or a bare-bones text editor (digital). When using a a bare-bones digital writing tool, Markdown allows to add a minimal amount of semantics and hypertext.

	~~Editing~~ can either be made at the same time as writing, or in a later phase		Styling can either be made at the same time as writing, or in a later phase

	=== Start from Markdown (always?) ===		=== Start from Markdown (always?) ===
Line 67:		Line 69:
	https://johnmacfarlane.net/beyond-markdown.html > https://github.com/jgm/djot		https://johnmacfarlane.net/beyond-markdown.html > https://github.com/jgm/djot

	=== ~~Editing~~ as an option? ===		=== Styling as an option? ===
	"a smolwebsite must be readable without any CSS and JavaScript code" (Adële, [https://smolweb.org/guidelines.html "Guidelines for a smolweb"])		"a smolwebsite must be readable without any CSS and JavaScript code" (Adële, [https://smolweb.org/guidelines.html "Guidelines for a smolweb"])

Ailepet: /* Static websites as digital books */

2025-05-12T08:42:39Z

Static websites as digital books

← Older revision		Revision as of 10:42, 12 May 2025
Line 39:		Line 39:
	* https://famicom.party/book/		* https://famicom.party/book/
	* https://practicaltypography.com/		* https://practicaltypography.com/
			* https://hypermedia.systems/book/contents/
	* https://mislav.github.io/diveintohtml5/		* https://mislav.github.io/diveintohtml5/

Ailepet: /* Mutable tools */

2025-05-11T14:49:37Z

Mutable tools

← Older revision		Revision as of 16:49, 11 May 2025
Line 110:		Line 110:
	* [https://esadpyrenees.github.io/PageTypeToPrint/ PageTypeToPrint]		* [https://esadpyrenees.github.io/PageTypeToPrint/ PageTypeToPrint]
	* https://filiph.net/text/the-revenge-of-server-side-includes.html		* https://filiph.net/text/the-revenge-of-server-side-includes.html

			==== Converters ====

			* [https://flathub.org/apps/garden.jamie.Morphosis Morphosis]

	== Diagrams ==		== Diagrams ==

Ailepet: /* Static websites as academic essays */

2025-05-11T13:37:18Z

Static websites as academic essays

← Older revision		Revision as of 15:37, 11 May 2025
Line 48:		Line 48:
	* Open science platforms:		* Open science platforms:
	** https://shs.cairn.info/		** https://shs.cairn.info/
	** https://journals.openedition.org/		** https://journals.openedition.org/ (using [https://lodel.hypotheses.org Lodel] and [[wikipedia:Text_Encoding_Initiative\|TEI]])
	* Individual web pages:		* Individual web pages:
	** https://joelgombin.github.io/makingof.html (using https://~~edwardtufte~~.github.io/tufte~~-css/~~)		** https://joelgombin.github.io/makingof.html (using [https://rmarkdown.rstudio.com/ R Markdown] and probably https://github.com/rstudio/tufte)
	** https://ateliers.esad-pyrenees.fr/pagetypetoprint/demo/esadpyrenees/		** https://ateliers.esad-pyrenees.fr/pagetypetoprint/demo/esadpyrenees/
	** https://memoire.emma-jade.fr/ (should a thesis count as a digital book?)		** https://memoire.emma-jade.fr/ (should a thesis count as a digital book?)

Ailepet: /* All-in-one (or most-in-one) tools */

2025-05-11T13:31:13Z

All-in-one (or most-in-one) tools

← Older revision		Revision as of 15:31, 11 May 2025
Line 79:		Line 79:
	* [https://typst.app/ typst.app] ("Focus on your text and let Typst take care of layout and formatting")		* [https://typst.app/ typst.app] ("Focus on your text and let Typst take care of layout and formatting")
	* [https://lodel.hypotheses.org/ Lodel]		* [https://lodel.hypotheses.org/ Lodel]
			* [https://scenari.org/ Scenari]
	* [https://rust-lang.github.io/mdBook/ mdBook]		* [https://rust-lang.github.io/mdBook/ mdBook]
	* [https://codeberg.org/abrupt/gabarit-abrupt Gabarit Abrüpt]		* [https://codeberg.org/abrupt/gabarit-abrupt Gabarit Abrüpt]