CSS
Get flash to fully experience Pearltrees
Persistent Headers
Published by Chris Coyier This is some code to get the header of some content area to stay visible at the top of the screen as you scroll through that content. Then go away when you've scrolled past that relevant section. Couple things to know before we get started:
The “inherit” Value for CSS Properties
In CSS, there are some properties that are naturally inherited from parent to child. This is useful because it prevents needing to define that same property for all children. For example, the font-size property can be set (as it often is) on the <body> element, and virtually every element that is a child of <body> will inherit that font-size setting.Published by Chris Coyier Block level elements are naturally as wide as their parent element. So let's say you put an <h2>in your <body> (and you've used reset CSS so there is no padding on the body) that <h2>is automatically the full width of the browser window. It doesn't need any help. But it's pretty rare (and stupid) these days to set text at the full browser window width (for desktop/laptop size screens). It's just too wide, the line length is too long to be readable.
Full Browser Width Bars
Convertir une image en CSS
Par Korben Si vous pratiquez l'envoi de newsletters dans lesquelles vous avez mis des images, vous avez peut être remarqué que la plupart des webmails et clients mails bloquaient les images. Gmail, Yahoo!, Hotmail, c'est toujours à vous d'autoriser l'affichage des images dans les emails. Et pourtant il existe un moyen de les afficher quand même malgré ce blocage.Sprite Cow helps you get the background-position, width and height of sprites within a spritesheet as a nice bit of copyable css. I personally found it pretty useful and easy to use. There are one or two rather clever tricks happening with Javascript and Canvas to discover the dimensions of images and generate the CSS, they have also shared the code on Github so that others can see under the hood. Requirements: - Demo: http://www.spritecow.com/ License: MIT, GPL License
Create CSS Sprite Images Easily with Sprite Cow
CSS Lint
Bonjour, effectivement, indispensable pour un intégrateur ! by Jun 23
L’ajout des classes CSS pour spécifier la largeur des colonnes dans le code HTML est le lot des frameworks CSS qui proposent un mécanisme pour créer une grille de mise en pages. Pour couronner le tout, la plupart des frameworks ont besoin d’une classe pour la première colonne ( .first pour The Simpler Grid ) ou la dernière colonne ( .last pour Blueprint CSS ) voire pour la première et la dernière colonne ( .alpha et .omega pour 960 Grid System ) pour annuler les marges droites et/ou gauches attribuées par avance aux colonnes. Dans ma liste de plus de 30 frameworks CSS , seul inuit.css s’affranchit de ces classes .first , .last , .alpha ou .omega . Mais c’est au prix d’un décalage global du container ( .grids , en l’occurrence) de la valeur de la gouttière.
Sélecteur CSS de frère adjacent (Dirty Grids Done Dirt Cheap)
Timelines CSS - 7 astuces
Présenter une histoire, une succession d’événements, bref toute une vie et pourquoi pas une navigation, telle est la raison d’être d’une timeline . Découvrez 7 astuces pour réaliser la votre en CSS. Une timeline en CSS permet de se dispenser d’une image, difficilement évolutive dans un site web dynamique.
CSS Tools: Reset CSS
The goal of a reset stylesheet is to reduce browser inconsistencies in things like default line heights, margins and font sizes of headings, and so on. The general reasoning behind this was discussed in a May 2007 post , if you're interested. Reset styles quite often appear in CSS frameworks, and the original "meyerweb reset" found its way into Blueprint , among others. The reset styles given here are intentionally very generic.
10 techniques avancées et secrets de CSS2 - Alsacréations
A l'heure où les anciennes versions d'Internet Explorer disparaissent, il devient plus que temps de s'ouvrir aux secrets d'un langage malheureusement trop peu connu : CSS2, ou plus précisément CSS2.1. De larges parties de CSS2 ont été occultées en raison des faiblesses d'IE6 puis d'IE7. Le marché actuel nous offre enfin la possibilité, au cas par cas, de négliger ces anciennes versions du navigateur de Microsoft.