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.
Thèmes et templates de qualitay pour Bootstrap.
Librairie javascript qui ajoute automatiquement les préfixes CSS manquant.
Animer un texte avec CSS3.
Plus de 60 animations disponibles.
Ajout automatique des préfixes CSS en fonction des navigateurs.