J’aime bien Koken — lire urbanbike | Koken à l’usage | 6 — que j’emploie depuis début 2013.

Ce produit permet de mettre en ligne nos images¹.

Alors, certes, l’application n’est pas toujours d’une vitesse foudroyante (surtout avec ma ligne ADSL en fin de ligne) au niveau du retour des images mais j’apprécie le travail effectué par une équipe de trois développeurs qui nous proposaient alors d’utiliser leur produit gratuitement.

Au bout de trois années de mises à jour, à découvrir les ajouts mais aussi suivre leurs aventures, la question reste entière : comment les remercier…? D’autant que je me suis familiarisé avec cet outil…

• Même si la template elementary était parfaite (…et livrée avec quelques autres), j’avais l’envie de payer mon éco depuis un bout de temps. Un achat via Koken + PayPal… Et hop…

Bon, je n’ai pas terminé, je suis même arrivé lundi matin à virer par erreur tout ce que j’avais fait le week-end. Oui, je suis parfois totalement à la masse…!

J’ai recommencé, cela m’occupe même si leur CSS est assez complexe à paramétrer (…complexe pour mes 3 neurones, CQFD…!). Sans oublier que le nombre d’images à régénérer complique singulièrement la tâche…

Ce qui suit sont des vues à un instant “t”…! Et plus d’actualité…

Responsive, pourquoi faire…?

Illustrons — maladroitement² — la template Madison 2 proposée par Koken…!

Je voulais (…même si le premier revers est un temps de chargement assez long) obtenir un effet comme celui-ci…

• Plein écran sur le Mac…

En réduisant la fenêtre…

• à gauche, un poil plus resserré (j’ai regroupé dans une seule copie d’écran pour éviter de vous lasser…)
• à droite, plus encore avec réduction de 8 colonnes à 3… Ceci se définit dans la CSS…

• Et enfin à 2 pour la version sur iPhone… Notez que le menu passe en noir dans un espace en avant-plan…

Tout ceci se règle via l’interface de Koken dans une fenêtre Drafts.

• Évidement, ce n’est pas (!!) le bon modèle affiché mais cela vous permet de comprendre le principe…

• On change les infos de CSS et on applique pour voir le résultat…

• Chaque modèle de page a sa template, son modèle…

• La fenêtre de réglage de la CSS peut être fixe ou se balader devant la page en cours de peaufinage…

Et on reste patient… on attend que le CMS réagisse… On reste en lévitation, on ne s’énerve pas…

Optimiser vos images est un plus…

Autre point essentiel, les photos, bien entendu.

J’emploie en batch JPEGmini ⚑ ici en lieu et place de l’excellent TinyPNG.

Les résultats sont excellents et la consommation de la bande passante réduite (au moment de l’envoi des fichiers…).

Ne pas oublier que c’est un profil ICC sRVB qui est demandé pour le Web, pas du ProPhoto comme je l’ai fait récemment par erreur…!!

Changer les images existantes, c’est possible…

À ce propos, autre point agréable avec Koken, la possibilité de changer les images d’une résolution inférieure par une version plus lourde. Et avec le bon profil ICC.

En un seul montage, une explication succincte…!

• .1 et 2 Oh mais cette photo est trop légère (je recherche une image, je la sélectionne et je lis sa taille en pixels tout en visualisant sa miniature, ses tags…)
• .3 Pas grave, il est possible de la remplacer…
• .4 Il suffit d’indiquer à Koken où se trouve le fichier sur le disque de travail (et si, malin, le nom de fichier est le même que celui cherche au départ, c’est de la balle)…
• .5 Paf… l’image est remplacée (une barre de progression en témoigne) et la nouvelle résolution en témoigne…

Au passage, après ces changements, si la perception du rendu de l’image est toujours abomifreuse à l’écran malgré un changement de profil ICC, pensez à vider les caches de Safari…

Koken tourne sur iPad et iPhone

Le responsive permet de s’adapter aux écrans (…inutile de me rappeler que ce n’est pas le cas d’urbanbike, chaque chose en son temps…)

• Sur iPhone, je préfère assurer une vue au départ en deux colonnes pour repérer les images aisément… et ensuite les visualiser avec quelques informations…

• Sur l’iPad, en mode paysage, on retrouve plus de colonnes (…quatre dans le version en ligne au moment de ce billet) dans la page Albums…

• mais bien huit colonnes en mini pour la page Content (et si vous ne l’êtes pas, tant pis…!)…

• et bien une seule image quand nécessaire…

Koken répond assez bien à nos besoins et je remercie monarobase pour l’installation naguère ce produit sur un serveur mutualisé et ses amicaux conseils…! Certes, il existe certainement des solutions plus performantes mais la philosophie de cet outil me convient…

NB : bien entendu, le site évoqué dans ces copies d’écran est en chantier à tous niveaux…

• Koken - Creative website publishing

[EDIT] Je me doutais qu’il y aurait un lecteur pour ne pas comprendre mon ironie… Notez que je peux le comprendre. Bon, ne pas faire d’ironie sur un blog, ne pas faire d’ironie sur un blog, ne pas faire d’ironie sur un blog…!!!!

Quitte à être maladroit dans ce qui suit, c’est le genre de commémoration qui me laisse froid¹ mais je peux comprendre que dans certaines entreprises, pour certains hommes (sic…!), ça puisse être un jour particulier. Hihihi…!

Problème, pourquoi une journée alors que cela devrait être toute une vie…?!

Chez nous, c’est un non événement.

Depuis l’école d’architecture, depuis plus de 35 ans, la question ne se pose pas. Certes par la suite, professionnellement, ce sont de rares clients qui ont eu tendance à y venir maladroitement… Pas très longtemps².

C’est fou comme l’ironie peut irriter les plus obtus. Nous ne les avons pas retenus…!

Bref, je n’ai jamais pensé que j’étais plus ou moins que ma compagne. Les seules différence résident dans nos domaines d’intérêt. Et c’est chouette car nous sommes complémentaires.

Nos enfants³ ont été élevés sur le même pied d’égalité. Ce sont les générations précédentes — et c’est loin d’être un paradoxe — qui continuaient à marquer une différence entre eux⁴.

Bref, pas de différence homme-femme, juste une agréable complémentarité. Nos décisions sont prises conjointement et continuent de l’être. Seule différence ces dernières années, nos deux grands mômes interviennent désormais dans nos choix⁵, nous discutons de tout ce qui nous concerne ensemble.

C’était mon billet de circonstance…

Bien entendu, l’Apple Store regorge d’excellents traitements de texte dont je me fais l’écho, parfois un peu trop tôt (sic !), pour l’iPad et l’iPhone.

Pourtant je reste un inconditionnel de Drafts 4 ⚑ pour rédiger mes premières notes, mes billets

Je ne passe la main à Editorial pour finaliser un texte qu’à la fin, en sachant — de plus — que je conserve la trame de mon brouillon dans Drafts 4. Que je peux y revenir le cas échéant.

C’est uniquement quand l’article est en ligne dans urbanbike que je détruis ma note de départ dans Drafts 4, histoire de ne pas conserver de copies inutiles.

Pourquoi cet acharnement ?!

À lire cette introduction, je peux imaginer que d’aucuns lèveront les yeux au ciel, un peu attristés. Et se disent in petto que tous les traitements de texte se valent.

En haut d’écran, quand le clavier n’est plus affiché, Drafts 4 affiche un rond avec un i en son centre. Hormis la localisation, ce qui est clé est le nombre de versions du texte en cours conservé par Drafts 4.

A priori, cela ne sert à rien, nous avons toujours la possibilité d’annuler une action ou annuler l’annulation. Sauf que ce n’est pas toujours aussi simple. La petite phrase joliment tournée ou une précision laissées de côté. Puis, 10 minutes plus tard, les besoins pressant de les retrouver…?

Quand ce n’est pas une manipulation foirée, une réponse à un message ou une notification qui devient source d’un hachage involontaire dans le bel édifice en cours d’écriture…!

Et le nombre d’annulations n’est pas infini de plus, surtout quand on se plante, un peu surpris par une cascade d’imprévus. Comme ce matin en écrivant un billet sur la journée de la femme et, paf, erreur de manipulation de votre serviteur…
Sauf que j’écrivais sur Drafts 4 ! Ouf…!

C’est ici où le versioning, alias la conservation de nombreuses étapes du texte — ou encore gestion de versions — prend tout son sens.

Et, sur ce plan, Drafts 4 excelle. Illustration sur un exemple vécu.

• Ce matin, en répondant à ma fille via Messages, j’ai oublié le contenu du presse-papiers de Drafts 4. Pas d’inquiétudes, les dernières versions étaient déjà stockées par Drafts 4.

• Et pas une version…!

• Celle d’origine, d’hier, quand j’ai tweeté ceci… Ce matin, au lieu de supprimer le fichier pour en créer un nouveau, j’en ai effacé le contenu (faut bien faire une démo correcte, non…?!)

• Puis, de version en version, j’ai pu revisiter toutes les étapes de mon billet… De saisie du titre à la dernière version…

Attention, deux options :

• Copier dans le presse-papier (l’intégralité de votre texte) et donc à vous de retailler dans ce contenu pour en prendre que l’élément souhaité…
• Ou Remplacer la version en cours par celle qui était stockée…

Bref, ceci explique aussi pourquoi on ne peut accéder au contenu du dossier de Drafts 4 dans iCloud, c’est plus qu’un simple stockage…

À suivre…!

Oui, Ulysses arrive mais tout dépend d’Apple…!

• Drafts 4 ⚑ pour iPad et iPhone…