Comment commenter le web
Je me pose la question comme beaucoup
Autrement dit :
comment rendre
le web statique des articles
( non centralisés ..
dans l'enceinte des #GAFAM )
... accessible en écriture ?
... discutable dans le texte ?
... en marge / en creux
=/= en bas de pages
( où sont souvent relégués les commentaires )
( tel /Isso/ : https://liens.vincent-bonnefille.fr/?vbm_vg )
{cet} article du #@MIT semble y répondre
( #2019 : #@Antero_Garcia + #@Remi_Kalir )
https://mitpressonpubpub.mitpress.mit.edu/annotation
Une autre {bulle}
rassemble ma recherche d'outils pour le web commenté
https://liens.vincent-bonnefille.fr/?OMKCTA#goto_TufteSideNotes
( dont #tufte : note en marge )
Un très bon article ( et d'autres : sommaire )
- http://www.revue-backoffice.com/numeros/03-ecrire-lecran/10_devisscher
- http://www.revue-backoffice.com/numeros/03-ecrire-lecran/05_citton #@Yves_Citton
- http://www.revue-backoffice.com/glossaire
Une bonne liste de lien sur les enjeux de publication web comme flux
https://lexiquelibre.louisefantozzi.comdont l'exraordinairement bien réalisé
https://ateliers.esad-pyrenees.fr/web/
et un digg
vers #Etherpad + Ethertoff
( préoccupation de la sauvegarde / comment / transcript d'un event )
( #tufte / #comment / #archive )
- Going Hybrid | Event Report Workout: The Ethertoff Edition
↳ https://networkcultures.org/goinghybrid/2023/06/29/event-report-workout-the-ethertoff-edition/ - Going Hybrid | Introducing EtherPort
↳ https://networkcultures.org/goinghybrid/2023/11/16/introducing-the-etherport/ - Experimental Publishing – #@Piet_Zwart_Institute
↳ https://www.pzwart.nl/experimental-publishing/
Le XPUB
XPUB is the Master of Arts in Fine Art and Design: Experimental Publishing of the #@Piet_Zwart_Institute . XPUB focuses on the acts of making things public and creating publics in the age of post-digital networks.
Constant Padology – MARCH
↳ https://march.international/constant-padology/
Commenter le web de façon ouverte.
Joie d'un Web 2.0 surligné
avec https://hypothes.is
( plutôt que commenté en bas de page )
De nombreux outils + plugins / intégrations :
- https://web.hypothes.is/tools-plug-ins-and-integrations/
L'API permet d'afficher ailleur, d'exporter ( tel : ) - https://jonudell.info/h/
- https://jonudell.info/h/facet/
#maj #@2023
- J'ai finalement réussi à installer
Isso
( qui génère un espace commentaire sans tracking ) - testez #comments
- infos / tuto :
https://liens.vincent-bonnefille.fr/?vbm_vg
AJOUT : /Histre/ (alt)
Une alternative solide pour annoter le web (en couleurs)
On sent un projet +plus solide que @H, peut-être moins ouvert
( on peut exporter ses datas + API mais j'ai pas test )
On peut facilement créer des listes de liens/tags
Partager + Annoter
( le tout de façon automatique (+fluide), sans avoir à activer l'outil dans le navigateur à chaque fois/nouvelle page )
notes de retours (feedbacks)
Limites d'Hypothèsis
... par défaut un surlignage n'est pas en Public
... il faut ajouter un commentaire pour qu'il le soit
Et...
On peut créer des goupes (privés / publics)
<-- limitation générale
<-- par défaut, meme si on met l'annotation dans le group mondial "Public", l'annotation est par défaut visible uniquement par MOI... on perd un peu' l'intérêt de la chose. Pour passer un "public = visible" on doit annoter chaque surlignage... et passer sa visiblité en Public...
<-- source : https://web.hypothes.is/help/why-are-highlights-private-by-default/
... greate tool
- https://github.com/ravenscroftj/md-hypothesis-sync
... not easy API use - https://h.readthedocs.io/en/latest/api/authorization/
- https://h.readthedocs.io/en/latest/api/using-oauth/#registering-an-oauth-client
... installer /h/ #todo #Docker - https://github.com/hypothesis/h/issues/6014
- https://lyz-code.github.io/blue-book/linux/hypothesis/
- https://h.readthedocs.io/en/latest/developing/install/ #<3
Story
J'ai décidé de l'intégrer {{ici}}
J'utilise aussi...
Android
URL Forwarder
: add "via.hypothesis"
https://boffosocko.com/2020/05/24/a-hack-for-using-hypothes-is-to-annotate-on-mobile/
Web
Firefox
- https://addons.mozilla.org/fr/firefox/search/?q=Hypothes.is&sort=rating&type=extension
Chromium - https://chrome.google.com/webstore/detail/hypothesis-web-pdf-annota/bjfhmglciegochdpefhhlphglcehbmek?hl=fr
...
( si l'extension ne marche pas )
Userscripts ( add on any pages ) - https://gist.github.com/potter0815/10ebf62d9c94fd58228cf0a3ef0b1615
- https://gist.github.com/AFutureD/7a5674cd515ebb57db7ac5b5bff47049
CORS / SCP
Certains serveurs sécurisent le droit d'accès à leurs ressources...
Ainsi, un autre serveur (ou site / domain / service) n'y aura pas accès
: un point crutiale de #sécurité
. Mais un et limitation / fermeture qui empêche l'interaction libre
: ici, hyp. ne pourra pas s'intégrer ou récupérer des infos...
.! Mais on peut modifier l'entête d'une page web pour contourner sa politique restrictive
Cet article, 2) explique comment
Autres articles :
- https://web.hypothes.is/blog/integrating-hypothesis-using-ajax-and-cors/
- https://web.hypothes.is/help/overview-of-the-hypothesis-system/
Git
- https://github.com/hypothesis/bouncer
- https://github.com/hypothesis/pdf.js-hypothes.is
- https://github.com/hypothesis/facet
Commenter
( bas de page )
Alternatives à /Disqus/ =
- https://ourcodeworld.com/articles/read/1265/top-7-best-open-source-self-hosted-comment-system-alternatives-to-disqus
dont : https://supacomments.vercel.app
dont : https://isso-comments.de
--> installé ! https://liens.vincent-bonnefille.fr/?vbm_vg
Surligner
( comme sur Médium )
-- JS libraries
Annotations ( 2.0 : coments + highlight ) #todo
- https://www.cssscript.com/text-annotation-highlighting/
--> http://annotatorjs.org #<3 ( <- this )
"Who is using it?
More than a dozen projects rely on Annotator for their digital annotation needs and many are open source. A few noteables include Hypothes.is, edX, Annotation Studio, and Peer Library. Please checkout our showcase page for a more complete list. "
Surlignage ( sever_side )
Tufte : SideNotes
Une question similaire à celle des notes de bas de page...
mises en évidence sur le côte / bord du texte (dans la marge)
-->
En CSS ça donnerait
+
2 articles #<3
- https://www.gwern.net/Sidenotes
- https://www.arthurperret.fr/blog/2018-12-04-semantique-et-mise-en-forme.html
--> renvoie à un artil le sur Zotero / BibLatex + #pandoc + #md ( #tuto )
https://zotero.hypotheses.org/2258
Browse The Most Popular 64 Pandoc Open Source Projects
MORE PANDOCS
#Vscode #pdf #md export w\ Pandoc
https://awesomeopensource.com/project/yzane/vscode-markdown-pdf#install
Online #editor #<3
https://markup.rocks/
Latex margin right alternative to #tufte
https://github.com/shicks/marginfix
Blog md #tufte
https://awesomeopensource.com/project/apas/athena
MAC pdf / exports pandoc + editor
https://awesomeopensource.com/project/mb21/panwriter
- FAT article https://web.archive.org/web/20210623182554/https://jasonpeacock.com/projects/markdown-websites/
->> https://jasonpeacock.com/projects/markdown-websites/
( avec config ylm ... )
Git : https://maehr.github.io/awesome-academic-writing/
Academic MD
ALL frontmatter latex_pandoc_md options (geometry, paper, sizes, colors...)
One more
http://www.plaintextadventure.com/ref/KukkMarkdownRef.html
Footnotes on right -->
https://blog.kdheepak.com/pelican-margin-notes-with-pandoc.html
https://edwardtufte.github.io/tufte-css/
#home #tufte
https://jez.io/tufte-pandoc-css/tufte-md/
...
#français #<3
https://www.arthurperret.fr/semantique-et-mise-en-forme.html
#git
https://github.com/jez/tufte-pandoc-css
https://github.com/jez/tufte-pandoc-jekyll
...
Alternative comparaisons
https://www.gwern.net/Sidenotes#sidenotes-js