Urbanbike

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

Shortcodes et WordPress

Habiller le code dans un article

dans groummphh | outils | usages

Ne vous étonnez pas si la peinture change souvent de couleur sur @tiaaftmag ces prochains jours, on est là pour s’amuser. Je viens de découvrir que le thème Waipoua développé par Ellen et Manuel pour WordPress possédait des Shortcodes.

Cette équipe à réellement du talent et sait réaliser des produits agréables qui s’adaptent autant au Mac qu’à l’iPad et à l’iPhone…

Tiens, pointez sur le base de la fenêtre de votre navigateur (en bas à droite… mais dans tiaaft…!) et réduisez doucement la largeur de cette dernière… C’est ça responsive (pas la peine de me faire remarquer qu’urbanbike ne l’est pas…!).

Retour à ces Shortcodes

Le premier à m’avoir parlé des Shortcodes est @doopix et j’avoue que c’est franchement sympa à employer. Ceux du thème Waipoua sont expliqués ici

Du coup, mettre un bouton coloré en lieu et place d’un simple lien s’écrit de manière très simple :

[button link="URL" color="yellow"]Nom du lien[/button]

Il est également possible de casser un billet d’une colonne en 2, 3 ou 4. Seule contrainte, c’est à l’utilisateur de découper son texte et faire les sauts de colonne…

Et comme cela se passe sur un iPhone…? Mais les colonnes sont transformées en paragraphes, tout simplement.

le 06/04/2013 à 14:20 | .(JavaScript doit être activé pour visualiser cette adresse email) à JChris d'Urbanbike | #

ColorTime

Post-traiter vos images souplement sous iOS…

dans outils | photo

Pour chacun d’entre-nous, pas simple de trouver l’outil idéal pour retraiter nos images. C’est d’autant plus complexe qu’il existe déjà des tas de solutions…

Avec @david_bosman, nous avons expérimenté — chacun dans notre coin — quelques applications dont ColorTime qui est passé récemment en 1.0.2. Pour mieux comprendre le fonctionnement de ce produit, rendez-vous sur le site du concepteur…

Mot dordre…? Expérimentez et ne lâchez jamais laffaire…!
Mot d’ordre…? Expérimentez et ne lâchez jamais l’affaire…!

Ce que je retiens de cette dernière version — hormis sa capacité époustouflante à traiter des images (il semble même que ce soit fait pour cela…!), c’est la possibilité de partir de sets prédéfinis (…les aurais-je point vus fin novembre…?) sans avoir besoin de réinventer la roue et une incroyable souplesse pour ajuster ces traitements de base…

Avec ajustements là où vous le souhaitez…
Avec ajustements là où vous le souhaitez…

Bon, manifestement, je ne suis pas arrivé à enregistrer mes propres réglages (j’ai certainement merdoyé quelque part)…

J’y reviendrais un de ces quatre. Ici ou ailleurs.

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

Textastic arrive sur Mac…

Un traitement de texte pour coder mais pas exclusivement…

dans écrire | outils

Bien entendu, cette version de Textastic sous OSX sort avec un objectif avoué : détroner quelques ténors du marché, certes, plus avancés en terme de fonctionnalités. Mais souvent endormis, pour ne pas dire atones !

Coloration syntaxique

Avec des versions éprouvées sous iOS sur iPad — voir sur iTunes et iPhone, Textastic sur Mac prend ces ténors à revers…

J’ai loué par le passé la qualité du développeur, Alexander Blach[1], de cette application et sa manière d’arriver, peu à peu et par petites touches, à bâtir son traitement de texte sur iPad au tout début.

J’ai mis un peu de temps à me faire à la barre additionnelle de Textastic sur iPad avant d’en comprendre les subtilités. Idem pour la palette de sélection de texte qu’il suffit d’appeler d’une frappe à deux doigts sur l’écran.

Mais je n’oublie jamais que je ne suis pas un codeur, que mes amis développeurs sont ravis des options ergonomiques proposées. D’ailleurs, la sélection de texte risque de déconcerter certains utilisateurs mais s’avère très semblable à ce que l’on retrouve, par exemple, dans TextMate. Outil de Codage vous dis-je…!

Mais pourquoi évoquer ce traitement de texte ?

J’apprécie particulièrement ce que l’on nomme la coloration syntaxique que l’on trouve de suite dans cette version Mac, un dispositif qui permet de mettre visuellement en avant les balises du langage employé.

Quels langages supportés…? Un certain nombre…
Quels langages supportés…? Un certain nombre…

Or, même en Markdown, cela a un charme certain. Peu de traitements de textes sur Mac le font hormis quelques outils de codage et — je ne note pour les jours qui viennent — la prochaine version d’Ulysses.

Et, comme vous pouvez le noter, vous avez le choix en terme de thèmes…
Et, comme vous pouvez le noter, vous avez le choix en terme de thèmes…

Sauf qu’ici, c’est un ensemble de thèmes qui sont proposés dans les Préférences pour vous aider à vous concentrer sur le texte votre fichier…

En bas de la fenêtre, notez une ligne d’information dont la possibilité de vous déplacer dans votre fichier via les titres de sommaire si vous l’employez comme je le fais pour écrire du texte…!

Se déplacer dans son texte…
Se déplacer dans son texte…

Pour le moment, il manque une pièce essentielle entre ces diverses versions de Textastic, le tunnel de synchronisation iCloud mais déjà annoncé prochainement sous iOS. Certes, pas de souci pour échanger des textes via DropBox mais il est vrai que, graduellement, nombre d’applications ajoutent iCloud dans leur boîte à outils.

Un Couteau suisse sur iPad

Couteau suisse : c’est certes un peu exagéré de l’évoquer de cette manière, Textastic étant d’abord destiné aux developpeurs, aux vrais (sic !), à ceux qui codent à longueur de temps. Mais je n’oublie jamais que c’est également un très bon éditeur de texte comme le sont TextMate ou BBEdit sur Mac.

Sur iPad, cest très souple également…
Sur iPad, c’est très souple également…
Votre écran, vous le souhaitez sombre ou lumineux…?
Votre écran, vous le souhaitez sombre ou lumineux…?

Par exemple, sur l’iPad, la barre additionnelle n’est pas orientée Markdown mais tous langages et à vous de connaître les balises adequates pour vous en sortir. Par ailleurs, à défaut d’encombrer votre tablette de produits décoratifs, un éditeur de pur texte stable n’est pas une mauvaise idée !

Personnalisation de lespace de travail…
Personnalisation de l’espace de travail…

Comme cette application supporte de plus TextExpander, pas compliqué de saisir au kilomètre des fragments de texte. À la question : quel traitement de texte conserver sur iPad si je ne devais en garder qu’un seul, ma réponse tourne généralement autour de Textastic et de Daedalus touch (…avec un faible pour ce dernier qui correspond mieux à ma manière d’écrire).

En rapide conclusion…

L’arrivée de Textastic sur Mac est à surveiller du coin de l’œil ! Surtout si l’on garde en mémoire que ce n’est qu’une version 1…! Ce type de produit sert à tout, sorte de 4x4 de l’écriture, outil universel ! Ainsi écrire ce billet pour urbanbike mais aussi nettoyer du code HTML, une CSS sans s’exploser les yeux…


  1. Voir le site en construction de l’éditeur sur la partie Mac. Et prendre le temps de jeter un oeil sur la partie dédiée à l’iPad…  ↩

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