De nouveaux outils passionnants pour les designers, juillet 2020


Certains des changements que nous constatons dans nos lieux de travail commencent à apparaître dans le type de nouveaux outils conçus pour les concepteurs et les développeurs. De plus en plus d’outils dont la collaboration à distance est une caractéristique essentielle gagnent en popularité. (Vous en trouverez quelques-uns ici).

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

Boîte à outils pour le webdesign

Boîte à outils pour le webdesign est une collection d’outils, d’applications et de ressources réunis en un seul endroit pour les concepteurs et les développeurs. La meilleure partie de cette ressource est qu’elle est créée par l’homme, de sorte que chaque outil est soumis à un contrôle de qualité et figure sur la liste parce qu’il a été testé et fait l’objet de recherches. Faites des recherches dans la collection par dessin, développement, stock, typographie, UX, ou outils de flux de travail (et plus) et utilisez-les pour aider à créer plus efficacement. La collection est également en constante augmentation.

CodeStream

CodeStream pourrait être l’outil de flux de travail du nouveau monde pour les concepteurs et les développeurs de sites web. Il est conçu pour permettre à des équipes distantes d’examiner du code directement dans votre IDE sans interrompre le flux de développement. Vous pouvez publier et examiner les modifications et les commentaires sont tous indépendants du code lui-même, même s’ils sont liés à celui-ci.

Litur

Litur est une application de gestion des couleurs pour iOS. Utilisez-la pour trouver et collecter des échantillons de couleurs, créer des palettes personnalisées et même vérifier les combinaisons de couleurs par rapport aux normes d’accessibilité. L’application peut même générer des codes de couleur pour vous à partir d’échantillons que vous trouvez dans une photo ou une image téléchargée ou créée. L’application fonctionne sur les appareils Mac mobiles et de bureau et est payante.

Rédacteur en chef X

Rédacteur en chef Xqui est encore en version bêta, est un outil de création de sites web qui combine des capacités de conception et de prototypage avancées avec un hébergement web sécurisé et des solutions commerciales intégrées. Passez d’une idée à la production dans un espace de travail de conception très intuitif. La meilleure caractéristique pourrait être des outils de précision de conception exacte.

Grille de contrôle

Grille de contrôle est un ensemble visuel et codé de « tricheurs » basé sur les spécifications de la grille CSS du W3C. Ce qui est bien, c’est qu’il rend ces directives plus faciles à comprendre et à utiliser si leur lecture vous met un peu mal à l’aise.

Tutoraliste

Tutoraliste rassemble certains des meilleurs tutoriels de développement sur le web. Tous les tutoriels sont des vidéos gratuites disponibles sur YouTube, et ce projet les rassemble tous en un seul endroit.

Portrait en demi-teinte CSS pur de JPG

Portrait en demi-teinte CSS pur de JPG est un magnifique stylo d’Ana Tudor qui montre comment changer la représentation visuelle d’une image. Les exemples sont brillants et en véritables demi-teintes. Le code fonctionne avec des images en couleur ou en noir et blanc.

VoiceText pour Slack

VoiceText pour Slack est un autre outil de productivité du travail à domicile. Intégrez-le à Slack et envoyez des messages avec du texte transcrit directement dans vos canaux. C’est une intégration gratuite qui prend en charge 18 langues.

Coup d’œil sur le site

Coup d’œil sur le site est un outil de développement qui vous aide à obtenir des environnements de mise en scène frontaux à la demande et à recueillir les commentaires de l’équipe plus tôt dans le processus de développement. Il est conçu pour être utilisé avec GitHub et fonctionne également avec une variété d’autres outils.

Formbutton

Formbutton est un formulaire pop-up simple et personnalisable. (Et nous savons tous que les sites web en ont beaucoup en ce moment.) Il se connecte à d’autres services que vous utilisez déjà, tels que Google Sheets et MailChimp, et est simple à mettre en place.

Thème de bloc

Blocksy est un thème WordPress qui est fait pour les non-codeurs. Il s’agit d’un thème zippé et très visuel conçu pour Gutenberg. Il fonctionne avec d’autres constructeurs et permet à l’utilisateur de personnaliser pratiquement tout visuellement. (Il y a même un mode sombre.) Le thème est rempli d’outils et d’options et est téléchargeable gratuitement.

Oh My Startup Illustrations

Oh My Startup Illustrations est un ensemble d’illustrations vectorielles réparties en plusieurs catégories et dont le style est très populaire sur de nombreux projets. Utilisez les personnages et les scènes pour créer une histoire semi-personnalisée pour votre projet de démarrage.

1mb

1mb est un éditeur de code et un hébergeur où vous pouvez créer un site web statique avec un domaine personnalisé et SSL inclus. L’éditeur fonctionne dans le navigateur et tout est enregistré dans le nuage.

Linéaire

Linéaire est une application Mac de suivi des problèmes pour les équipes. Elle est conçue pour aider à rationaliser les projets logiciels, les sprints et les tâches, et peut s’intégrer à des outils standard tels que Github, Figma et Slack.

Contrôle de l’hébergement

Contrôle de l’hébergement résout un problème commun : un client veut que vous travailliez sur son site web, mais n’a aucune idée de qui l’héberge. Hosting Checker indique le fournisseur d’hébergement de l’utilisateur et l’adresse IP que le site web utilise, ainsi que l’emplacement des ordinateurs de son serveur et les coordonnées de l’hôte. Il prétend également être 82 % plus rapide que d’autres outils similaires.

Spike

Spike vous avertit des incidents sur le site web avant les clients. Créez des alertes et recevez immédiatement un appel téléphonique, un message texte, un courriel ou une notification Slack. L’outil offre un nombre illimité d’alertes et d’intégrations pour vous permettre de rester au courant des problèmes avant qu’ils ne se transforment en véritables problèmes.

Magnus UI

Magnus UI est un cadre qui vous aide à construire des interfaces utilisateur cohérentes dans React. Il est fourni avec de nombreux composants prêts à l’emploi et vous pouvez personnaliser le thème.

SpreadSimple

SpreadSimple utilise les données de Google Sheets pour créer des sites web stylés avec des fonctionnalités telles que le filtrage, la recherche, le tri, le panier, la collecte de commandes via des formulaires, et bien plus encore. Mettez à jour la fiche et voyez instantanément les changements sur le site web.

WebP vs. JPEG

Google commence à suggérer d’utiliser son Format d’image WebP pour réduire les temps de chargement, en raison de la taille plus légère des fichiers. Mais WebP est-il meilleur que le JPEG traditionnel ? Le développeur Johannes Siipola a testé les types de fichiers à différentes tailles pour répondre à la question. La réponse est un peu compliquée, mais parfois elle pourrait être meilleure ; lisez l’analyse complète pour en savoir plus.

Oh, ma chère

Oh, ma chère est un outil de surveillance des sites web qui peut vous aider à garder un œil sur les sites web. Surveillez le temps de fonctionnement, les certificats SSL, les liens brisés, et bien plus encore grâce à des notifications qui vous sont envoyées directement en cas de problème.

Airconnect

Airconnect est une alternative de vidéoconférence Zoom que vous pouvez utiliser pour votre marque avec un en-tête, des couleurs et un portail personnalisés pour les clients. L’outil comprend la visioconférence ainsi que la possibilité pour les clients d’accéder à leurs données et d’automatiser votre processus d’embarquement.

Visages libres

Visages libres est une collection de polices de caractères libres que vous pouvez consulter et utiliser dans le cadre de projets. Recherchez par style de caractères avec des résultats visuels qui incluent un lien de téléchargement.

Tout le rouleau

Tout le rouleau est une police de caractères amusante et nouvelle pour le type de projet qui convient. Elle comprend 167 caractères avec des barres obliques qui peuvent être ajoutés avant ou après certaines lettres.

Backrush

Backrush est une police de caractères de style manuscrit avec des traits faciles et un toucher de stylo. Elle comprend des formes de lettres plus épaisses, avec de jolis traits et un jeu de caractères complet.

Thuner

Thuner est une police d’affichage de dalle avec des bizarreries intéressantes. Elle est faite pour des dessins plus grands que nature. Elle comprend un jeu complet de caractères majuscules et de chiffres.