CSS
Get flash to fully experience Pearltrees
21 outils et générateurs CSS pour développeurs web
Les générateurs et outils CSS sont de plus en plus nombreux sur la toile, et facilitent la tâche des développeurs web en leur faisant gagner un gain de temps considérable, en particulier ceux qui génèrent du CSS3. Voici une liste non exhaustive de 21 ressources CSS à connaître et à tester dès maintenant ! 1.Les 30 sélecteurs CSS à connaître absolument
Vous prétendez maîtriser le CSS et pourtant vous n'utilisez que les sélecteurs de base du genre #mon_id , .ma_classe , #mon_id div li . Remettez-vous en question. Dans ce guide, vous découvrirez enfin les sélecteurs avancés qui vous sont obscurs et pourtant oh, combien Awesome! Des sélecteurs CSS à consommer sans modération. 2. margin : 0 ;
CSS3
border-image in Firefox
For the upcoming Firefox 3.1 release a lot of work has been going into improving its CSS support (specifically, in relation to the CSS 3 specification). One areas that have received solid implementations is that of border-image . This is a new CSS 3 module that makes the exact slicing of images (and their positioning around an element) quite easy. The most obvious use case for them exists in constructing beautiful scalable buttons.
Cross-browser text-shadow With my discovery of almost cross browser text-shadow something kept nagging me: It didn’t work in Firefox. A couple of days ago I went back to my experiments and succeeded in a reasonable looking text-shadow effect in Firefox. What’s more, In some configurations I can even make it look 3D! Rationale Before we delve into the code I want to give you a little insight into how I came up with this text-shadow implementation.
Cross-browser text-shadow • CSS & (X)HTML
Comprendre les couleurs en CSS3
Chrome, Safari, Opera, Firefox 4, Internet Explorer 9 Le CSS3 inclut maintenant dans la norme, la notion de teinte , de saturation et de luminosité ( H ue, S aturation, L uminosity). Le Hue permet de modifier la teinte donc la couleur , c'est une valeur numérique. Par exemple, 0 (ou 360) représente le rouge, 120 le vert et 240 le bleu ; c'est une mesure sur la roue chromatique.
Surfin’ Safari - Blog Archive » CSS3 Gradients
Introduction WebKit paved the way for gradients in CSS by adding support for -webkit-gradient back in early 2008 , and they’ve become widely used since their introduction. Over the past several months, the CSS Working Group has had extended discussions about making the gradient syntax easier to use, and recently Tab Atkins included a proposal in the latest draft of the Image Values and Replaced Content module . WebKit and Mozilla have now implemented this proposal so that web authors can experiment with it, and provide feedback to the Working Group. Note that the proposal is still an editor’s draft, which means that it’s still possible, and even likely to change due to user feedback. The main goal of the new syntax is simplicity; it’s now really easy to code up common gradients, as you’ll see in the examples below.