Le problème c'est qu'une fois que le contenu de la page atteint le bas, il passe derrière le footer (étant donné que le contenu en position: absolute est hors du flux d'affichage du document). Ou alors il faut connaître d'avance la hauteur du footer et appliquer une marge équivalente en bas du contenu mais ça perd un peu de son intérêt.
Google a sorti un framework CSS qui permet d'adopter assez facilement le Material Design. Il regroupe pas mal de modules et de styles prédéfinis.
Du coup ça rend à moitié caduc le projet que j'avais initié : https://github.com/kalvn/TinyMaterial
Emuler les pseudo-classes CSS dans IE6-8.
Personnalisation poussée des checkbox SANS Javascript. On peut même obtenir un comportement dynamique rien qu'avec du CSS et le sélecteur :checked.
Un très bon guide - très visuel - sur la propriété CSS3 de positionnement : flexbox. J'ai hâte que l'on puisse l'utiliser sans se soucier du support des navigateurs. Je pense qu'il faudra malheureusement patienter encore quelques années pour ça.
Un tableau HTML responsive en pur CSS et sans dupliquer les infos. Reste à voir le taux de support de l'attribut CSS "content: attr(data-label)".
Je ne connaissais pas la propriété "pointer-events" mais elle peut être bien pratique pour désactiver complètement un élément de l'UI avec "pointer-events: none;".
Bon par contre prudence, il s'agit d'une spécification CSS3 destinée à l'origine aux éléments SVG, et repoussée à CSS4 pour les autres éléments. Donc le support navigateur risque d'être chaotique.
Un framework CSS complet qui implémente les guidelines du Material Design. Il a l'air plutôt complet et reprend pas mal de bonnes choses de Bootstrap. Par contre il intègre beaucoup de plugins javascript ce qui risque d'induire une certaine lourdeur.
Plein de loaders 100% CSS. Ça a l'avantage d'éviter la lourdeur des gif et d'être ultra-fluide. Et bien sûr, ils sont personnalisable avec un peu de CSS.
Une foule de loading indicator à utiliser sur le web. Attention la page est chargée niveau contenu, ça peut prendre du temps.
Le framework CSS utilisé par Github.
Ça ressemble un peu à Bootstrap par endroits mais en grandement simplifié. Il y a notamment une section dédiée aux bonnes pratiques dont la lecture ne peut pas faire de mal.
Mieux comprendre la mise en page Flexbox en CSS. La spec n'est pas tout à fait finalisée mais est plutôt bien supportée. Il faut juste penser à utiliser des outils tels que Autoprefixer pour éviter de s'arracher les cheveux avec les préfixes.
Un outil de postprocessing CSS (pour ajouter des prefixs, factoriser des blocs, merger des fichiers, minifier, etc.).
Mettre une vidéo en arrière plan et avec le même style d'affichage que background-size:cover, c'est à dire que quelle que soit la taille ou le format de l'écran (et donc du viewport), la vidéo prend tout l'écran.
Un superbe outil pour créer un jeu de couleur complet et harmonieux (selon des paramètres à régler) à partir d'une couleur de base que vous choisissez.
Dans le même style, il y a aussi Adobe Kuler : https://kuler.adobe.com/create/color-wheel/
Via : http://www.alsacreations.com/outils/lire/1618-colourcode.html
Outil de formatage de CSS en ligne.
Des unités de taille utilisable en CSS qui sont proportionnelles au Viewport (taille de la fenêtre en gros).
Un générateur de sprites CSS.
Il fournit le PNG, le code HTML et le code CSS.