Créateur de thèmes WordPress :: Formateur :: Web Designer

Web Designer :: les outils essentiels

Publié le : 

Modifié le : 

Par : 

Voici une sélection des outils que j’utilise le plus au quotidien dans mon activité de Web Designer. Je mettrai à jour régulièrement cet article.

Maj le le 17/08/2013

Compatibilité

Ces deux outils permettent de connaître compatibilité CSS3 et HTML5 sur tous les navigateurs

Extensions pour Chrome

ColorZilla
Pour extraire et créer des collections de couleurs directement dans le navigateur
Web Developer
Outil très complet pour le développeur Web.
Page Ruler
Outil de mesure directement dans la fenêtre
Superbe capture d’écran : capturer et annoter
Outil de capture d’écran très complet. Il est possible d’annoter, télécharger l’image ou la partager avec un lien provisoire

Code

CSS3

CSS3 Please! The Cross-Browser CSS3 Rule Generator
Un des premiers générateurs CSS3. Tout est regroupé sur une seule page
CSS3 Generator
Générateur thématique
CSS Border Radius Generator
Outil très simple pour calculer les border radius
Button Maker
Outil complet pour générer des boutons CSS3
CSS3 Gradient Generator
Outil dédié pour les dégradés CSS3. IL est possible d’y intégrer le support pour IE (bouuuuu!)

Simulateur

JS Bin – Collaborative JavaScript Debugging
Outil de test de code directement en ligne
CodePen
Plateforme incontournable pour tester le code. On peut apprendre, faire des forks, collaborer…

Design

Couleur

Color Scheme Designer 3
Référence pour chercher une gamme de couleur, la prévisualiser et tout télécharger pour Photophop, le code
CSS Drive: Image to Colors Palette Generator
Outil en ligne pour extraire les couleurs d’une image et les exporter
kuler
De gros changement pour cet outil en ligne d’abord en flash. Une app iPhone existe. Très bien conçue, elle se synchronise avec votre compte kuler en ligne. Un must.

Typos

Google Web Fonts
Typographies en ligne. Les outils pour prévisualiser et comparer des typos sont incroyables. J’ai démarré avec Google Font, il y avait 15 typos. Nous avoisinons maintenant les 650 typos.
Typekit
Typographies en ligne. L’abonnement de base est gratuit. Pour un usage illimité, autour de 45€ / an!

Images

Favicon Generator and Gallery
Générateur de Favicon
FavIcon from Pics
Générateur de Favicon
Ajaxload – Ajax loading gif generator
Générateur de Gif animé pour le chargement. De nombreux modèles sont disponibles
Photo editor online
Éditeur d’images en ligne

4 réponses

  1. […] Voici une liste des mes outils quotidiens pour créer, corriger, améliorer le web design d'un site internet.  […]

  2. […] Voici une liste des mes outils quotidiens pour créer, corriger, améliorer le web design d'un site internet  […]

  3. […] Sélection d'outils essentiels pour optimiser les créations en web design […]

  4. […] Voici une liste des mes outils quotidiens pour créer, corriger, améliorer le web design d'un site internet  […]

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.