De nouveaux outils passionnants pour les designers, novembre 2020


Dans l’esprit des fêtes d’automne, la collection d’outils et de ressources de ce mois est une sorte de buffet. Vous y trouverez de tout, des outils web aux bibliothèques d’icônes, des outils d’animation aux superbes polices de caractères gratuites. Allons-y.

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

La bonne hauteur de ligne

La bonne hauteur de ligne est l’outil dont vous ne pourrez plus vous passer après l’avoir utilisé plusieurs fois. L’outil calcule la hauteur de ligne idéale pour chaque taille de texte dans une échelle typographique afin que tout corresponde toujours à la grille de base. Définissez la taille de la police, le multiplicateur et la hauteur de ligne de la grille pour commencer.

Lien vers QR

Lien vers QR permet de créer des codes rapides en un tour de main. Collez votre lien et l’outil crée un code QR immédiat que vous pouvez télécharger ou partager. Choisissez une couleur et une transparence, ainsi qu’une taille, et le tour est joué.

Quarkly

Quarkly vous permet de créer des sites web et des applications web à la fois en utilisant une souris et en tapant du code – vous bénéficiez de tous les avantages de l’édition réactive, mais vous pouvez également ouvrir l’éditeur de code à tout moment et modifier manuellement n’importe quoi et tout se synchronise. L’outil est conçu pour le contrôle de la conception et est en version bêta.

UnSpam.email

Unspam.email est un outil de test de spam en ligne pour les courriers électroniques. Améliorez la délivrabilité avec le testeur de courrier électronique gratuit. Le service analyse les principaux aspects d’un courriel et renvoie un score de spam et prédit les résultats avec une carte thermique de votre bulletin d’information électronique.

Bande de film

Bande de film vous permet de créer ou d’importer des animations d’images clés, d’effectuer des ajustements et de les exporter pour les lire sur le web. C’est un outil rapide et facile pour l’animation web moderne.

Modèles de fond du CSS

Modèles de fond du CSS est truffé de designs groovy que vous pouvez ajuster et transformer en un fond parfait pour votre projet web. Définissez les couleurs, l’opacité et l’espacement, puis choisissez un motif, prévisualisez-le à l’écran et accrochez le CSS. Vous pouvez également soumettre vos propres modèles.

Neonpad

Neonpad est un éditeur de texte simple – mais amusant – en couleurs néon. Changez de teinte pour une expérience d’écriture différente. Utilisez-le en petit format ou agrandissez-le à la taille maximale du navigateur.

Animation du survol du lien

Animation du survol du lien est une habile variante de l’état de vol stationnaire. L’animation dessine un cercle autour du lien !

Générateur de teintes et d’ombres

Générateur de teintes et d’ombres vous aide à tirer le meilleur parti de n’importe quelle couleur d’hexagone. Commencez par une palette de couleurs de base et utilisez-la pour générer des couleurs complémentaires pour les dégradés, les bordures, les arrière-plans ou les ombres.

Carte de produit CSS pur

Carte de produit CSS pur d’Adam Kuhn est un bel exemple de conception de commerce électronique dont vous pouvez vous inspirer. La carte est attrayante et fonctionnelle.

Libérez Favicon Maker

Libérez Favicon Maker vous permet de créer une simple favicon SVG ou PNG en quelques clics. Vous pouvez définir un style qui inclut une lettre ou un émoji, une police et une taille, une couleur et un type de bord et vous êtes prêt à saisir le HTML ou à télécharger le fichier SVG ou PNG.

Pack d’icônes iOS gratuit

Le pack d’icônes iOS gratuit ultime est une collection de 100 icônes minimales dans un style Apple. Avec la version en noir et blanc de chaque icône et les fichiers PSD originaux, vous pouvez créer des icônes élégantes pour l’écran de votre iPhone en quelques minutes. Et c’est totalement gratuit ! Aucune adresse électronique ni inscription n’est requise.

Famille d’icônes du phosphore

Phosphore est une famille d’icônes flexible pour tout ce dont vous avez besoin pour inclure des diagrammes et des présentations. Il y a beaucoup de flèches, de chats, de cercles, d’horloges, d’éléments de bureau, de listes, de logos d’entreprises, etc. Tout est en style ligne, rempli, ou avec une couleur en duotone. Tout est gratuit, mais les dons sont acceptés.

3 000 Mains

3 000 Mains est un kit de mains qui comprend beaucoup de gestes et de style dans six tons de peau et avec 10 angles de chaque geste. Elles ont une forme en 3D et sont au format PNG facile à utiliser. Ce kit contient tout ce dont vous avez besoin, y compris un ensemble d’icônes de mains.

Icônes Radix

Icônes Radix est un ensemble d’icônes de 15px par 15px pour les petits espaces. Elles sont présentées sous forme de lignes et sont disponibles dans divers formats, notamment Figma, Sketch, iconJar, SVG, installation npm ou GitHub.

Deepnote

Deepnote est un nouveau type de carnet de données scientifiques. Il est compatible avec Jupyter et fonctionne en temps réel et dans le nuage. Il est conçu pour les équipes de science des données.

Générateur de musique ZzFXM Tiny JavaScript

ZzFXM est une minuscule fonction JavaScript qui génère des pistes de musique stéréo à partir de modèles de notes et de données d’instruments. Les échantillons d’instruments sont créés à l’aide d’une version modifiée du générateur de sons ZzFX super minuscule de Frank Force. Il est conçu pour des productions de taille limitée.

Animation de défilement des tuiles d’images

Animation de défilement des tuiles d’images est un type de défilement différent utilisant le défilement de locomotive. La grille crée une animation fluide dans un style amusant et moderne.

Bulles

Bulles est une extension de Chrome qui vous permet de collaborer en cliquant n’importe où sur votre écran, puis en déposant un commentaire pour entamer une conversation avec quelqu’un. C’est une option intéressante pour le travail en équipe à domicile.

Tyrus

Tyrus est une boîte à outils de l’équipe de conception d’Airbnb pour aider les illustrateurs à tirer le meilleur parti de leurs activités de conception. Elle est divisée en plusieurs sections pour vous aider dans la rédaction des briefs de conception, l’originalité, les délais et les commentaires.

PatchGirl

PatchGirl est un outil automatisé d’assurance qualité pour les développeurs. Vous pouvez combiner des requêtes SQL et HTTP pour construire n’importe quel état possible de votre base de données.

Vêtements

L’habillement est une belle famille de polices de caractères haut de gamme, très polyvalentes, dans un style moderne à empattements. Il s’agit d’une police à empattements contemporaine, élégante et fraîche, au style décontracté. Sa hauteur de x moyennement grande le rend idéal pour les gros titres et la conception de l’identité d’une marque.

Histoire de Noël

Histoire de Noël est une bonne solution si vous commencez déjà à réfléchir à des projets ou des cartes de vacances. Les longues balises et queues sont élaborées et amusantes.

Nafta

Nafta est une police de style d’écriture amusante qui a un trait de style marqueur. C’est une version moderne de la populaire police Sharpie. Elle comprend toutes les lettres majuscules.

Safira

Safira est un sans large et moderne avec des ligatures et une sensation de style. Les bornes à boules arrondies sont particulièrement élégantes.

Shine Brighter Sans

Shine Brighter Sans est un sans-serif superfin avec une attitude légère. Le jeu de caractères limité combiné à sa légèreté est le meilleur pour l’affichage.