De nouveaux outils passionnants pour les concepteurs, mai 2022


Le thème sous-jacent de la collection de nouveaux outils et ressources de ce mois-ci est le développement. Presque tous les outils présentés ici rendent le développement un peu plus facile, plus rapide ou tout simplement plus amusant. Il y a quelques excellents tutoriels dans le mélange pour vous aider à vous mettre dans l’esprit d’essayer de nouvelles choses et techniques.

Voici ce qui est nouveau pour les concepteurs ce mois-ci…

Cryptofontes

Cryptofonts est une énorme bibliothèque open-source d’icônes représentant des crypto-monnaies. La collection comprend plus de 1 500 éléments CSS et SVG. Cryptofonts comprend toutes les icônes vectorielles évolutives que vous pouvez personnaliser par la taille, la couleur, l’ombre, ou pratiquement tout autre élément. Elles fonctionnent avec Sketch, Photoshop, Illustrator, Adobe XD, Figma et Invision Studio, et il n’y a pas de JavaScript.

Couleurs raisonnables

Couleurs raisonnables est un système de couleurs open-source pour construire des palettes de couleurs accessibles et belles. Les couleurs sont construites en utilisant un tableau codé. Chaque couleur se décline en six nuances numérotées. La différence entre les numéros des nuances permet de déduire le contraste entre deux nuances. Les différences correspondent aux rapports de contraste WCAG pour vous aider à créer une palette accessible. Il s’agit d’un projet intelligent et d’un outil précieux si vous travaillez sur des projets où le contraste des couleurs et l’accessibilité sont essentiels (ce qui est le cas de tous).

Craie.ist

Craie.ist est un outil amusant qui permet de donner à vos bouts de code un aspect étonnant. Ajoutez votre code (il y a un vaste sélecteur de langue), choisissez quelques couleurs et arrière-plans, puis téléchargez le tout sous forme d’image partageable. Votre code n’a jamais été aussi beau !

WeekToDo

WeekToDo est un agenda hebdomadaire minimaliste gratuit. Améliorez votre productivité en définissant et en gérant votre semaine et votre vie de manière simple et intuitive. De plus, cet outil est axé sur la confidentialité avec des données qui sont stockées sur votre ordinateur (dans votre navigateur web ou l’application). La seule personne qui y a accès, c’est vous.

Bio.Link

Bio.Link est un outil qui recueille tous vos liens – des médias sociaux aux articles de blog en passant par tout autre type de lien que vous souhaitez partager. Son utilisation est gratuite, il comprend 15 thèmes de design, des statistiques sur les visiteurs et il est super rapide.

Entretoises

Spacers sont un ensemble de personnages spatiaux tridimensionnels que vous pouvez utiliser dans vos projets. Les personnages sont dans des poses multiples et des formats ultra haute définition pour jouer avec.

11ty

11ty est un générateur de sites Web statiques très simple. Essayez-le pour de petits projets et lisez la documentation pour voir tout ce que vous pouvez faire avec cet outil.

Scrollex

Scrollex est une bibliothèque react qui vous permet de créer de belles expériences de défilement en utilisant un code minimal. Vous pouvez créer des animations de défilement dans toutes sortes de combinaisons – verticales, horizontales, presque tout ce que vous voulez essayer. La documentation est amusante et facile à comprendre si vous voulez voir comment cela fonctionne.

GetCam

GetCam est une application qui vous permet de transformer votre smartphone en webcam pour votre ordinateur. Elle fonctionne avec tout iPhone et un ordinateur Mac ou Windows. Elle fonctionne avec la plupart des outils de vidéoconférence et de streaming ainsi qu’avec les applications basées sur un navigateur.

Fichier plat

Dossier plat est une plateforme d’intégration des données qui donne un sens intuitif aux données confuses que les clients importent et les transforme dans le format sur lequel vous comptez. Vous n’aurez plus de feuilles de calcul désordonnées ni à construire un outil personnalisé.

Chargeurs

Chargeurs est une collection de loaders et spinners libres pour les projets web. Ils sont construits avec HTML, CSS, et SVG et sont disponibles pour React et copypasta.

Lexique

Lexical est un cadre extensible d’éditeur de texte web JavaScript mettant l’accent sur la fiabilité, l’accessibilité et la performance. Il est conçu pour les développeurs, de sorte que vous pouvez facilement créer des prototypes et des fonctionnalités en toute confiance. Combiné à une architecture hautement extensible, Lexical permet aux développeurs de créer des expériences uniques d’édition de texte qui évoluent en taille et en fonctionnalité.

Des images parfaites avec l’élément img moderne

Ce tutoriel est une introduction qui explique pourquoi l’élément img est un outil si puissant dans votre boîte de développement. Les images sont si importantes qu’elles font partie du contenu le plus important de plus de 70 % des pages, tant sur les mobiles que sur les ordinateurs de bureau, selon la plus grande métrique de peinture Contentful. Ce billet vous explique comment mieux optimiser et améliorer simultanément les éléments vitaux du Web.

Construction d’une grille combinée CSS-Aspect-Ratio-Grid

Création d’une grille combinée CSS-Aspect-Ratio-Grid propose deux solutions pour créer l’effet de titre. Vous pouvez définir un rapport d’aspect pour la ligne ou utiliser Flexbox avec un peu de magie flex grow. Apprenez à essayer les deux solutions.

QIndR

QIndR est un générateur de code QR conçu pour les événements et les rendez-vous. Le formulaire est conçu pour capturer les informations relatives à votre événement afin que vous puissiez rapidement créer et utiliser un code QR pour les listes et même permettre aux utilisateurs de l’ajouter à leurs calendriers ! C’est super rapide et facile à utiliser.

Animation de répétition de texte en défilement

Animation de répétition de texte en défilement vous montre comment créer une animation sur le défilement qui montre des fragments répétés d’un grand élément de texte. Il s’agit d’une leçon facile et amusante que vous pouvez utiliser immédiatement.

Huit couleurs

Eight Colors ne fera rien pour votre productivité, mais c’est un jeu amusant auquel vous ne pourrez peut-être pas vous arrêter de jouer. Il s’agit d’un jeu de déplacement de blocs dont le but est de déplacer des blocs circulaires pour atteindre la cible donnée.

Vintage créatif

Vintage créatif est une paire de caractères comprenant un script fin et un empattement vintage (avec des styles brut et lisse). La paire est conçue pour fonctionner ensemble pour diverses utilisations ou peut être utilisée indépendamment.

Hardbop

Hardbop est un caractère de style vintage avec beaucoup de personnalité. Elle convient parfaitement à l’affichage, et la famille comprend sept jeux de caractères complets.

Kocha

Kocha est un caractère de style ligature funky, parfait pour les éléments de conception plus légers, notamment les logos ou les emballages. Il comprend des versions propres et brutes.

Agrandir

Magnify est une grande famille de polices avec 16 styles et de nombreuses variantes amusantes. Vous pouvez l’utiliser telle quelle ou avec les styles plus funky qui créent des formes de caractères moins traditionnelles.

Empileur

Empileur est une police de style amusant et futuriste avec un style à triple contour. Utilisez-la pour l’affichage lorsque vous voulez vraiment faire une impression.