Même si tous les navigateurs ne prennent pas en charge les spécifications CSS3, il est intéressant de se pencher dessus, d’autant plus de que nombreux générateurs en ligne sont là pour adoucir la courbe d’apprentissage. Au menu : des générateurs de propriétés CSS3 comme border-radius, gradient, box-shadow, text-shadow, RGBa, @font-face, Multiple Columns, etc. ; des effets de texte et une palanquée de ressources complémentaires.
Générateurs de CSS3
- CSS3 Gradient Generator — Faire un joli dégradé n’est pas si facile et la simplicité de l’outil ne pourra rien sans un minimum de goût. Maintenant que vous êtes prévenu, vous pouvez changer la direction de votre dégradés, les couleurs et le seuil pour déterminer la position et l’intensité de l’effet de fondu entre les deux couleurs. Dans le doute, il est possible de générer un dégradé aléatoire pour se faire une idées des possibilités,
- CSS3 Generator — Ce générateur de CSS3 interactif est idéal pour faire entrer votre site web dans la modernité : border-radius, box-shadow, text-shadow, RGBa, @font-face, Multiple Columns, box-resize, box-sizing, outline,
- Border Radius — Générateur de coins arrondis,
- css3please — Une générateur de CSS3 cross-browser,
- CSS3 Sandbox — des outils à la pointe de la technologie, parce que vous le valez bien ! (CSS3n HTML5),
- Font-Face Kit Generator,
- Border Image Generator,
- Cross Browser CSS3 Rule Generator.
Miscellanées
- IE-CSS3 — Ce composant .htc vous permettra d’utiliser certaines propriétés CSS3 dans Internet Explorer 6, 7 et 8, comme border-radius, box-shadow et text-shadow :
behavior: url(ie-css3.htc);
- @font-face Browser Support — Le point sur la prise ne charge de la propriété `@font-face` qui permet d’embarquer n’importe quelle police de caractère dans votre page web. Via Simple Entrepreneur.
- 15 CSS3 navigation and menu — 15 tutoriels et techniques pour faire des menus de navigation en CSS3 via creamama.
- Drop Shadow — des ombres portées sans images, sans CSS3. Cette technique utilise pratiquement autant de balises div imbriquées que les techniques utilisant des images de fond.
- 350 CSS3 Resources — 350 ressources à connaitre pour devenir un expert en CSS3. Via conseilsmkg.
- CSS3 les effets de texte — Effets de texte avec CSS3.
- Improve Your CSS Skills With Pure CSS UI Components — Pourquoi utiliser Javascript alors que CSS se débrouille comme un grand !
- 35 Essential Submit Button Enhancements — 35 possibilités d’amélioration pour les boutons Submit.
- Internet et le droit d’auteur — Le dossier porte sur l’actualité des droits d’auteur et ses applications sur internet. Il a été réalisé à l’occasion d’une séance de formation qui s’est tenue au CDDP le 28 janvier 2009. Via Lettres Tice.
- CSS Tools Generators Automate Workflow — Automatiser votre flux de production avec des outils en ligne pour gérer vos CSS.
- html5test — Faites le test pour savoir dans quelle mesure votre navigateur prend en charge les spécifications HTML 5 !
Merci pour ces liens !
Pour information le box-shadow a été abandonné par le CSSWG il y a quelques semaines.
À mon avis il faut éviter de l’utiliser tant qu’une notation n’a pas été standardisée.
@Kaelig — Je ne savais pas pour box-shadow. Tu as un lien sous la main ?
http://www.w3.org/blog/CSS/2009/10/01/resolutions_79
Voila un nouveau générateur assez sympa 🙂
http://css3generateur.fr/
Perso je l’utilise pas mal !
Le lien ci-dessus est un gros ripoff de http://css3maker.com/
C’est honteux.