Ressources utiles pour les webmestres

Publié le 31 mars 2011 sur www.affluences.ca

Dernièrement il y a eu beaucoup d’action dans le monde du web. L’arrivée d’HTML 5 (maintenant appelé simplement HTML), CSS3, IE9, Firefox 4, Chrome, Apple, etc., nous offrent une panoplie de nouvelles technologies à utiliser. Voici simplement une compilation de liens utiles qui vous sont sûrement méconnus.

Outils

MarkUp : Permet de dessiner sur n’importe quelle page, de la sauvegarder et de la partager avec un lien en quelques instants. Très utile pour envoyer des explications par courriel.

CSSPrefixer : Ajoute les préfixes propriétaires des navigateurs à votre code standard CSS 3. Vous pouvez donc programmer conformément au standard CSS 3 sans vous soucier de chaque navigateur !

Modernizr : Une bibliothèque javascript pour détecter le support des technologies HTML de votre visiteur. Permet par exemple d’utiliser le tag <video> si elle est disponible ou sinon d’afficher le vidéo en flash.

Google Web Fonts : Utilisez facilement des polices spéciales sur votre site. J’imagine déjà tous les clients enragés de folie nous poursuivre avec des fourches pour nous faire remplacer la police de leur site par Comic Sans MS.

Font Squirrel : Vous permet d’utiliser n’importe quelle police sur votre site (oubliez IE 6 et 7).

Color Scheme Designer : Permet de définir facilement des palettes de couleurs à utiliser sur votre site ou de trouver des couleurs compatibles avec les vôtres.

MobiReady : Permet de tester votre site web sur les téléphones mobiles.

Testeur d’expression régulière (REGEX) PHP et JavaScript : Des heures de souffrance abyssale en moins…

YUI Compression : Un compresseur de CSS et de Javascript créé par Yahoo. Très utile pour réduire la taille de vos pages et protéger votre travail.

Apprentissage

WebMonkey.com : Une excellente source de nouvelles pour les webmestres. Une propriété de Wired Magazine, ma revue favorite.

HTML 5 for web developpers : Une version des standards HTML 5 conçue pour les développeurs. Beaucoup plus facile à lire que la version pour les concepteurs de navigateurs.

CSS Zen Gardern : La même page HTML avec des feuilles de style (CSS) différentes. Voyez la puissance du CSS.