Archives mensuelles :

décembre 2008

30 menus de navigation en CSS pour votre site web

styledmenus propose une trentaine de menus de navigation compatibles avec les navigateurs IE6, IE7, Firefox, Opera, Safari, Chrome et conformes aux recommandations du W3C.

Le téléchargement de ces menus est gratuit ; toutefois, vous pouvez acheter les fichiers originaux au format *.psd* si vous voulez personnaliser davantage vos menus selon votre charte graphique.

Merci Thierry 😉

Microscopicons, les plus petites icônes du web

Les Microscopicons sont des icônes microscopiques de 2 pixels de côtés. Pourquoi utiliser ces petites icônes ? Les icônes traditionnelles sont trop grandes et gaspillent la bande passante. Par ailleurs, les Microscopicons prennent moins de place dans la mise en page.

Dummes Zeug

Welcome to WordPress. This is your first post. Edit or delete it, then start blogging! Bon, ben, si tu le dis…

D’après Wikipedia, le zeugme (ou zeugma) est une figure de style qui consiste à faire dépendre d’un même mot deux termes qui n’ont rien à voir. Dans la plupart des cas il s’agit d’un verbe suivi de deux compléments d’objet. Le zeugme vise un effet humoristique voire ironique, proche de la syllepse de sens, de la concaténation et de l’anacoluthe.

D’après les dictionnaires franco-allemand, Zeug signifie truc, machin, équipement, matériel, etc.  C’est l’équivalent de thing en Anglais. Bref, le terme idéal pour un blog. J’en ai profité pour rapatrier quelques billets à tendance littéraire qui prenaient la poussière quelque part sur la toile. 

Sur ce,  je pars chercher une bière et bonheur. Tchuss !

Styler vos champs de formulaires de recherche avec CSS

Ce tutoriel pour styler les champs input de vos formulaires de recherche vous permettra d’offrir à vos visiteurs un formulaire design au lieu du traditionnel — mais efficace — champ *input type=text* blanc avec contour.

L’auteur utilise un *button* à la place du *input type= »submit »* pour éviter les problèmes d’alignement afin d’utiliser une seule image pour le champ *input* et le *button*. Ce qui permet de gérer facilement les différents état *:focus* ou *:hover* avec *background-position*.

PS : En cas de problème avec l’utilisation de l’élément button, jettez un oeil sur ce fil de discussion paru sur le forum Alsacréations.