De nouveaux outils passionnants pour les designers, avril 2020


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.

snapfont

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.

csspodcast

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 ».

saas

É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.

events

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.

snipper

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.

faux-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.

midori

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 :

Le processus offre aux utilisateurs un moment pour se détacher des tâches quotidiennes et s’exprimer comme ils le souhaitent.

colorpush

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.

3dkinetic

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.

stocksolo

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.

flat-html

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.

circle-swap

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.

bem

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.

jitsi

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.

shorthand

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.

boardist

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.

darkmode

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.

tabler

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.

reflect

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.

shorten

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.

impact

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.

hunny

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.

monolisa

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.

staysafe