Outils de la semaine pour les web designers N°17

Pour démarrer cette semaine comme il se doit, je vous propose de découvrir plus de 16 outils utiles pour les Web designers, les intégrateurs et les développeurs.

Comme toutes les semaines je partage ma veille afin de vous faire gagner du temps dans la découverte d’outils pratiques et des bonnes ressources qui vous permettront d’améliorer votre quotidien.

J’espère que vous ferez de belles découvertes. Et si c’est le cas, n’hésitez pas à partager l’article avec vos collègues.

Pensez également à suivre Template.pro sur Twitter et Youtube 😉

ColorFarm

outil-webdesign-03

Un outil pour faire de la curation de couleurs. ColorFarm, s’amuse à créer et partager les palettes de couleurs des shots populaires trouvés sur Dribbble.

Voir ColorFarm

Gitmoji

outil-webdesign-01

Un guide pratique pour utiliser des émoji dans vos messages de commits. Cela permet d’identifier plus rapidement le but ou l’intention de vos commits.

Voir Gitmoji

Inspect by Invision

outil-webdesign-02

Inspect est un outil créé par Invision qui à pour objectif de simplifier et de changer la façon dont les développeurs et les designers vont bosser ensemble. Un outil énorme qui permet d’importer dans InVision vos maquettes contenant toutes les données nécessaires pour l’intégrateur (les fonts utilisées, les espaces, les couleurs utilisées etc.). Terminé les approximations et les allers-retours sur des informations manquantes.

Voir Inspect

Devfreebooks

outil-webdesign-04

Ressource en anglais contenant de nombreux livres gratuits pour les développeurs et les entrepreneurs. Vous trouverez des guides de tendances, de lancement de produit, de maitrise de languages etc.

Voir Devfreebooks

Image-effects

outil-webdesign-05

Des classes CSS à récupérer pour appliquer quelques effets sympas sur vos images.

Voir Image-effects

Affinity Photo

outil-webdesign-06

Le logiciel de retouche photo créé par Sérif a été mis à jour sur Mac et propose maintenant une version Beta sur Windows.

Voir Affinity Photo

Sodaphonic

outil-webdesign-07

Un petit éditeur audio en ligne puissant et gratuit. Vous pourrez éditer vos contenus audio ou enregistrer directement à partir de votre micro.

Voir Sodaphonic

Blynker

outil-webdesign-08

Inspiré par la règle 20 20 20, c’est un petit rappel pour vous éloigner de votre écran toutes les 20 minutes. Gardez les yeux sains, réduisez la fatigue oculaire, prévenez les maux de tête et augmentez la productivité.

Voir Blynker

Material.io

outil-webdesign-09

Le site de Google consacré au material design a été mis à jour et propose un nouveau design.

Voir Material.io

PaperWorks

outil-webdesign-10

PaperWork regroupe facilement toutes vos pièces jointes et vos PDF à un seul endroit. Vous connectez votre boite mail est en avant ! Il est gratuit pour un compte et propose une version multi-compte pour 4$ par mois.

Voir PaperWorks

Getkap

outil-webdesign-11

Un enregistreur d’écran open-source construit avec la technologie web. Il est rapide, puissant et gratuit.

Voir Getkap

Heropatterns

outil-webdesign-12

Une collection de 50 patterns en SVG que vous pouvez utiliser pour personnaliser et texturer le fond de vos sites.

Voir HeroPatterns

Figma

outil-webdesign-13

Un outil collaboratif pour la conception d’interfaces. Figma permet de dessiner à plusieurs sur un même projet pour effectuer des retouches en temps réels entre différents utilisateurs. Il devient plus facile de synchroniser le fichier entre les différentes compétences (webdesign, DA, intégration) et de gérer le versioning de celui-ci. L’outil est gratuit jusqu’a fin 2016.

Voir Figma

Jpeg.io

outil-webdesign-14

Découvert la semaine dernière et partagé dans les outils pour optimiser le poids des images, Jpeg.io permet de convertir tous les types d’images (jpg,png,gif,psd,svn,bmp etc.) en fichier JPEG optimisé.

Voir Jpeg.io

Facebook GUI iOS10

outil-webdesign-15

Une interface complete de l’iOS 10 créée par les designers de Facebook et disponible sur les différents logiciels de création graphique Sketch, Photoshop et Figma.

Voir Facebook GUI iOS10

Bootstrap 4 Cheat Sheet

outil-webdesign-16

Une énorme feuille de triche en PDF pour vous aider à trouver rapidement toutes les informations nécessaires à l’utilisation des classes et des composants couramment utilisés sur Bootstrap 4.

Voir Bootstrap4 Cheat Sheet

5/5 - (1 vote)

A propos de l'auteur

Fabien

Pin It on Pinterest

Share This