Urbanbike

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

Windytv | La météo à dix jours sur votre navigateur

Prévisions globales ou à l’échelle de votre quartier

dans ancres | bosser partout | dans mon bocal | outils | usages | voir

Bien sûr, observer le ciel au lieu de regarder son écran est amplement suffisant même si tous les nuages ne sont pas porteurs de pluie. Néanmoins, rien de nous interdit d’être un peu plus curieux…

reduc-450

Si RainToDay ⚑ — ci-dessus — couplé avec WeatherPro ⚑ fait partie des mes indispensables sur tous les écrans iOS, le web propose de fabuleuses ressources qu’il faut prendre le temps de redécouvrir… Dans mon cas, ce dispositif est dans Safari depuis des années mais j’y reviens seulement1 dans urbanbike maintenant…

Météo globale…?

reduc-450

Ainsi Windyty.com qui reste à explorer en prenant le temps de scruter toutes ses options…! Dont le rendu des bourrasques et rafales ou coups de vent…

reduc-450

reduc-450

Ou météo locale…

reduc-450

Avec les informations des Webcams… si elles existent dans les parages…

reduc-450

Ne pas oublier de passer un moment dans les options et préférences mais pas d’application sur iOS semble-il…

reduc-450

Bonne découverte…

Comment ça je vous ai pourri une partie de la journée…? Elle ne l’était pas déjà…?!


  1. Qui a dit long à le détente…? Oui, il y a de cela…! ↩︎

le 11/04/2016 à 10:15 | .(JavaScript doit être activé pour visualiser cette adresse email) à JChris d'Urbanbike | #

Illustrer une copie d’écran | 3

Et sur Mac, comment fais-tu…?

dans dans mon bocal | écrire | grospod | outils

Bon, après les deux premiers épisodes (un et deux), parlons enfin de LongScreen mais également de… illustrator et Photoshop. En effet, les deux précédents billets restent des exercices pour ma pomme1 à partir d’un iPhone uniquement mais j’avais promis d’expliquer deux choses :

  • Mon usage sous iOS de LongScreen ⚑
  • Et comment je place des doigts et des gestes sur mes copies d’écran sur urbanbike…

Sauf que la dernière phase se déroule exclusivement sur le Mac…

LongScreen

LongScreen ⚑ me permet de replacer les copies d’écrans réalisées individuellement dans un masque simulant l’iPad ou le iPhone 6s+, dans leur contexte…

reduc-450

  • À gauche | Une option que je n’emploie pas, la suppression des copies d’écran employées (…je devrais mais je préfère tout garder temporairement car je suis distrait…).
  • À droite | le choix des écrans supportés, entre Watch et iPad Pro…

reduc-450

  • À gauche | Il me suffit de sélectionner les captures d’écran souhaitées dans l’ordre (de gauche à droite, ordre d’apparition dans la copie jumelée) puis de cliquer en haut à droite sur Merge (sur iPhone, je me limite à deux, voire trois écrans…)
  • À droite | la fenêtre des réglages qui est accessible via une icône en bas au centre… Alignement mais aussi rassemblement (Merge) sans masque, avec un masque gris ou un masque blanc (mon préféré). Enfin, en haut l’écartement des écrans et, en bas, une option pour unifier les heures de capture sur les copies d’écran…

reduc-450

  • À gauche | le rendu affiché de ce qui va être produit et en bas, de gauche à droite, l’icône d’export, l’accès aux réglages (…qui, généralement, n’ont plus trop lieu de bouger) ou la suppression de l’essai en cours si erreur de casting…
  • À droite | J’enregistre toujours dans l’album mais cela peut filer vers DropBox ou encore vers mon FTP via Transmit ⚑ sous iOS.

Certes, cela réduit de facto la surface utile de chaque copie d’écran. Mais, en contre-partie, cela me permet de mieux placer, mettre en valeur les gestes utiles (…j’en parle ci-dessous) et, essentiellement pour les applications traitées sur l’iPhone, de monter deux copies côte à côte.

Bref, de composer, même si très connoté2, une sorte de narration explicative (!) qui se déroule de duo en duo…

Et les gestes, les doigts, les pognes…?!

Bon, ce n’est pas un secret, le reste se passe sur Macintosh avec des produits classiques (mon antique CS6 fonctionne encore)…

reduc-450

  • Je me suis composé naguère une unique (et large) planche avec toutes les options qui me convenaient à partir d’un fichier vectoriel acheté jadis sur istockphoto.com, une banque d’images. J’ai transformé à ma sauce dans Illustrator ces briques de base, dupliqué, etc. Cela ne m’empêche pas d’ajouter de nouvelles options quand je suis coincé…

reduc-450

  • Reste ensuite à choisir puis à placer/dimensionner l’élement que je souhaite ajouter à des fins explicatives sur la copie d’écran ouverte, elle, dans Photoshop.

Puis à exporter l’ensemble avec un plug-in TinyPNG depuis Photoshop, cf. Optimiser les images PNG et JPG pour le web - urbanbike. En réduisant de 50 % la dimension du fichier… Et en restant généralement en .PNG transparent…

Les images sont ensuite renommées en batch avec Name Mangler 3 ⚑3 puis exportées via Transmit ⚑ vers mon serveur FTP…

Comme j’emploie ExpressionEngine, je peux rentrer dans mon texte Markdown un lien de l’image vers le dossier dédié et prévisualiser dans iA Writer ⚑ le rendu, le séquençage…

reduc-450

C’est certes rustique mais ça fonctionne pour mes besoins et vous aider à comprendre ce que j’essaye parfois d’expliquer maladroitement avec des mots…!

Voilà, voilà…


  1. Hormis une furieuse envie de voyager, je prépare (déjà) une reconversion. Vu la modicité de ma retraite (mon fils boursier a la même chose), j’ai découvert que je pouvais reprendre en toute légalité le collier pour essayer de rajouter du beurre dans les épinards. Plus exactement des épinards dans une noisette de beurre. Même si je préférais bosser de chez moi, je sens que cela va être compliqué. Or comme je suis un angoissé de nature, je me forme préventivement. À ce propos, si vous cherchez un formateur sur un outil Markdown (ah, zut, tout est déjà dans urbanbike…!), un Community Manager, un rédacteur de papiers, enfin, un vieux un peu cabossé mais avec un poil d’expérience, mon adresse courriel est en fin de billet. ↩︎

  2. …Je sais, dans connoté, il y a… noté…! ↩︎

  3. cf. urbanbike | Renommez vos fichiers avec Name Mangler 3 ↩︎

le 11/04/2016 à 07:00 | .(JavaScript doit être activé pour visualiser cette adresse email) à JChris d'Urbanbike | #

Illustrer une copie d’écran | 2

Depuis un iPhone, toujours…

dans ancres | dans mon bocal | écrire | grospod | outils

Suite du billet précédent.

Comme navigateur, celui de 1password ⚑ est efficace mais, et à condition de passer du temps à configurer, je lui préfère nettement celui de iCabMobile ⚑.

reduc-450

  • Sécurisé par Touch ID, des paquets d’options (okay, partie complexe). Mais au final, accès à mon CMS et affichage en parallèle du résultat après l’envoi du texte.

reduc-450

  • les formulaires sont mémorisés, etc. Et donc les mots de passe, ce qui évite de ressaisir ces derniers.

Du coup, nouvel essai en conditions, rédaction d’un second billet dans Editorial ⚑, gestion des images avec LongScreen ⚑.

reduc-450

  • …et une variante. Garder le montage tel en PNG mais réduire drastiquement le poids en passant par le service de TinyPNG en ligne faute de trouver un vrai compresseur de PNG sous iOS.

Bien entendu, nouveau coup de Transmit ⚑, renommer les illustrations après export.

Résultat sous vos yeux. Je m’entraîne avec l’idée de ne partir qu’avec un iPhone 6s+.

Et c’est ici que 3D Touch sur les icônes de quasiment toutes ces applications s’avère divin…

À suivre.

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