Emma 2.0


9 dec 2006

Plein de listes à puces

Trouvé sur le blog Skill Exchange (dont je trouve le design très réussi, soit dit en passant*) : un vers le site css.maxdesign.com.au qui, en plus de proposer de nombreuses façons d'afficher des listes, présente des tutoriels** sur les sélecteurs et les éléments flottants en CSS.

* je me suis prise en flagrant délit de rafraîchir plusieurs fois la page rien que pour voir changer la photo de l'entête...

** le pluriel de tutoriel est tutoriels, et pas tutoriaux. La confusion vient de la similitude avec le mot anglais tutorial (à éviter en français, bien sûr).

8 dec 2006

Rollover sur une image en css

Il existe une méthode simple pour faire un lien sur une image avec un effet de rollover, comme ceci : contact Il suffit d'une image et de quelques lignes de CSS mais la solution la plus couramment employée n'est pas sans poser quelques problèmes d'accessibilité.

Lire la suite

11 nov 2006

La couleur sur le web : palettes et outils

  • Color Palette Generator est un site qui permet d'extraire les principales couleurs d'une photos. Intéressant pour faire les couleurs d'un site à partir des couleurs d'une photo qu'on mettra en fond de page ou dans l'entête. A noter que l'outil propose deux versions des couleurs, une palette vive et une palette plus terne. L'image doit déjà être en ligne (il faut donner son URL) et on ne peut pas télécharger de photo à analyser. C'est un peu dommage.
  • Sur le même site www.degraeve.com, on trouve d'autres outils intéressants : Crop Your Image (pour redimensionner ses images en ligne), Img2txt (pour faire une image dans le style ASCII-art), la table des caractères ASCII, des caractères spéciaux et des caractères spéciaux dans les URL.

9 nov 2006

Récupérer une vidéo streamée

Utiliser le logiciel Net Transport, donc le mode d'emploi est détaillé sur le forum hardware.fr.

8 nov 2006

Bulle d'info en CSS

Ce tutoriel de nubiumgraphik.com explique comment afficher une bulle d'aide à la manière web 2.0

6 nov 2006

Photoshop : un calque en transparence

Ce tutoriel de forumgraphik.com explique comment faire un calque transparent :

1 nov 2006

Photoshop : un bouton style aqua

Au choix, deux tutoriels pour faire des boutons dans le style Mac :

Photoshop : effet Bokeh & effet Maquette

Ce tutoriel de webdesign-tutoriaux.com explique comment facilement donner l'illusion d'une maquette à partir d'une photo.
Voilà le résultat :