Web Designer :: les outils essentiels

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

Navigateurs

Compatibilité

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

• HTML5 & CSS3 Support
• Can I use… Support tables for HTML5, CSS3, etc

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