mirror of
https://github.com/almet/notmyidea.git
synced 2025-04-28 19:42:37 +02:00
74 lines
No EOL
3.8 KiB
HTML
74 lines
No EOL
3.8 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="fr">
|
|
<head>
|
|
<title>
|
|
Webnotes - Alexis Métaireau </title>
|
|
<meta charset="utf-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<link rel="stylesheet"
|
|
href="https://blog.notmyidea.org/theme/css/main.css?v2"
|
|
type="text/css" />
|
|
<link href="https://blog.notmyidea.org/feeds/all.atom.xml"
|
|
type="application/atom+xml"
|
|
rel="alternate"
|
|
title="Alexis Métaireau ATOM Feed" />
|
|
</head>
|
|
<body>
|
|
<div id="content">
|
|
<section id="links">
|
|
<ul>
|
|
<li>
|
|
<a class="main" href="/">Alexis Métaireau</a>
|
|
</li>
|
|
<li>
|
|
<a class=""
|
|
href="https://blog.notmyidea.org/journal/index.html">Journal</a>
|
|
</li>
|
|
<li>
|
|
<a class="selected"
|
|
href="https://blog.notmyidea.org/code/">Code, etc.</a>
|
|
</li>
|
|
<li>
|
|
<a class=""
|
|
href="https://blog.notmyidea.org/weeknotes/">Notes hebdo</a>
|
|
</li>
|
|
<li>
|
|
<a class=""
|
|
href="https://blog.notmyidea.org/lectures/">Lectures</a>
|
|
</li>
|
|
<li>
|
|
<a class=""
|
|
href="https://blog.notmyidea.org/projets.html">Projets</a>
|
|
</li>
|
|
</ul>
|
|
</section>
|
|
|
|
<header>
|
|
<h1 class="post-title">Webnotes</h1>
|
|
<p><em>Un outil pour prendre et partager des notes lors de ma navigation.</em></p>
|
|
<time datetime="2018-02-25T00:00:00+01:00">25 février 2018</time>
|
|
|
|
|
|
</header>
|
|
<article>
|
|
<p>Quand je navigue en ligne, j’aime bien prendre des notes sur ce que je lis. C’est utile pour les retrouver plus tard. Il existe quelques outils pour ce genre de cas, mais j’ai vraiment eu du mal à trouver un outil qui faisais ce que je voulais, de la manière que je voulais, c’est à dire:</p>
|
|
<ul>
|
|
<li>enregistrer une sélection de texte ainsi que son contexte: heure, site web.</li>
|
|
<li>fonctionner sur Firefox;</li>
|
|
<li>stocker mes notes à un endroit que je contrôle (ce sont mes données, après tout !)</li>
|
|
<li>rester en dehors de mon chemin: je suis en train de lire, pas en train d’organiser mes notes.</li>
|
|
<li>automatiquement partager les notes sur une page web.</li>
|
|
</ul>
|
|
<p>J’ai donc pris un peu de temps pour fabriquer mon outil de prises de notes, que j’ai baptisé « Webnotes ». C’est <a href="https://addons.mozilla.org/en-US/firefox/addon/wwebnotes/">une extension Firefox</a>, qui se configure assez simplement, et qui stocke les données dans une instance de <a href="http://kinto-storage.org/">Kinto</a>.</p>
|
|
<p><img src="https://github.com/almet/webnotes/blob/master/webnotes.gif?raw=true" /></p>
|
|
<p>C’est aussi simple que sélectionner du texte, faire « clic droit » puis « save as webnote », entrer un tag et le tour est joué !</p>
|
|
<p>Mes notes sont disponibles <a href="https://notes.notmyidea.org">sur notes.notmyidea.org</a>, et voici <a href="https://github.com/almet/webnotes">le lien vers les sources</a>, si ça vous intéresse de regarder comment ça fonctionne !</p>
|
|
</article>
|
|
<footer>
|
|
<a id="feed" href="/feeds/all.atom.xml">
|
|
<img alt="RSS Logo" src="/theme/rss.svg" />
|
|
</a>
|
|
</footer>
|
|
</div>
|
|
</body>
|
|
</html> |