Si la pandémie de COVID-19 fait beaucoup de bruit dans le monde, le monde du design réagit également. Vous remarquerez que certains des outils et des ressources les plus récents destinés aux concepteurs servent à travailler sur ou avec l’impact du virus ou sont inspirés par ce changement de nos modes de vie.

Voici ce qu’il y a de nouveau pour les designers ce mois-ci.

Snapfont

Snapfont est une extension de navigateur qui vous permet de tester n’importe quelle police sur n’importe quel site web en un clin d’œil. Vous pouvez prévisualiser les différences entre les polices de corps et de titres pour vous faire une idée de l’apparence ou du fonctionnement d’un site web avec différentes familles de caractères. Elle est idéale pour tester les tailles de police, pour examiner les polices ensemble dans un environnement réel, et offre une possibilité de test « en direct » avant que vous ne choisissiez de nouvelles polices. Il fonctionne avec toutes les polices Google.

Podcast CSS

Le Podcast CSS lancé en mars et publie un épisode par semaine sur les feuilles de style en cascade. Una Kravets et Adam Argyle, Developer Advocates de Google, décomposent les aspects complexes du CSS en épisodes digestibles couvrant tout, de l’accessibilité à l’index z. Les épisodes sont courts – généralement moins de 15 minutes – et sont faciles à digérer.

Saas pour COVID-19

Saas pour COVID-19 est un répertoire de rabais et d’offres pour les concepteurs et les développeurs touchés par le virus mondial. Le site web de construction demande simplement que vous utilisiez les remises accordées pour construire des « outils étonnants ».

Événements virtuels pour les développeurs

Événements virtuels pour les développeurs est un autre outil que vous pouvez utiliser pendant que vous passez plus de temps à la maison grâce à COVID-19. Cette liste regorge d’opportunités en ligne pour apprendre et rester connecté à la communauté de conception/développement.

SnipperApp2

SnipperApp2 est un outil de développement natif de Mac OS qui vous permet de créer des notes de démarquage GitHub et de sauvegarder des extraits de code dans plusieurs emplacements de stockage.

Générateur de faux codes

Le Générateur de faux codes transforme le vrai code (GitHub Gist) en faux code sous la forme d’une image SVG. Collez l’URL, choisissez un thème et créez votre code.

Midori

Midori est une bibliothèque de fonds d’images animées. Vous pouvez choisir un certain nombre d’images, le type de transitions, quelques effets et voir comment cela fonctionne.

Poussez la couleur

Poussez la couleur est une expérience artistique cool de WeTransfer qui utilise la couleur et le mouvement pour vous aider à créer de l’art en 90 secondes ou moins. Ensuite, une fois que vous avez terminé, vous pouvez télécharger votre art génératif. WeTransfer en parle dans un article de blog sur l’outil :

Typographie cinétique 3D

Comment Typographie cinétique 3D regarder et travailler ? Ce stylo cool d’Anna le Charognard le met en valeur dans un style funky qui vous donnera envie d’en faire plus.

StockSolo

StockSolo est un plugin pour Adobe Photoshop, Illustrator, InDesign et XD qui permet d’afficher des photos de stock dans un panneau de l’application native. Les photos sont disponibles auprès de Unsplash, Pexels et Pixabay pour être utilisées dans des projets. Il y a plus de 3,2 millions d’images parmi lesquelles choisir.

HTML plat

HTML plat est une alternative à la création de modèles et de HTML compliqués. Utilisez-le pour écrire une série d’instructions sur ce à quoi chaque élément doit être défini.

Galerie de photos de l’échange de cercles

Galerie de photos de l’échange de cercles est un stylo super amusant de Steve Gardner qui utilise React et GSAP pour échanger des images dans une galerie en utilisant une action animée en cercle. Le cercle se centre, tourne et affiche une nouvelle image.

Fiche d’escroquerie BEM

Fiche d’escroquerie BEM est un recueil de suggestions de noms pour certains des composants Web les plus courants. Il s’agit d’une ressource qui vous aidera à trouver le bon nom de classe et à faire avancer les projets.

Jitsi

Jitsi n’est pas un outil de conception en soi, mais c’est une excellente ressource pour les concepteurs et les développeurs web. Il s’agit d’un outil de vidéoconférence sécurisé, complet et gratuit. Il fonctionne comme une application et s’intègre à Slack. Il est entièrement open source et vous n’avez pas besoin d’avoir un compte pour l’utiliser.

Abréviation

Abréviation est un cadre CSS riche en fonctionnalités qui vous permet de créer un design moderne sans avoir à écrire le CSS. Il s’agit d’un outil personnalisable qui contient une foule de choses que vous voulez utiliser : couleurs, dégradés, styles de police, transitions, etc.

Boardist

Boardist est un outil de productivité émergent qui vous permet de concevoir un espace « tableau » pour des listes, des tâches, etc. Créez des signets, des notes, des listes ou des fichiers et planifiez des tâches. Il est conçu pour que vos projets restent sur la bonne voie et que vous puissiez continuer à travailler en équipe.

Sketch Dark Mode Plugin

Mode sombre est à la mode ces jours-ci et ce plugin vous permet de générer une version en mode sombre de n’importe quel document dans Sketch.

Icônes des tabliers

Icônes des tabliers est un ensemble de plus de 450 icônes SVG pour les projets web dans un style de ligne simple. Chaque icône est conçue sur une grille 24×24 avec un trait de 2 px.

Reflect

Reflect vous permet de mettre en place des tests automatisés de bout en bout pour une application web et même de recevoir des alertes lorsque les choses se gâtent. Cet outil vous permet de le faire sans écrire de code.

Raccourcir.le.repos

Raccourcir.le.repos est une API de raccourcissement d’URL transactionnelle robuste et flexible. L’outil est conçu pour une utilisation au niveau de l’entreprise et comprend un plan gratuit, jusqu’à un certain nombre de clics par mois.

Impact 2.0

Impact 2.0 est une dalle rugueuse au toucher dur. Elle contient un jeu de caractères robuste avec 650 caractères et plus de 600 glyphes. La police de caractères est entièrement en majuscules, les options de minuscules ayant un nouveau jeu de « défauts » grossiers.

Le beau gosse

Le beau gosse est une police de caractères printanière et ludique, dans un style d’écriture manuscrite. Elle contient plus de 150 caractères et plus de 80 glyphes.

MonoLisa

MonoLisa est une police monospace pour les développeurs. L’idée derrière la conception de cette police est d’améliorer la productivité des développeurs et de réduire la fatigue liée à la position assise devant un écran.

Soyez en sécurité

Soyez en sécurité est une police de caractères manuscrite qui correspond à l’air du temps. Elle contient un jeu complet de caractères majuscules et minuscules, des chiffres et quelques glyphes.