Smashing Magazine : des CSS plein les yeux

smashingmagazine C’est Noël ! Et pour fêter ce moment dans la joie et la bonne humeur, je partage avec vous un site idéal à consulter entre les huîtres et la bûche pour en apprendre encore plus sur le XHTML et les CSS. Et aussi pour avoir sous les yeux des dizaines de design web qui — si vous n’y prenez garde — risquent de booster votre créativité. A consommer sans modération.

Découvert grâce à l’excellent blog de neo-ma, Smashing Magazine mérite de figurer dans votre liste de liens ou dans votre blogmarks préféré.

Vous découvrirez la crème de la crème en matière de liens vers des galeries de sites sur les CSS tous plus intéressants les uns que les autres, suivie par une liste de 50 designs web classés par ambiance : vibrant designs, dark designs et light designs.

Des sets d’icônes à télécharger librement de même que des liens vers des polices de caractère de qualité à télécharger, une galerie de formulaires CSS

Tous ceci n’est bien évidemment que la partie visible de l’iceberg tant le site est riche de liens et d’exemples.

Joyeuses fêtes à toutes et à tous 🙂

Accessibilité des sites web… et si on faisait notre job ?

accessibilite.png A l’occasion de la Journée internationale des handicapés qui a lieu le dimanche 3 décembre 2006, Monique, du blog webatou, spécialiste des questions et problèmes soulevés par l’accessibilité et la qualité web, propose de diffuser largement le fait que cette année, le thème retenu est l’accessibilité numérique.

Votre palette de couleurs avec Color Palette Generator

color-palette-generator.png Le choix d’une palette de couleur est déterminant dans l’élaboration et la réussite d’une charte graphique. Pour cela, Je m’inspire souvent des couleurs d’une image en les choisissant avec la pipette de Photoshop.

Détourer les cheveux avec Photoshop

Détourage cheveux Photoshop

Le web design est aussi fait de photo, et Photoshop est un logiciel fascinant. Deux bonnes raisons pour vous proposer ce tutoriel qui expose une des techniques que j’utilise pour détourer un personnage en vue de le placer sur un autre fond. J’ai souvent obtenu de bons résultats en utilisant les outils Plume, Lasso, Masque de fusion et Pinceau. Le filtre Flou gaussien, toujours vaillant, sera de la partie pour ajouter du naturel. Dans le monde des effets spéciaux ça s’appelle du mate painting. Mais restons simple, c’est un photomontage 😉

Concevoir un site pour un public jeune

On vous a chargé de concevoir un site pour un public jeune ? Alors n’oubliez pas ces quelques remarques traduites librement par mes soins d’après l’article de Daniel Terdiman qui a décortiqué sur Wired une étude de Jakob Nielsen concernant le comportement en ligne des 13 – 17 ans. Par exemple, si vous concevez un site web pour les ados, évitez les textes trop petits. Non que les jeunes aient une mauvaise vue, mais considérez-les plutôt avachis en arrière sur leur chaise pendant qu’ils surfent…

Avec Color Blender, Eric Meyer ne me quitte plus ;)

En plus de ses bouquins, Eric Meyer, un maitre ès CSS, a eu la bonne idée de mettre des outils à la disposition des webmasters sur son site web. Color Blender permet de déduire les couleurs intermédiaires à partir d’une couleur de départ et une couleur d’arrivée. Je vous propose une traduction (approximative) du mode d’emploi :

  • Choisissez un format de couleur (hex, rgb, rgb%), entrez deux couleurs dans le format voulu, et indiquez le nombre de couleurs intermédiaires que vous désirez. Cliquez sur Blend et le résultat apparait plus bas.
  • Toutes les valeurs sont arrondies au nombre entier le plus proche.
  • Vous pouvez cliquer sur un carré de couleur de la palette des couleurs à droite pour remplir le champ qui a le focus, avec la valeur appropriée.
  • Passer d’un format à un autre aura pour effet de traduire toutes les valeurs déjà en place.
  • Le bouton Clear efface toutes les valeurs et les couleurs, mais ne change pas la valeur du format de couleur en cours.
  • Si vous voulez utiliser Color Blender offline, enregistrez la page sur votre disque dur.

Attention, utiliser Color Blender une fois, c’est l’utiliser toujours !

MAJ du 24/11/06 : colorblender.com propose à peu près les mêmes fonctionnalités.

Worth1000 – le paradis pour Photoshop ?

Si vous êtes un adepte de Photoshop, venez vous mesurer aux meilleurs sur Worth1000 ! Ce site communautaire organise des concours Photoshop pour les niveaux débutant ou avancé : vous trouverez forcément un concours où briller – ou pas !