extractCSS is an online tool which can extract ids, classes and inline styles from HTML document and output them as CSS stylesheet. All you have to do is to type or paste your HTML document and let extractCSS to do the rest for you!
Archives pour la catégorie CSS
CSS Image Sprite with Compass
CSS Image Sprite is a method of combining several images into one image file to reduce HTTP requests and optimize web load performance. There are many ways and handy tools to do this, or else you can also do it traditionally with Photoshop.
the Last Horizontal Menu Item in CMS Made Simple CMSMS
Update Your StyleSheetNow you can turn off the border or whatever you’d like on the last menu item through your StyleSheet.#menu li#last { border: none; }
viaEdward Robirds | The Last Horizontal Menu Item in CMS Made Simple CMSMS.
> pas de bordure droite après le dernier élément d’un menu. I ncroyagble d’élégance et de simplciité !
CSS Almanac | CSS-Tricks
A Reference GuideCSS Almanac
Templates HTML-CSS simples
Très bon point de départ pour créer des templates CSS
Tous les gabarits
Gabarits sur une colonne
*
Gabarit 01
Largeur fluide,
contenu sur toute la largeur,
en-tête, contenu et pied de page.
*
Gabarit 02
Conteneur global aligné à gauche,
largeur fixe 750px,
en-tête, contenu et pied de page.
Variante: conteneur global aligné à droite
*
Gabarit 03
Largeur fixe 750px,
conteneur global centré,
avec hauteur minimale de 100% de la fenêtre du navigateur.
Gabarits sur deux colonnes
*
Gabarit 04
Minimaliste,
menu vertical à gauche,
largeur fluide.
Variante: menu placé à droite.
*
Gabarit 05
Menu vertical à gauche,
simulation de colonnes de même hauteur,
largeur fluide
*
Gabarit 06
Menu vertical à gauche,
simulation de colonnes de même hauteur grâce à la technique des colonnes factices,
largeur fluide «intelligente».
*
Gabarit 07
En-tête, corps et pied de page séparés,
menu vertical à gauche,
colonnes factices,
largeur fixe 750px
*
Gabarit 08
Menu de navigation horizontal,
colonnes factices,
largeur fixe 900px
Gabarits sur trois colonnes
*
Gabarit 09
Minimaliste,
largeur fluide,
colonnes latérales positionnées en absolu
*
Gabarit 10
largeur fixe 900px,
colonnes factices,
colonnes latérales positionnées en float
*
Gabarit 11
largeur fluide «intelligente»,
colonnes factices,
colonnes latérales positionnées en float
CSS Menus Templates at webshapes.org
CSS Menus Templates at webshapes.org
Color tool for web designer – Coloreminder
Quelles couleurs pour mon site ?
Coloreminder is a color tool for web designer.It helps them to find colors easily and inspiration.
Une feuille de style pour l’impression
Orientation et marges
Pour tout le contenu
* pour spécifier une orientation Portrait, utilisez la règle : @page { size: portrait; } ;
* pour spécifier une orientation Paysage, utilisez la règle : @page { size: landscape; } ;
* pour spécifier la taille des marges (ici, 2cm), utilisez la règle : @page { margin: 2cm; } ;
via Une feuille de style pour l’impression – Openweb.eu.org.
7 outils pour tester son site dans différents navigateurs
7 Fresh and Simple Ways to Test Cross-Browser Compatibility | FreelanceFolder.
Mon préféré restant http://browsershots.org/ => on soumet l’URL, les navigateurs et il renvoie les copies d’écran en ligne ou en téléchargement (8 à la fois par « salve »).
Margin et padding | Tutoriel CSS
Margin et padding – Leçon 10 | Tutoriel CSS | HTML.net.
Cette fois je me souviendrai que l’ordre est : top right bottom left, l’ordre des aiguilles d’une montre, quoi !