Voici les liens pour les semaines du 14 juillet au 3 août 2014 :

• A Compendium of SVG Information

  « A huge pile of information about SVG. » — Tout est dit.

  http://css-tricks.com/mega-list-svg-information/

• CSS Triggers

  La référence ultime pour savoir comment réagit le navigateur lorsque vous modifiez une propriété CSS.

  http://csstriggers.com/

• Responsive Images: Use Cases and Documented Code Snippets to Get You Started

  4 scénarios et un paquet d'exemples pour comprendre quand et comment utiliser <picture> et <img srcset>.

  http://dev.opera.com/articles/responsive-images/

• StyleStats

  Une librairie Node.js pour obtenir des stats sur votre CSS.

  http://www.stylestats.org/

(Et oui, j'étais en vacances ces dernières semaines, donc pas de blog.)

Voici les liens pour la semaine du 7 au 13 juillet 2014 :

• How to Build Kickass Emails

  Une présentation très complète par Kevin Mandeville, designer chez Litmus.

  Beaucoup de statistiques, d'informations utiles et de bonne pratiques à mettre en place pour réussir vos e-mails.

  https://www.slideshare.net/secret/fX31vwSutN808G

• Web Font Browser Bugs

  Un petit tour d'horizon des bugs liés à l'utilisation des fonts web.

  http://codepen.io/collection/ijEJq/

Voici les liens pour la semaine du 30 juin au 6 juillet 2014 :

• simpl.info

  Des exemples très simples pour comprendre et appliquer les fonctionnalités les plus avancées en HTML, CSS et JavaScript.

  http://www.simpl.info/

• Find Guidelines on the web

  Ce site recense les recommandations des principaux réseaux sociaux et autres entreprises du web (Facebook, Twitter, LinkedIn, etc) pour représenter leur marque.

  http://findguidelin.es/

• Retinize It

  Un script Photoshop très pratique pour exporter vos images pour les écrans HDPI.

  A partir de vos calques de formes vectorielles ou Smart Objects, le script crée une image augmentée à 200% que vous n'avez plus qu'à appeler dans une media query adaptée.

  http://retinize.it/

Voici les liens pour la semaine du 23 au 29 juin 2014 :

• CSS Shrink

  Un script pour minifier votre CSS qui fait un peu plus que supprimer les espaces.

  http://cssshrink.com/

• Chrome 38 Introduces a Responsive Design View

  J'aime beaucoup le mode vue adaptative de Firefox et je m'étonnais de ne pas voir d'équivalence sur Chrome.

  Ce sera réglé à partir de la version 38 du navigateur !

  http://etoxin.net/blog/2014/06/25/chrome-38-introduces-a-responsive-design-view/

Voici les liens pour la semaine du 16 au 22 juin 2014 :

• Critical Path CSS Generator

  Les ressources CSS externes bloquent le rendu de la page le temps d'être téléchargées. Pour accélérer l'affichage du contenu de votre page, une des solutions est d'extraire le contenu CSS dit « critique ».

  Ce n'est pas une mince affaire quand votre fichier CSS fait plusieurs milliers de lignes. Ce script peut réaliser ce travail pour vous !

  http://jonassebastianohlsson.com/criticalpathcssgenerator/

• Call to idea

  Pleins d'idées pour réaliser des composants d'UI, classées par catégories.

  http://calltoidea.com/

• CSS Naming Conventions: Less Rules, more Fun

  Un article sur les conventions de nommage en CSS. Un de plus ? Oui et non.

  Sans prendre parti pour BEM, SMACSS ou autres, l'idée est de réduire un peu le nombre de règles pour donner plus de flexibilité.

  https://medium.com/@drublic/css-naming-conventions-less-rules-more-fun-12af220e949b

Voici les liens pour la semaine du 9 au 15 juin 2014 :

• bounce.js

  Un outil interactif pour créer facilement des animations en CSS. Tout est dit.

  http://bouncejs.com/

• Outdate Browser

  Ce script détecte si un navigateur obsolète est utilisé et conseille à l'utlisateur une mise à jour, au choix parmis les 5 grands navigateurs.

  Le design est pour une fois très plaisant!

  http://outdatedbrowser.com/

• A Single Div

  Un projet de dessin assez particulier : toutes les oeuvres sont réalisées en CSS avec une seule div.

  http://lynnandtonic.github.io/a-single-div/

• CSS Gradients with background-blend-mode

  Des exemples de fond en dégradé utilisant la propriété background-blend-mode.

  A noter que cette propriété n'est supportée que sur les dernières versions de Firefox, Chrome et Opéra.

  http://bennettfeely.com/gradients/