ColorZilla Apprendre à utiliser Font Awesome Il existe une extension à BOOTSTRAP Twitter qui permet d'ajouter d'autres glyphicons. Font Awesome Font awseome propose d'intégrer à votre blibliothèque plus de 369 icones. Pour télécharger cette extension: Cliquez ici Icones dynamiques Avec Font awesome vous pouvez rendre vos icones dynamiques: Exemple: Code: Rotation et inversion des icones Pour inverser une icone ou executer une rotation utilisez la classe fa-rotate-* et fa-flip-* : normal fa-rotate-90 fa-rotate-180 fa-rotate-270 fa-flip-horizontal icon-flip-vertical Encadrement icones Il est possible d'ajouter divers encadrements aux icones:
CSS3 Transitions, Transforms and Animation Tutorial Fichiers PSD Gratuits à télécharger sur Tous les PSD Animated Background Headers | Demo 1 Connect Three Previous Demo Back to the Codrops Article Animated Background Headers Examples for creative website header animations using Canvas and JavaScript If you enjoyed this demo you might also like: On Scroll Header Effects Inspiration for Article Intro Effects Image credits: ESO/VISTA/J. Fontface Ninja FRAMEWORKS CSS vs bootstrap - AntheDesign Il n'y a pas que Bootstrap dans la vie ! Connu de tous, le framework CSS créé par deux petits gars de chez twitter, bootstrap, a su, en seulement quelques mois après son apparition en Aout 2011, s’imposer comme la référence du genre. Bien qu’il reste à ce jour le plus utilisé et souvent le plus conseillé lorsque l’on débute dans le domaine du web, il est loin d’être le seul et unique framework front-end présentant de sérieux atouts pour simplifier nos mises en pages css. Trois catégories de frameworks css La quantité impressionnante de frameworks aujourd’hui disponibles sur la toile étant, j’ai décidé de vous présenter une sélection personnelle répartie en 3 catégories: Les concurrents directs à bootstrapLes “material design”Les minimalistes Je vous inviterai également à proposer ceux que vous utilisez ou tout simplement que vous souhaiteriez conseiller. Parmi ces concurrents directs à bootstrap nous retrouvons essentiellement deux grands noms : Gumby Foundation Material Design Light Materialize
Browser CSS hacks I don’t use CSS hacks anymore. Instead I use IE’s conditional comments to apply classes to the body tag. Nonetheless, I wanted to document every browser-specific css selector and style attribute hack I’ve seen. Plus there’s no way to provide stylesheets to only Safari, I believe. With these you’ll be able to better target IE, Firefox, Chrome, Safari and Opera from within the css. So here are go: Comprehensive List of Browser-Specific CSS Hacks If you’d like to take a gander by yourself: Test page with all these hacks present. View the test page at browsershots.org (Thx to Webdevout, Evotech, and Jeffrey, porneL, and commenters.) I should point out I’m not including weird hacks like the voice-family ones or anything particularly ugly. Somewhat related… Here are the most concise browser sniffs I’ve seen. Update 2009.06.03 - I added the suggestions left on Ajaxian and in the comments and updated the browser versions to consider Safari 4, IE 8, and Chrome 2. Update 2010.01.24 - Added prop: value!
Design Chair: Design Resources and Tutorials