Outils de la semaine pour les web designers N°16

Il est important de s’entourer d’outils au quotidien pour rester productif, curieux et performant. Voici mes découvertes durant ma veille des dernières semaines.

Vous trouverez ci-dessous des outils pour apprendre à coder directement sur votre téléphone, retrouverez des sources d’inspiration, des mockups, des palettes de couleurs ou bien encore un module pour vous éviter de perdre votre temps sur les sites insolites pendant vos heures de travail. Au menu, 22 outils pour vous faciliter la vie.

N’hésitez pas à partager l’article avec vos amis et à nous suivre sur les réseaux sociaux.

Bonne lecture !

Marmoset

marmoset

Marmoset est une application que vous pouvez installer sur Google Chrome qui vous permet de capturer en image un bout de code et de le mettre en perspective. Vous trouverez différents effets, des couleurs et des formes pour créer des images d’illustrations avec votre code.

Découvrir

Recast

recast

Recast est un éditeur de bots en mode collaboratif. Créez alors un robot conversationnel simplement et rapidement avec la force de toute la communauté.

Découvrir

Image Charts

image-charts

Avec cet outil, vous allez pouvoir partager facilement et rapidement des graphiques animés, un gif dans un e-mail et est compatible avec Google Charts API.

Découvrir

Gameboy

gameboy

Vous avez la nostalgie de la GameBoy ? Vous pouvez transformer n’importe quel image en version GameBoy grâce à un site dédié. Cool non ?

Découvrir

Gutenberg

gutenberg

Gutenberg est le guide idéal pour imprimer correctement vos documents. Incorporez le fichier Gutenberg.css et le tour est joué !

Découvrir

Audi R8 à 40$ pour des photos incroyables

audi-r8

Le photographe Felix Hernandez Rodriguez a réalisé un shooting de la nouvelle Audi R8. Il a utilisé un modèle miniature et a réalisé les effets, la lumière et le décor sans utiliser Photoshop.

Découvrir

Guide style Photoshop

guide-style-photoshop

Stéphanie Walter partage un document complet à destination des consignes à suivre en matière de Web Design. Au programme, accessibilité et couleurs, typographie, boutons et formulaires ou encore alignements des images.

Découvrir

Smart Mockups

smart-mockups

Accédez à de nombreux mockups pour vos intégrations et présentations. Chaque fichier est de qualité et dispose d’un arrière-plan interchangeable.

Découvrir

Mimo

mimo

Mimo vous aidera à apprendre le code sous toutes ses formes directement sur votre mobile. Rapide, pratique, découvrez des techniques dans le train, le bus ou en attendant un rendez-vous.

Découvrir

Little Plane

little-plane-app

Parcourez un catalogue de ressources de wireframe et de l’expérience utilisateur. Retrouvez ainsi des modèles de module de paiement, d’inscription ou de menus.

Découvrir

Website Downloader

website-downloader

Entrez simplement l’URL d’un site web et obtenez tous les fichiers source ainsi que les images dans un dossier zip.

Découvrir

Simpla

simpla

Avec Simpla, vous allez pouvoir créer simplement et rapidement une page web avec tous les outils à disposition sans passer par un CMS.

Découvrir

Wing

wing

Wing est un framework CSS minimaliste léger et mobile friendly. Très simple à utiliser, il est open source et supporte les principaux navigateurs (Chrome, IE 10+, Firefox, Opera, Safari et Edge).

Découvrir

Plottable

plottable

Créez des graphiques clairs et précis avec cet outil complet et simple. Accédez à tous les éléments nécessaires (menu, légendes, axes, etc.) et mélangez le tout !

Découvrir

Hero Patterns

hero-patterns

Vous n’avez pas d’idée pour votre arrière-plan ? Pas de panique ! Voici un catalogue de fichiers SVG que vous pourrez répéter à l’infini.

Découvrir

Bottr

bottr

Mettez au point un robot conversationnel de manière simple avec un outil complet et performant. C’est un framework node.js qui vous facilitera la vie au quotidien.

Découvrir

Lookbook

lookbook

Voici un template de lookbook complet réalisé sous InDesign. Retrouvez 26 fichiers pour créer votre book sur mesure.

Découvrir

Open guide Amazon

open-guide-amazon

Voici à votre disposition un Open Guide sur les activités et le fonctionnement d’Amazon Web Services.

Découvrir

Materialette

materialette

Avec Materialette, vous allez pouvoir utiliser une palette de couleurs entièrement dédiée au Material Design. Un outil compatible avec les versions MacOS 10.9 et supérieures, Windows 7 et plus et Linux.

Découvrir

Sketch Viewer

sketch-viewer

Sketch Viewer permet à l’utilisateur de visionner et de partager facilement des fichiers Sketch sur le web. Avez un simple glisser-déposer, vous pourrez voir le résultat attendu.

Découvrir

DistractOff

distractoff

DistractOff vous aidera à travailler. Il bloquera l’accès aux sites de distraction comme les réseaux sociaux ou autres. Indiquez vos périodes de travail pour qu’il soit actif au bon moment !

Découvrir

Perruques baroques en papier

perruques-baroques

Asya Kozina a imaginé des perruques en papier pour un style baroque loufoque. Une source d’inspiration exquise et élégante que vous pourriez intégrer à vos travaux.

Découvrir

Rate this post

A propos de l'auteur

Fabien

Pin It on Pinterest

Share This