Un comparatif assez bien foutu entre Bootstrap et MDL (Material Design Lite, le framework CSS de Google qui a pour vocation de faciliter la mise en place d'interfaces utilisant le Material Design).
L'article est ici : http://tutorialzine.com/2015/07/comparing-bootstrap-with-mdl/
Un framework CSS qui offre un système de Grid basé sur flexbox.
Ça a l'air vraiment prometteur : simple, efficace et complet.
Après, comme toujours avec flexbox, il faut envisager de se couper des vieux navigateurs.
Un framework CSS pour générer des emails qui s'affichent correctement sur tout type de clients. Ça gère aussi le côté responsive.
Styliser l’élément HTML slider.
Un nouveau framework CSS basé sur flexbox. Pas certain qu'un framework soit réellement nécessaire lorsqu'on fait fi des browsers qui ne supportent pas flexbox, cela dit.
Un très bon article sur des conventions de nommage à adopter pour CSS/SASS. Cette convention emprunte quelques principes à SMACSS, BEM ou OOCSS tout en restant simple et logique.
Un autre framework CSS. Je n'ai pas testé.
Changer la couleur de surlignage en CSS.
Une petite astuce bonne à savoir sur l'utilisation des attributs data pour styler des éléments selon des conditions, en gardant le JS aussi simple que possible.
Une lib JS + CSS pour faire un carousel responsive.
Les pseudos-éléments dans toute leur splendeur !
Un autre style de menu en flat design très sympa et pratique.
Un beau prototype de menu vertical responsive à plusieurs niveaux.
Comment effectuer des transitions sur les ombres proprement et avec de bonnes perfs.
Autre lien : https://lehollandaisvolant.net/?id=20170314183516
Le SVG semble être une excellente alternative au GIF lorsqu'il s'agit de formes géométriques pas trop complexes (difficile à faire avec une photo par exemple).
Au niveau du support, il y a malheureusement toujours IE8 qui ne prend pas en compte le SVG ( http://caniuse.com/#feat=svg ).
Mais il y a toujours des moyens de contourner cette absence de support : https://css-tricks.com/svg-fallbacks/
Un bon point à savoir pour récupérer prioritairement les polices depuis l'appareil de l'utilisateur si elles sont déjà installées, avant de décider de les télécharger.
Super intéressant, je ne connaissais pas les spécificités des contextes d'empilement créés par z-index.
Une foulitude de librairies CSS et JS pour créer des animations sexy, histoire de gagner du temps lors du développement de sites modernes.
Certains comme Transit par exemple utilisent la même API que jQuery.animate ce qui permet un fallback sur cette dernière pour les anciens navigateurs qui ne supportent pas les animations CSS.
Un framework CSS bien connu qui offre pas mal d'animations assez sexy. Et comme c'est du CSS, c'est optimisé et fluide sur tous les supports en principe.
Quelques limitations récurrentes du CSS finalement résolues grâce à l'utilisation de flexbox.