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.
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