Web indépendant Un rapide post de training, avant la grande rencontre de mise en marche de la décentralisation du net !

Pourquoi Le Web est Cassé & Comment le Réparer ?

Si le jeu vous tente, nous disposons de 2 places si ça vous dit de passer pour témoigner à notre TonicTuesday IndieWeb demain matin chez 50a, (Paris 10)

Le titre est plus qu’inspiré de la présentation indieweb de @caseorganic. 30 minutes max pour sensibiliser et encourager un public interne de futurs bâtisseurs francophones…

Rdv à 9:30am précises à l’agence. Café, croissants offerts. Merci de confirmer si possible. (Webmentions bienvenus !)

JDD – Laurent Valdiguié 2014-01-09

Qui contrôle Google aujourd’hui?

Personne, en dehors de ses actionnaires. Or il me semble indispensable d’encadrer l’intelligence artificielle au niveau mondial, de poser des garde-fous. Les États-Unis y réfléchissent sérieusement. L’Asie aussi. En Europe ? On est largué, on regarde le train passer… Google est une société magnifique. Pourtant, si elle devient leader en matière de lutte contre la mort, d’intelligence artificielle, de robotique, de domotique, de voitures intelligentes, il faudra vraiment réfléchir à la démanteler ! Elle pourrait devenir plus puissante que les États.

(…)

Quand « BigDog » aura un fusil d’assaut M16 dans les mains, il vaudra mieux ne pas se promener en forêt !

Statut à date : Toujours en cours d’étude pour migrer ce journal personnel vers une autre motorisation. Apprentissage en cours de quelques éditeurs Markdown.

Intention : Outre une étude longue et laborieuse d’une migration vers Jekyll, je rêve toujours d’un journal personnel (privé et partageable) pouvant supporter les premiers pré-requis indieweb.

Test du jour : DayOne (Mac & IOS)

Magnifique interface-utilisateur. Éditeur est en markdown, tout pour plaire…

Les premiers usages envisagés et restant à parfaire avec un marquage propre :

  • Notes de quantified self,
  • Photos (plugin LightRoom),
  • Mobilité (cartographie, météo, humeur…),
  • et d’autres fonctionnalités à explorer de remix avec des APIs.

Remix trouvé sur GitHub à étudier : Elizabeth

DayOne + Moves

Aperçu exportation Data Provenant de Moves
Export Data provenant de Moves

Ellie uses the recently released API of Moves to export your carefully tracked movement data.
This is just a first quick shot at playing with the API, feel free to improve the export plugins, add others, fork and do stuff! Any help will be greatly appreciated.

Très preneur de tout retour d’expérience sur l’application DayOne pour Mac.

(Cette rapide note expérimentale très sèche –à savoir dépourvue de tout marquage indieweb– a été publiée et restituée à partir de l’excellent éditeur Markdown Byword qui intègre une interface de publication vers WP.)

 

Ça, c’est fait ! La fin des boîtes vocales. Plus personne n’écoute son répondeur ! Entendu deux fois, rien que la semaine dernière : Ce téléphone ne prend plus que des textos. Les nostalgiques diront que rien ne remplacera jamais la chaleur d’une voix, les pragmatiques que les trois petits points qui s’affichent lorsque quelqu’un est en train de répondre à votre sms valent tous les frissons du répondeur clignoteur d’antan.

(…)

Chronique Alix Girod de l'Ain
Ça… c’est fait (Elle – Alix Girod de l’Ain,
)

Annonce d’accueil modifiée, et une nouvelle résolution 2014… ne plus jamais laisser de messages à mes gosses sur leurs boîtes vocales :p

markdown en bref

Markdown en bref

Après plus d’un an d’écriture en syntaxe Mediawiki, décidé de passer l’année 2014 en Markdown. Cette anti-sèche —destinée à des fins de référence rapide pour étude d’interopérabilité de ce langage de mise en forme très simple (pressenti ailleurs comme l’avenir de l’écriture)— est sûrement imparfaite à cette heure et utilisée à titre de test.

Pour une information de référence, regardez la spécification originale de John Gruber et la page d’information sur le Markdown-enrichi de GitHub.

P.S. Ce post a été initialement publié à partir de l’interface-utilisateur de l’éditeur de texte Byword assorti de son module intégré de publication vers WordPress.
Le fichier source est ouvert en modification : publié en syntaxe Markdown, il peut être directement modifié et amélioré ici sur Penflip.

Table des matières

Titres

pas de titres
# H1
## H2
### H3
#### H4
##### H5
###### H6

Alternativement, pour H1 et H2, un style souligné :

Alt-H1
======

Alt-H2
------

H1

H2

H3

H4

H5
H6

Alternativement, pour H1 et H2, un style souligné :

Alt-H1

Alt-H2

Emphase

L'emphase, ou italique, avec *astérisques* ou _soulignés_.

Une emphase forte, ou gras avec **astérisques** ou __soulignés__.

Emphase combinée avec **astérisques et _soulignés_**.

Barré en utilisant deux tildes. ~~Effacez-ça.~~

L’emphase, ou italique, avec astérisques ou soulignés.

Une emphase forte, ou gras avec astérisques ou soulignés.

Emphase combinée avec astérisques et soulignés.

Barré en utilisant deux tildes. ~~Effacez-ça.~~

Listes

(Dans cet exemple, les espaces avant et après sont présentés avec des points : ⋅)

1. Premier item de liste ordonnée
2. Un autre item
⋅⋅* une sous-liste ordonnée. 
1. Les véritables numéros n'importent pas, si ce n'est que c'est un nombre
⋅⋅1. Sous-liste ordonnée
4. Un autre item.

⋅⋅⋅Vous pouvez avoir proprement indenté les paragraphes dans des items de listes. Remarquez l'espace-blanc au-dessus, et les espaces en tête (au moins un, mais nous en utiliserons trois pour aligner aussi le Markdown brut).

⋅⋅⋅Pour avoir un retour ligne sans paragraphe, vous devrez utiliser deux espaces consécutifs⋅⋅
⋅⋅⋅Remarquez que cette ligne est séparée, mais dans le même paragraphe.⋅⋅
⋅⋅⋅(Ceci est contraire au saut de ligne typique GFM, où les espaces après ne sont pas requis.)

* Une liste non ordonnée peut utiliser des astérisques
- Ou des moins
+ Ou des plus
  1. Premier item de liste ordonnée
  2. Un autre item
    ⋅⋅* une sous-liste ordonnée.
  3. Les véritables numéros n’importent pas, si ce n’est que c’est un nombre
    ⋅⋅1. Sous-liste ordonnée
  4. Un autre item.

Vous pouvez avoir proprement indenté les paragraphes dans des items de listes. Notez la ligne blanche au-dessus, et les espaces avant, (au moins un, mais nous en utiliserons trois ici pour aligner aussi le Markdown brut).

Pour avoir un retour ligne sans paragraphe, vous devrez utiliser deux espaces consécutifs.
Remarquez que cette ligne est séparée, mais dans le même paragraphe.
(Ceci est contraire au saut de ligne typique GFM, où les espaces après ne sont pas requis.)

  • Une liste non ordonnée peut utiliser des astérisques
  • Ou des moins
  • Ou des plus

Liens

Il y a deux moyens de créer des liens.

[Je suis un lien dans la ligne](https://www.google.com)

[Je suis un lien avec un style dans la ligne et avec un titre](https://www.google.com "Page d'accueil de Google")

[Je suis un lien avec un style de référence][texte de référence Arbitraire insensible à la casse]

[Je suis une référence relative vers un fichier de dépôt](../blob/master/LICENCE)

[Vous pouvez utiliser des nombres pour un lien de définitions en style-référence][1]

Ou le laisser vide et utiliser le [lien texte lui-même]

Un peu de texte pour montrer que la référence de liens peut suivre plus tard.

[texte de référence arbitraire insensible à la casse]: https://www.mozilla.org
[1]: http://slashdot.org
[lien texte lui-même]: http://www.reddit.com

Je suis un lien dans la ligne

Je suis un lien avec un style dans la ligne et avec un titre

[Je suis un lien avec un style de référence][texte de référence Arbitraire insensible à la casse]

Je suis une référence relative vers un fichier de dépôt

Vous pouvez utiliser des nombres pour un lien de définitions en style-référence

Ou le laisser vide et utiliser le lien texte lui-même

Un peu de texte pour montrer que la référence de liens peut suivre plus tard.

Images

Voici un logo (survolez-le pour voir le texte du titre) : 

Style dans-la-ligne : 
![alt text](https://github.com/adam-p/markdown-here/raw/master/src/common/images/icon48.png "Logo Titre Texte 1")

Référence-style : 
![alt text][logo]

[logo]: https://github.com/adam-p/markdown-here/raw/master/src/common/images/icon48.png "Logo Titre Texte 2"

Voici un logo (survolez-le pour voir le texte du titre) :

Style dans-la-ligne :
alt text

Référence-style :


Éclairage du Code et de la Syntaxe

Les blocs de code font partie de la spec Markdown, mais pas la mise en valeur de la syntaxe. Néanmoins beaucoup d’analyseurs – comme celui de Github et Markdown Ici – supportent la mise en valeur de syntaxe. Markdown Ici supporte la mise en valeur de dizaines de langages (et pas -vraiment- des langages, commes les diffs et headers HTTP) ; pour voir la liste complète, et savoir comment écrire le nom des langages, voir la page de démo highlight.js.

Le `code` dans la ligne a des `guillemets arrière autour` de lui.

Le code dans la ligne a des guillemets arrière autour de lui.

Les blocs de code sont soit entourés avec trois guillemets-arrière ```, ou sont indentés avec quatre espaces. Je recommande de n’utiliser que les blocs de code entourés de guillemets arrière— ils sont plus aisés et sont les seuls à supporter la mise en valeur de la syntaxe.

javascript
var s = "JavaScript syntax highlighting";
alert(s);

python
s = "Python syntax highlighting"
print s


Aucun langage indiqué, aussi pas de mise en valeur de la syntaxe.
Mais jetons un <b>tag</b>.

javascript
var s = “JavaScript syntax highlighting”;
alert(s);

python
s = “Python syntax highlighting”
print s

Aucun langage indiqué, aussi pas de mise en valeur de la syntaxe.
Mais jetons un tag.

(Les pages du wiki Github ne semblent pas supporter la mise en valeur de syntaxe, par conséquent ce qui est au-dessus ne sera pas coloré (les chaînes ne sont pas rouge, par exemple). Essayez dans un e-mail Markdown here ou un README Github Markdown ou un problème Github – vous pouvez prévisualiser un un nouveau problème sans le soumettre.)

De nouveau, pour voir quels sont les langages disponibles pour la mise en valeur/couleur, et savoir comment écrire ces noms de langage, voir la page de démo highlight.js.

Tableaux

Section imparfaite restant à raffiner et tester pour les e-mails
Les tableaux ne font pas partie du coeur de la spec Markdown, mais ils font partie du Markdown enrichi sur GitHub et Markdown Here les supporte. Il y a un moyen facile d’ajouter des tableaux dans votre e-mail — une tâche qui autrement requiert de copier-coller à partir d’une autre application .

Les signes deux points peuvent être utilisés pour aligner les colonnes.

| Les Tableaux           | Sont            | Cools    |
| -------------          |:-------------:  | ----- :  |
| col 3 est              | alignée à droite| $1600    |
| col 2 est              | centrée         |  $12     |
| les rayures de zèbres  | sont géniales   |  $1    |

Les signes pipes (|) sont optionnels, et vous n'avez pas besoin d'aligner proprement les lignes brutes Mardown. Vous pouvez utiliser aussi le Markdown dans la ligne.

Markdown | Moins | Joli
--- | --- | ---
*s'aligne* | `encore` | **joliment**
1 | 2 | 3

Les signes deux points peuvent être utilisés pour aligner les colonnes.

| Les Tableaux | Sont | Cools |
| ————- |:————-: | —– : |
| col 3 est | alignée à droite| $1600 |
| col 2 est | centrée | $12 |
| les rayures de zèbres | sont géniales | $1 |

Les signes pipes (|) sont optionnels, et vous n’avez pas besoin d’aligner proprement les lignes brutes Mardown. Vous pouvez utiliser aussi le Markdown dans la ligne.

Markdown Moins Joli
s’aligne encore joliment
1 2 3

Citations

> Les citations sont très pratiques dans l'email pour émuler le texte de réponse.
> Cette ligne fait partie de la même citation.

Fin de citation.

> Ceci est volontairement une très longue ligne qui sera citée proprement quand elle sera emballlée. Oh mec, continuons à écrire comme ça pour nous assurer que ce sera suffisamment long pour être bien emballé pour tout le monde. Bien sûr, vous pouvez *placer* du **Markdown** dans un bloc de citation.

Les citations sont très pratiques dans l’email pour émuler le texte de réponse.
Cette ligne fait partie de la même citation.

Fin de citation.

Ceci est volontairement une très longue ligne qui sera citée proprement quand elle sera emballlée. Oh mec, continuons à écrire comme ça pour nous assurer que ce sera suffisamment long pour être bien emballé pour tout le monde. Bien sûr, vous pouvez placer du Markdown dans un bloc de citation.


HTML dans ligne

Vous pouvez aussi utiliser du HTML brut dans votre Markdown, et il fonctionnera presque tout aussi bien.

<dl>
<dt>Liste de définitions</dt>
<dd>C'est quelque chose que les personnes peuvent utiliser de temps en temps.</dd>

<dt>Markdown dans le HTML</dt>
<dd>Ne fonctionne *pas* **très** bien. Utilisez les <em>tags</em> HTML.</dd>
</dl>
Liste de définitions
C’est quelque chose que les personnes peuvent utiliser de temps en temps.
Markdown dans le HTML
Ne fonctionne *pas* **très** bien. Utilisez les tags HTML.


Règle horizontale

Trois ou plus...

---

Traits d'union 

***

Astérisques

___

Soulignés

Trois ou plus…


Traits d’union


Astérisques


Soulignés

Sauts de lignes

Ma recommandation basique pour savoir comment fonctionne le saut de ligne est d’expérimenter et découvrir – – appuyez une fois sur la touche <Entrée> (c’est à dire, insérer une nouvelle ligne), puis appuyez deux fois (c’est à dire, insérer deux lignes), et regardez ce qui se passe. Vous apprendrez bientôt à avoir ce que vous désirez. “Markdown Toggle” est votre ami.

Voici quelques petits trucs à essayer :

Voici une ligne pour démarrer.

Cette ligne est séparée de celle du dessus par deux nouvelles lignes, aussi ce sera un *paragraphe séparé*. 

Cette ligne est aussi un paragraphe séparé, mais...
Cette ligne n'est séparée que par une seule nouvelle ligne, aussi c'est une ligne séparée dans le *même paragraphe*.

Voici une ligne pour démarrer.

Cette ligne est séparée de celle du dessus par deux nouvelles lignes, aussi ce sera un paragraphe séparé.

Cette ligne est aussi un paragraphe séparé, mais…
Cette ligne n’est séparée que par une seule nouvelle ligne, aussi c’est une ligne séparée dans le même paragraphe.

(Note technique : Markdown Here utilise les sauts de ligne GFM, aussi il n’y a pas besoin d’utiliser les deux espaces de saut de ligne de MD.)

Vidéos Youtube

Elles ne peuvent pas être ajoutées directement, mais vous pouvez ajouter une image avec un lien vers la vidéo comme suit :

<a href="http://www.youtube.com/watch?feature=player_embedded&v=YOUTUBE_VIDEO_ID_ICI
" target="_blank"><img src="http://img.youtube.com/vi/YOUTUBE_VIDEO_ID_ICI/0.jpg"
alt="TEXTE ALT IMAGE ICI" width="240" height="180" border="10" /></a>

Ou, en pur Markdown, mais en perdant la taille et la bordure de l’image :

[![TEXTE ALT IMAGE ICI](http://img.youtube.com/vi/YOUTUBE_VIDEO_ID_HERE/0.jpg)](http://www.youtube.com/watch?v=YOUTUBE_VIDEO_ID_ICI)