Marque-ta-page
Sélectionnez une catégorie pour afficher son contenu. Si vous trouvez un lien mort, merci de le signaler.
- CSS
Mammouthland
En français, des astuces CSS bien expliquées. Public visé : les débutants.
Mediabox
Un index documenté et illustré d'exemples des propriétés CSS (une belle base à consulter).
Menus rétractables
Un code mâtiné de javascript, de CSS et de DIV pour créer un menu rétractable multi-niveaux, et ce à partir du code d'une simple liste à puces. Une belle réalisation, légère et propre.
Pompage
Les Anglais sont trop bons ? Pas grave, car ce site traduit les bons articles consacrés aux CSS et à l'accessibilité de la langue de Shakespeare à celle de Molière. A voir : un cours CSS débutant bien fichu.
Rich'in style
Un must, mais in english... Le récapitulatif des bugs CSS et HTML en fonction des navigateurs. De quoi s'arracher les cheveux ! Le tout classé, cela va de soi, selon une échelle de Bill Gates ascendante 
The Layout Reservoir
Quelques habillages combinant DIV & CSS sont proposés en téléchargement sur cette page : de vraies épures, comme j'aime.
Tutoriel : liste avec des puces en images
L'attribut "list-style-image" permet de remplacer les puces des listes par des images. Hélas, le positionnement de ces images n'est pas traité par la plupart des navigateurs, de sorte que le designer a finalement peu d'emprise sur le rendu final. Le mieux est donc d'utiliser des images placées en arrière-plan pour figurer les puces graphiques. Ce tutoriel explique comment faire en décortiquant un code et sa CSS.
Tutoriel : un menu hiérarchique
Parfois, on peut avoir besoin d'ouvrir une barre de navigation ou un menu latéral, pour en dévoiler des sous-sections. Le procédé le plus sémantiquement correct permettant de réaliser cet effet repose sur des listes imbriquées. Ce tutoriel développe pas-à-pas le code et son pendant CSS.
Tutoriel : un menu vertical en rollover
Ce menu vertical agrémenté d'un effet rollover ne repose que sur deux ingrédients combinés : l'attribut CSS "display : block;" et l'état .hover pour générer le rollover.
Tutoriel : un simple menu horizontal avec rollover
Il y a plusieurs méthodes pour fabriquer un menu en liste horizontale. L'ingrédient incontournable reste l'attribut "display: inline" appliqué à la balise <li>.
Yoyo Design
Une Bible : il s'agit de la traduction des recommandations du W3C concernant les CSS2 (disponible en version PDF également).
css/edge d'Eric Meyer
Eric Meyer est un des grands spécialistes des CSS. Ce site est un laboratoire d'expériences, montrant et tentant ce qu'il est possible de réaliser avec les CSS. J'adoooooore particulièrement le "boxpunch" design comme il l'a baptisé.
http://leftjustified.net/site-in-an-hour/
Un tutoriel pas à pas très bien fait (en anglais), pour apprendre à faire une CSS afin d'habiller un site. Parfait pour les débutants qui veulent comprendre ce qu'est exactement "une skin", qui n'est jamais qu'une CSS templatée.
- DIV
ljouanneau.com
Voici un tuto expliquant comment transposer une boîte à coins arrondis dessinée au moyen d'un tableau en une boîte à coins toujours aussi arrondis, mais dessinés grâce à des DIV.
- Del.icio.us
Isabelle (mes signets)
Del.icio.us est un système gratuit de partage et publication de signets en ligne. Chaque utilisateur possède son propre compte, dans lequel il ajoute ses signets en les classant par "tags" (catégories). On peut avoir accès aux signets ajoutés par les autres membres, donc les partager. D'ailleurs, un compteur indique le nombre de membres qui ont bookmarké la même page. Une extension Firefox ajoute également un raccourci au menu contextuel - clic droit de la souris - qui permet de bookmarker en une seconde un signet dans la catégorie de son choix. Brillant !
2 / 3
Saute-Mouton
Le carnet
Garde-robe du site
Dans les cartons
Marque-ta-page
Lexique littéraire
Poste restante
Case départ
Menu
A propos
Site fonctionnant sous GuppY v3.0p4 & iGuppY - CeCILL free Licence - © 2004-2006
Page chargée en 0.27 seconde