Urbanbike

Index |
ou détaillée | Fil RSS | ATOM

Draftsapp | Élaborer une feuille de style

Utile ou non…? La réponse reste éminemment personnelle…!

dans drafts | écrire

TL;DR
alias : billet long, certainement incomplet et partiellement chiant, à éviter…!

Pas évident d’évoquer ce type d’élément d’autant que l’application Drafts — sous macOS comme sous iOS — propose nombre de feuilles de style par défaut immédiatement utilisables.

Depuis la version 26, la possibilité de construire ses propres feuilles de Style est disponible… en passant par la souscription1 à Drafts Pro… Aucune obligation, CQFD. Et comme dit juste avant, la collection de base est exploitable.

Alors, pourquoi perdre du temps ?!

À quoi cela sert-il…?

Pour se repérer aisément dans un texte, la coloration syntaxique peut s’avérer très confortable dès lors que le texte est codé, emploie des balises.

coloration syntaxique Monochrome Light

  • Deux représentations d’un même texte : coloration syntaxique Monochrome Light au-dessus…
  • …puis coloration syntaxique Solarized ci-dessous…

coloration syntaxique Solarized

Si vous employez des balises MultiMarkdown ou Markdown, cela vous permettra de repérer plus confortablement la structure de votre texte.

En gros, la couleur du texte change en fonction des balises utilisées. On peut se contenter d’une coloration syntaxique légère, discrète…
Ou, inversement, avoir un dispositif qui permet de repérer les divers niveaux du plan, distinguer la citation du reste du corps du texte, etc.

Pour s’en convaincre, il suffit de faire défiler les diverses feuilles de style par défaut.

Liste des styles disponibles par défaut

À l’usage (…c’est fou comme on s’habitue vite et focalisons sur les détails), on va regretter de ne pas trouver telle balise suffisamment accentuée, que les liens ne soient pas bien mis en valeur.
Ou inversement.

C’est ici que l’option Styles proposée depuis la version 26 devient intéressante…! Attention, c’est hyper addictif et chacun peut se bâtir une solution qui lui conviendra… en propre.

Un cadre de travail personnel

En effet, à chacun de choisir sa stratégie en fonction de ses besoins, envies mais aussi en fonction de son âge (…eh oui, d’aucuns mettront quelques décennies à comprendre mes propos…!), de sa vue (je pense notamment aux copains Daltoniens)…
Voire… des conditions d’utilisation. Ainsi, dans mon cas, c’est essentiellement sur l’iPhone que je saisie mes premiers jets.
Sans oublier de l’endroit où sera utilisé l’écran : jour ou nuit ? Dans un coin ensoleillé ou pas, en fonction de la luminosité souhaitée de l’écran…

Tout ceci va conduire à des solutions chromatiques qui feront hurler les tenants du bon goût et de l’harmonie !

Alors, unique conseil : pensez à vous et non à suivre les remarques de votre entourage… c’est vous qui aller employer cette feuille de style sur vos écrans, personne ne sera contraint de le faire hormis vous…!

reduc-450

  • N’hésitez pas à pondre des déclinaisons que vous virerez à terme…

reduc-450

  • Pour ne conserver que celles que vous retenez après avoir fait saigné vous yeux…!

La feuille de style semblera immonde, Ugly ? Et alors ?!

Cette histoire d’harmonie me fait penser à aux dogmes culinaires, aux aliments qui ne doivent pas se mélanger. Étant partisan du combo “pain grillé + beurre salé avec Camembert bien fait et carreau de chocolat noir - noisettes”, ce petit rappel explique mon… mauvais goût !

Or l’important est que cette feuille de Style corresponde2 à ce que vous attendez, on est pas ici dans un concours de beauté mais bien dans l’élaboration d’un dispositif visuel pratique !

  • Prenez le temps de visualiser toutes les options disponibles (…seule la version PRO de Drafts offre des thèmes supplémentaires et la possibilité de construire votre feuille de style…)
  • Choisissez la feuille de style par défaut qui vous convient…
  • C’est uniquement après vous êtes coltiné des heures avec (…et changé quelques fois de modèle pour tester d’autres propositions…) que vous aurez — peut-être — envie de retrousser vos manches pour modifier a minima celle que vous aurez retenue…

Cela nécessite de ne plus utiliser Drafts gratuitement… Avec l’abonnement (mensuel ou annuel), souvenez-vous que vous allez accéder à un catalogue de solutions gigantesque et couvrant nettement plus de domaines que la problématique de la feuille de style3

Drafts vous offre un accès à une épatante documentation sur la structure des feuilles de style (en anglais) mais pas que !

Enfin, de nombreuses de feuilles prêtes à l’emploi sont disponibles dans l’application, contributions du développeur mais aussi de membres de la communauté et suffiront, qui sait, à votre bonheur !

Aussi je ne vais pas détailler comment récupérer un fichier du type mon style.draftsTheme depuis iCloud dans le sous dossier Drafts/Library/Themes, etc.

Texte et JSON

Contrairement à Ulysses pour ses propres feuilles de style, ici le langage employé par Drafts est du JSON.

Pas question de s’inventer de nouvelles entrées (idée farfelue que j’ai rapidement écartée !) et surtout, plus agaçant, impossible de commenter le code.

reduc-450

  • Pas inutile de conserver une copie d’écran de vos réglages principaux en l’absence de commentaires…

reduc-450

L’absence de cette dernière option m’a permis de me rendre compte que mon peu de mémoire immédiate (…quelle idée aussi de faire plein de trucs4 en parallèle !) pouvait me conduire à commettre de jolies erreurs !

reduc-450

  • D’autant qu’une astuce est parfois d’aller modifier bien avant la liste des couleurs de l’interface ou de l’éditeur…

Choix des couleurs, vaste débat…!

Drafts offre une version claire et une version sombre qui peuvent être activées manuellement ou associées à la fonction jour nuit Night Shift de votre écran activée via les options d’affichage.

J’ai démarré par quelques versions claires avant de m’attaquer à un version sombre, influencé par le thème Solarized Dark que j’emploie régulièrement. J’ai changé le style dark depuis un lien dans la page de documentation et hop…

Vivant sur une île et dans un environnement maritime, ce sont d’autres couleurs que j’avais envie de mettre en œuvre quitte à pondre un truc bizarre pour la version Dark.

reduc-450

reduc-450

Idem pour une version Light plus… chaude (sic !)…

reduc-450

reduc-450

Pour le choix des couleurs, je disposais de l’application PANTONE Studio qui fonctionne correctement même s’il est dédié à d’autres usages !

reduc-450

  • Certes, c’est un nuancier Pantone mais il donne les valeurs HEX de chaque référence (parfois illisibles en blanc sur une teinte très lumineuse quand affichée plein pot).

reduc-450

  • Il est possible de se construire une palette de 5 nuances, trouver les valeurs complémentaires, analogues, etc.

reduc-450

J’insiste à nouveau : l’idée n’est pas de gagner un concours de beauté, mais bien de rester cohérent vis-à-vis du but recherché, c’est à dire : aider à la lisibilité lors de la rédaction d’un texte.

J’ai certainement oublié des tas d’aspects de la feuille de style (certains n’ont même pas été traités dans les miennes)…!

Bref, le résultat est affaire de son propre goût !

La typo n’est pas innocente

Enfin, je ne vais pas rentrer dans les détails mais, contrairement à la grande majorité des utilisateurs, je n’emploie pas deux polices de caractères sur Drafts ou Ulysses !

J’ai opté pour l’usage exclusif de JetBrains Mono5.

Bref, une typo Code en permanence !

iCloud et patience

Dernière remarque : élaborer vos feuilles de styles demande de la patience. Au moment où vous enregistrez votre prototype sur iCloud dans le dossier ad hoc et le moment où vous pouvez le charger dans votre écran, il s’écoule… un certain temps !

Et vous pouvez avoir l’impression que votre dernière modification n’a pas été effectuée au bon endroit (!) alors que vous n’aviez toujours pas chargé la bonne version !!

Ce genre de gag m’est arrivé un grand nombre de fois…!

Bref, patience, vérifiez bien que la synchronisation vers le nuage s’est correctement déroulée ; accessoirement, chargez une feuille de style standard au hasard avant de réactiver la votre !

reduc-450

  • Une option est de modifier la description (attention à ne pas être trop long…!) pour se repérer…

reduc-450

  • Et donc réimporter votre feuille via Import

reduc-450

  • Bien valider Replace Existing… Et…

reduc-450

  • …s’assurer que la mention Theme updated apparaisse furtivement en haut…!

reduc-450

  • Enfin, assurez-vous d’avoir correctement sélectionné le bon thème pour le jour…

reduc-450

  • …et la nuit. Ou activé System pour un changement automatique calqué sur Night Shift (dans les réglages de votre iPhone, Luminosité et affichage) et hop…

Pour des informations complémentaires, se référer à la documentation de Drafts…! Et bravo à ceux qui sont arrivés à cette avant dernière ligne…!

À suivre…


  1. Pour mémoire, une souscription PRO est partageable avec les membres de votre famille, c’est le cas pour Ulysses ou Drafts, par exemple. Cet aspect m’a conduit à renouveler quelques abonnements car cela me permet de les amortir en quelque sorte. ↩︎

  2. Je vois plein de jolies déclinaisons faites à la chaîne, genre version bleue, jaune, grise. Mais — je parle pour moi — ça ne répond pas à ce que je recherche. ↩︎

  3. Mais l’aspect feuille de styles est bien loin d’être anecdotique… quoi qu’en pensent certains dogmatiques (!!), relire ce qui a été écrit plus haut… ↩︎

  4. Parfois je pense que je suis dans le déni…! ↩︎

  5. C’est une Typo gratuite pour mémoire… ↩︎

le 26/03/2021 à 15:15 | .(JavaScript doit être activé pour visualiser cette adresse email) à JChris d'Urbanbike | #

Ancres | Confiné sur une île

Loin d'être monotone

dans ancres

Îlien, j’ai bien vécu cette année de confinement1. Certes, je ne suis pas un îlien de longue date, voire un natif avec une légitimité bâtie sur de nombreuses générations.

Comme toute ma tribu, nous sommes de “nouveaux arrivants”, l’ancrage affectif depuis trois décennies2 est un petit plus car nous n’étions pas des inconnus…

Aussi nous retrouver confinés sur ce territoire n’a pas été une épreuve. Certes, la période de cette limite du kilomètre autour de notre abri était un poil surréaliste (…sur certaines îles plus petites, carrément gag). Et compliqué de surveiller ces îliens qui connaissent tous les chemins vicinaux.

Bref, nous nous sommes retrouvés à plus de 5600 âmes… et quelques opportunistes astucieux qui ont essayé de se fondre dans le décor dès mars.

reduc-450

À défaut de voyager, nous avons pris le temps d’explorer en long, en large et en travers encore plus profondément notre territoire.

D’aucuns peuvent se lasser du cadre mais cette île est loin d’être monotone, l’océan jamais le même avec les variations de lumière, le vent, la pluie.


En mai 2021, ancr.es a — à nouveau — migré (définitivement !) dans une unique catégorie — ancres (original, non…?) — de urbanbike.com
Tranfert en cours


  1. C’était hier, 17 mars, un jour anniversaire… ↩︎

  2. Dans les années soixante pour ma pomme… ↩︎

le 18/03/2021 à 11:22 | .(JavaScript doit être activé pour visualiser cette adresse email) à JChris d'Urbanbike | #

Ancres | Ceinture de flanelle

Prend pas froid aux reins…

dans ancres

Nos ancêtres1 taillaient des pierres, abattaient des futaies, cultivaient les champs ou se faufilaient dans des mines de charbon. Ils avaient tiré de leurs activités éreintantes quelques pratiques que j’ai mis longtemps à assimiler2, mon activité professionnelle étant éloignée des leurs.

Quand j’étais gamin, je ne comprenais pas l’insistance de ma grand-mère paternelle à me couvrir les reins… “Surtout n’ait pas froid aux reins…”

En prenant de l’âge, en me baladant dans des zones particulièrement balayées par les intempéries, j’ai compris l’intérêt de protéger cette partie de mon corps au lieu d’empiler les couches de vêtements en mode oignon, technique certes efficace mais pas localisée.

Parfois, quand le temps est franchement maussade, quand siffle la tempête avec un vent d’Est et que je me balade avec ma fille sur les sentiers côtiers qui surplombent l’océan, je ceins mes reins d’une vieille ceinture d’un célèbre Docteur G3, héritage de mon père…

Chez les vieux d’alors, quand ils se penchaient, le fameux sourire du plombier n’apparaissait pas…! Leurs reins étaient masqués par ces couches fines de tissu, le bas du tronc bien protégé, je me souviens de cet étrange harnachement4 maintenu par une paire de bretelles de mes grand-pères.

Ces solutions sont désormais liées au domaine paramédical — ceintures Lombaires, bande abdominale — avec des marques pérennes, des dispositifs qui revisitent les leçons de nos anciens.

Pour les nostalgiques, il existe toujours des artisans qui commercialisent ces larges (30 centimètres sur… 3 mètres de long au minimum) bandes de flanelle (…qui était de la laine cardée).

Ces bandes ne se portaient pas à même la peau mais bien sur les vêtements… Des matériaux plus modernes, Thermolactyl5 ou autres, se substituent à la laine.

Plus besoin d’épingles de nourrice mais de simples Velcro pour maintenir la ceinture à la bonne taille…

Une de ces ceintures ne tient pas de place dans un sac… à dos et peut même rendre un fier service au vôtre…!

reduc-450

Cliché pris à Lauzerte en septembre 2020 dans cette galerie à défaut d’identifier l’artiste…


En mai 2021, ancr.es a — à nouveau — migré (définitivement !) dans une unique catégorie — ancres (original, non…?) — de urbanbike.com
Tranfert en cours


  1. Même si le jeu est de remonter jusqu’à Charlemagne via d’épatantes généalogies, je n’ai pas de honte à me souvenir de nos origines modestes ! ↩︎

  2. J’ai passé ma vie devant des tables à dessin puis devant des écrans… ↩︎

  3. Ceinture Chaleur Gibaud ↩︎

  4. voir ici ↩︎

  5. des combinaisons de fibres de polyester, acrylique, polyamide, coton et elasthane. Ou acrylique, coton et laine. Au départ, ce n’était que laine ↩︎

le 16/03/2021 à 11:19 | .(JavaScript doit être activé pour visualiser cette adresse email) à JChris d'Urbanbike | #