50 techniques CSS pour coder plus rapidement
Pour ne pas réinventer la roue nous vous présentons ici 50 techniques CSS pour coder plus rapidement. Vous en connaissez déjà sûrement quelques-unes mais peut être pas toutes.
Techniques CSS
1. Arrière-plan 3D CSS
Le site Silverback nous montre comment utiliser 3 images d’arrière-plan afin de créer l’illusion 3D avec seulement du CSS. pas de documentation mais le code source est plutôt intuitif. [ Wilson Miner]
2. PNG Transparence
Utiliser des images PNG afin d’améliorer le design de vos sites.
3. CSS Server-Side Pre-Processor
5. CSS SiteMap
6. Styliser vos champs input avec du CSS et DOM
7. A Savvy Approach to Copyright Messaging
Ajouter un copyright sur vos images sans les dénaturer.
10. CSS hover
11. Tableau dynamique avec colonnnes comme le tableau de prix Crazy Egg
14. Variables dynamiques CSS
Geoffrey Grosenbach décrit comment intégrer des variables CSS avec « Ruby on Rails ».
17. Menu à étape CSS
Une méthode pour afficher menus à étape.
18. Boutons graphiques CSS | 456 Berea Street
19. Liens textes avec icônes CSS
Identifier la nature des liens textes avec des icones représentatives.
20. Liste ordonnée (Simple PHP et CSS)
Styliser vos listes ordonnées.
21. Menu circulaire CSS
Un beau menu circulaire. Source code et example.
23. Digg-like navigation CSS
Créer un menu navigation style digg-like.
24. 13 Awesome Javascript CSS Menus
13 exemples de menus JavaScript+CSS. Slashdot Menu et Sexy Sliding Menu
25. Tableau de prix CSS
Une solution très intéressante de tableau de prix avec effet sur le clic. Solution similaire : Tablecloth.
26. CSS List Expander
27. Barre d’outils VISTA CSS
La barre d’outils VISTA avec les boutons et effets CSS et (X)HTML.
28. Fondu de bas de page
Un effect de fondu pour le bas de page. Une simple image PNG image en position « fixed bottom » et un z-index élevé.
29. Effet scrollover
Une technique CSS+JavaScript por créer des effets scrollover
31. CSS Liste Boxes
Utiliser une liste non ordonnée pour créer des boxes.
32. Navigation table des matières CSS
33. Affichage sous forme de recette CSS
34. Partial Opacity
35. Simple Round CSS Links (Wii Boutons)
36. Sexy boutons CSS
37. CSS Pull Quotes
38. Drop Shadow CSS
39. CSS Speech Bubbles
Customiser des bulles d’informations en CSS et valid XHTML 1.0 strict.Compatible avec la plupart des navigateurs.
40. CSS Double Liste
41. Perspective CSS
42. Liens Email
Afficher des liens emails automatiquement avec du CSS. CSS Attribute non supporté par Internet Explorer 6 et 7.
43. CSS: Menu Descriptions
Ajouter des descriptions à vos menus.
Further Techniques
44. Transparence CSS pour tous les navigateurs
45. Time Sensitive CSS Switcher
Switcher vos fichiers CSS en fonctions de l’heure du jour.
46. Custom Reading Containers
Ce petit script vous permet de redimensionner n’importe quel containeur.
47. Eric Meyer’s CSS Reset
48. PNG Overlay
49. Transformer une liste non-ordonnée en Arbre
50. Images redimensionnables avec CSS
Voici donc une liste non-exhaustive, n’hésitez pas à la compléter.
Loading ...