17 outils dont je ne peux pas me passer


Je pense qu’une pratique créative est une combinaison d’une approche (une philosophie du design) et d’une série de techniques (des compétences artisanales) ; un bon outil facilite une technique, qui à son tour soutient une approche.

Ce n’est que lorsque je me suis assis pour rédiger une liste d’outils dont je ne peux pas me passer que j’ai réalisé combien d’outils font partie intégrante de mon processus de création. Le danger des outils est qu’ils favorisent certaines techniques, et que les préjugés peuvent altérer votre approche.

Avant tout, un bon outil ne fait pas de mal, il ne dicte pas, ni n’entrave votre démarche. Deuxièmement, un bon outil offre une certaine souplesse dans les techniques que vous choisissez. Troisièmement, un bon outil est invisible, il ne laisse aucune marque sur le produit final.

Si j’avais écrit ce post il y a un an, la liste aurait été différente, et j’espère que dans un an, elle le sera à nouveau. Ce sont les outils que je trouve actuellement habilitants, qui ont contribué à mon métier et qui ont soutenu ma démarche.

Designer d’affinités

J’ai toujours utilisé les produits Adobe. Photoshop et Illustrateur ont été les outils graphiques de facto pendant la moitié de ma vie. Je n’ai jamais eu de problème avec la licence d’abonnement de Creative Cloud, qui me semble proportionnée pour un ensemble d’outils professionnels. Puis, il y a environ 18 mois, j’ai été très frustré par la lenteur d’Illustrator.

J’avais écrit une première critique de Affinity Designer, j’avais été impressionné à l’époque, alors j’ai décidé de réessayer en espérant que le séjour durerait une heure ou deux avant de revenir à Illustrator. La dernière version de Designer d’affinités a été une révélation, je n’ai tout simplement jamais voulu revenir en arrière.

Pourquoi pas Sketch? Eh bien, il m’arrive de me lancer dans le Sketch, en particulier pour les images vectorielles pures. J’ai été l’un des premiers à adopter Sketch, mais les problèmes de fiabilité (résolus depuis longtemps) ont empoisonné ma relation avec lui. Pourquoi pas Figma? Eh bien, la vraie force de Figma réside dans la collaboration, ce que j’obtiens avec Sketch, et personnellement, je trouve certaines des caractéristiques de Figma peu intuitives.

Affinity Designer n’est pas parfait. Je n’aime pas les outils de couleur, en particulier l’outil de dégradé, que je trouve maladroit. Mais c’est la première application de design que j’utilise depuis des années qui se synchronise étroitement avec mon processus de création.

Photo d’affinité

Je ne fais pas beaucoup de manipulation de photos, donc quand j’ai quitté Creative Cloud pour un travail de design, j’étais détendue à l’idée de passer de Photoshop à Photo d’affinité.

D’après mon expérience, Affinity Photo est plus fort que Photoshop dans certains domaines, et plus faible dans d’autres. L’échelle bitmap d’Affinity Photo est beaucoup meilleur que celui de Photoshop, en grande partie grâce à l’échantillonnage de Lanczos 3.

Affinity Photo résout aussi beaucoup de petites irritations qu’Adobe a choisi de ne pas aborder pour des raisons patrimoniales ou philosophiques, comme le réglage du ratio à bascule lors du redimensionnement de la toile – j’ai perdu le compte des heures passées dans Photoshop à calculer manuellement l’espace blanc vertical pour qu’il soit proportionnel à l’horizontal.

TinyPng

Les logiciels Affinity Photo et Photoshop sont tous deux peu performants en matière d’optimisation des formats web. Photoshop a peut-être l’avantage, mais son résultat n’est certainement pas acceptable pour la production.

Je fais des bitmaps TinyPngqui réduit en moyenne de moitié la taille du fichier sans perte de qualité appréciable. (Elle a retiré 66% des images pour cet article).

Fontstand

Lorsque j’ai commencé à m’éloigner du Creative Cloud, le seul service qui m’a retardé était Polices Adobe (née Typekit). Non pas tant pour les polices web – qui sont plus rapides et plus fiables en auto-hébergement – mais pour la possibilité de synchroniser les polices de bureau dans mes applications de conception.

J’ai essayé Fontstand quand il est sorti, et j’ai adoré le concept, mais j’étais inquiet pour la petite bibliothèque. Lorsque j’ai jeté un deuxième coup d’œil et découvert que la bibliothèque est maintenant importante, tant pour les chevaux de trait que pour les caractères expérimentaux, la décision de changer a été facile à prendre.

Fontstand est un service de location de polices de bureau. Une fois que vous avez trouvé une police de caractères qui vous intéresse, vous pouvez activer un essai d’une heure, puis choisir de louer la police pour une somme modique. Vous pouvez renouveler automatiquement la location si nécessaire, et si vous louez la police pendant 12 mois, elle est à vous pour toujours.

S’il y a un outil sur cette liste que je ne pourrais vraiment pas concevoir sans lui, c’est bien celui-ci. Fontstand rend le travail avec des polices de fonderies indépendantes abordable pour les indépendants, et il a enrichi la palette typographique dont je dispose.

Khroma

Chaque créateur a ses forces et ses faiblesses. Depuis le premier jour de l’école d’art, ma faiblesse a été la couleur. Elle ne me vient pas naturellement et je dois y travailler très dur.

Un outil incroyablement utile que j’utilise depuis quelques mois est Khroma. Il aide mes yeux à se réchauffer avant d’approcher la couleur, et m’aide à trouver un point de départ que je peux ensuite affiner. En comparant mon travail de conception avant et après Khroma, les choix de couleurs de ce dernier sont plus propres, plus vibrants et plus intéressants.

Atome

Un bon éditeur de code est essentiel, et je n’en ai jamais trouvé un qui me satisfasse complètement. Pendant des années, j’ai fait des allers-retours entre Entre parenthèses, Texte Sublimeet BBEdit. Je pense que cela reflète probablement les changements dans le type de codage que je fais.

Pour l’instant, j’ai choisi Atome. Il est rapide, fiable et n’est pas biaisé en faveur d’un code frontal ou dorsal.

CodeKit

J’ai tenu sur les compilateurs plus longtemps que je n’aurais dû, en utilisant des applications comme Minifier pour minifier le CSS et le JavaScript, et la ligne de commande pour traiter le Sass (voir ci-dessous). Puis j’ai trouvé CodeKit et depuis, il est essentiel pour mon travail.

Ce que je préfère dans CodeKit, c’est qu’il s’agit d’une interface graphique. Cela signifie que je peux modifier des paramètres pendant le codage, comme par exemple désactiver la fonction JavaScript, sans devoir changer d’état d’esprit pour passer à un autre langage.

MAMP

MAMP est un outil qui vous permet d’exécuter un environnement de serveur local, ce qui signifie que je peux exécuter PHP et MySQL sans le fastidieux processus de FTP vers un serveur pour tester une modification. Mac est livré avec Apache, ce qui n’est donc pas strictement nécessaire, mais il est simple à utiliser et fonctionne bien avec CodeKit et Craft (voir ci-dessous).

Il existe une version pro de MAMP, qui vous permet de passer d’un projet à l’autre en toute transparence, mais elle est fortement orientée vers WordPress. J’essaie toujours de trouver le temps d’évaluer Valet Laravel.

Dash

Lorsque vous commencez à coder, vous essayez de mémoriser toute la langue. Il est tout à fait possible de maîtriser le noyau d’une langue, mais il y a toujours des nuances, des défauts et des gotchas qui vous manquent. Au fur et à mesure que l’on acquiert de l’expérience, on se rend compte que tous les codeurs professionnels cherchent la réponse sur Google au moins une fois par jour.

Quand j’en ai eu assez de Googler, j’ai commencé à utiliser Dash qui est une superbe application qui combine les documents de nombreuses langues différentes dans une fenêtre de recherche. Je l’utilise quotidiennement pour tout, du SVG à Twig.

LambdaTest

Peu importe ce que vous construisez, même l’indy-web doit être testé. L’idéal serait de tester sur des appareils réels, mais si vous n’avez pas les moyens de vous offrir une bibliothèque d’appareils – et qui, à l’exception des plus grandes agences, peut le faire – vous avez besoin d’une solution de test en direct.

Il y a quelques starters, mais votre choix se situe essentiellement entre BrowserStack et LambdaTest. J’ai opté pour le LambdaTest parce que je préfère le style de l’assurance-chômage, mais c’est entièrement subjectif. Si vous n’êtes pas sûr, lancez une pièce, vous obtiendrez les mêmes résultats avec les deux.

Sass

Je ne peux pas écrire de CSS sans Sass – et je le pense littéralement. Si j’essaie d’écrire du CSS vanille, je garantis que je vais emboîter quelque chose avec à la racine et cela entraînera une erreur.

Craft CMS

Affirmer une préférence pour un CMS en ligne qui n’est pas WordPress suscite inévitablement des protestations passionnées de la part des développeurs dont la carrière est bâtie sur la plate-forme WordPress. Laissez-moi donc vous dire en préambule : si WordPress fonctionne pour vous, et surtout pour vos clients, alors plus de pouvoir pour vous ; je pense que c’est un chien.

Chercher un CMS est un défi, et je suis passé par là plusieurs fois. Un bon CMS doit être en phase avec votre état d’esprit, et il doit être adapté à vos clients – à tous, car à moins que vous ne soyez dans une grande agence avec plusieurs codeurs, vous devez vous engager sur une seule solution afin de la maîtriser.

J’ai regardé et regardé, et je me suis finalement décidé Craft CMS. L’artisanat permet de construire et d’entretenir facilement des sites complexes et performants. Sa courbe d’apprentissage est peu prononcée et sa pente est exponentielle, ce qui permet de démarrer facilement avec une grande marge de manœuvre.

Vue.js

Quand Flash est devenu kaput, je suis passé à jQuery, et c’était un moyen très facile d’accéder à JavaScript – ignorez les gens qui vous disent de maîtriser d’abord le langage de base, faites ce qu’il faut pour commencer en utilisant une langue, c’est comme ça qu’on apprend. Mais jQuery est lourd, et j’ai constaté que j’en avais de moins en moins besoin.

De nos jours, 90 % des JavaScript que j’écris sont des améliorations progressives de JavaScript vanille pour maintenir les dépendances à un niveau bas. De temps en temps, je rencontre un travail qui nécessite une gestion complexe de l’État, et je me rabat alors sur Vue.js. Les développeurs de JavaScript sont aussi partisans que les amateurs de CMS, alors disons que je favorise Vue.js parce qu’il n’est pas contrôlé par une méga-corporation et restons-en là.

Ulysse

En tant que rédacteur de la JMJ, je ne saurais trop insister sur le fait que la bonne façon de rédiger des textes pour le web est la démarque.

Le marquage est plus rapide à écrire pour ne pas perdre le fil de votre réflexion, et il n’impose pas de formatage pour que vous puissiez facilement migrer vers un CMS. Si vous avez déjà passé 20 minutes à retirer les balises de classe, d’identification et de style d’un fichier créé dans Word, Pages ou (de loin le pire des contrevenants) Google Docs, alors vous n’avez pas besoin d’être vendu sur ce point.

Il existe quelques applications d’écriture basées sur la démarque, j’en ai testé une demi-douzaine et celle que j’ai choisie était Ulysse. J’aime son mode sans distraction, j’aime ses exportations propres. Tout ce que j’écris, je l’écris en Ulysse.

Capture d’écran Plus

Tout comme pour les éditeurs à bas prix, les applications de capture d’écran ne manquent pas. Mon préféré actuel est Capture d’écran Plus.

Screenshot Plus a une caractéristique qui le rend unique pour moi, c’est son workflow. Cela semble être un petit problème, mais lorsque vous faites des captures d’écran d’une douzaine de sites, les clics supplémentaires pour enregistrer, passer à votre éditeur et ouvrir le fichier sont laborieux. J’ai configuré plusieurs workflows dans Screenshot Plus qui me permettent de prendre une capture d’écran, de l’enregistrer dans un dossier spécifique sur mon ordinateur local, puis de l’ouvrir dans Affinity Photo, le tout d’un seul clic.

Spark

Je reçois beaucoup de courrier électronique, un lot. À un moment donné, l’afflux était si important que j’utilisais plusieurs applications de messagerie électronique pour le segmenter. Oui, j’utilise Slack quotidienne, mais cela n’élimine pas la nécessité du courrier électronique.

J’ai utilisé Spark depuis environ six mois et cela a radicalement accéléré mon rythme de travail. Je suis un grand fan de la boîte de réception intelligente qui me permet de compartimenter les courriels comme les bulletins d’information, et les courriels qui justifient une réponse. J’aime pouvoir passer à une liste chronologique si je cherche quelque chose de précis. J’aime la possibilité d’épingler ou de faire une pause dans les messages, ce qui m’aide à trier ma boîte de réception.

Todoist

Je fais partie de ces gens qui ne peuvent pas passer la journée sans être organisés. J’ai besoin de listes et de sous-listes, et j’ai besoin de quelque chose de natif qui s’ouvre automatiquement lorsque je démarre mon Mac, et de quelque chose qui s’affiche sur l’écran d’accueil de mon Android.

Il y a autant d’applications à faire qu’il y a de choses à faire. Quand je travaille en équipe, j’utilise le système de suivi des tâches que je préfère. Mais par choix, j’utilise toujours Todoist grâce à son équilibre entre simplicité et puissance. À ce stade, c’est un peu un méta-outil, et l’application que j’ouvre en premier chaque matin.