Spécificité CSS, principes du RWD en gif animé et performance web : les liens de la semaine 46

Voici les liens pour la semaine du 10 au 16 novembre 2014 :

  • CSS Specificity Graph Generator

    Dans un récent article, Harry Roberts a.k.a CSS Wizardry présentait le concept de « Specificity graph » — graphique permettant d'identifier les problèmes de spécificité dans une feuille de style.

    Ce modèle très théorique a été transformé en une application web par Jonas Ohlsson (déjà à l'origine du Critical Path CSS Generator !) et vous pouvez donc analyser en un clic les problèmes éventuels de spécificité dans votre code.

    http://jonassebastianohlsson.com/specificity-graph/

  • 9 basic principles of responsive web design

    Le responsive web design est aujourd'hui réclamé voire imposé sur beaucoup de projets, mais certains de ses principes sont parfois mal compris, notamment par les clients.

    Ici, on utilise le GIF animé pour les expliquer et c'est très ludique !

    http://blog.froont.com/9-basic-principles-of-responsive-web-design/

  • A Guide to Optimising Website & Application Performance

    Un bon résumé des différents points à ne pas négliger pour que votre site ou application soit le plus optimisé possible.

    https://cdnify.com/discover/web-performance-guide