Voici le lien pour la semaine du 2 au 8 juin 2014 :

• jQuery Match Height

  Il n'est jamais simple d'obtenir des éléments de hauteurs égales. La difficulté monte d'un cran lorsque la hauteur des éléments change en fonction de la largeur de l'écran.

  Ce script semble être taillé pour résoudre les différentes problématiques et offre même un traitement par ligne.

  http://brm.io/jquery-match-height/

• 8 ways to add visual hierarchy

  8 manières de hiérarchiser le contenu visuellement, avec des exemples clairs.

  https://medium.com/designed-thought/8-ways-to-add-visual-hierarchy-8820be73218a

Voici le lien pour la semaine du 26 mai au 1er juin 2014 :

• CSS and the critical path

  Patrick Hamann est ingénieur côté client pour le futur site du Guardian, un projet responsive en constante évolution.

  Voici les slides de sa conférence sur le critical path, le chemin critique qu'utilise le navigateur pour afficher la page via le DOM et le CSSOM le plus rapidement possible, où l'on retrouve beaucoup de conseils pour améliorer la vitesse de chargement d'un site.

  https://speakerdeck.com/patrickhamann/css-and-the-critical-path-cssconf-may-2014

Voici les liens pour la semaine du 19 au 25 mai 2014 :

• Responsive Images Done Right: A Guide To <picture> And srcset

  Si vous êtes à la ramasse sur la nouvelle balise picture et sur l'attribut srcset qui permettent de gérer des images responsive, c'est le moment de vous y mettre avec cet article !

  Et pour rappel, la nouvelle version de Picturefill est sortie. Ce polyfill vous permettra d'utiliser l'élément picture sans risques d'incompatibilité avec les vieux navigateurs.

  http://www.smashingmagazine.com/2014/05/14/responsive-images-done-right-guide-picture-srcset/

• Oozled - Curated resources for everything design related

  Des ressources pour le web rangées par catégories. Vous pouvez vous abonner aux catégories de votre choix pour créer un flux personnalisé.

  Pratique pour suivre votre discipline de prédilection ou pour vous améliorer dans un domaine que vous ne maîtrisez pas (encore).

  http://oozled.com/

• Fixing Typography Inside of 2-D CSS Transforms

  Voici les différentes méthodes pour régler le problème du texte qui devient « flou » lorsque l'on anime un élément avec la propriété CSS transform.

  http://www.useragentman.com/blog/2014/05/04/fixing-typography-inside-of-2-d-css-transforms/

Voici les liens pour la semaine du 12 au 18 mai 2014 :

• WTF, forms?

  Améliorer proprement le design des éléments de formulaires sans utiliser de JavaScript.

  Ces astuces ne concernent que les input[type="checkbox"], input[type="radio"], input[type="file"] et select, mais c'est probablement ceux qui en ont le plus besoin.

  Et puisqu'on est dans les formulaires, petit rappel utile sur la manière de bien présenter les label.

  http://wtfforms.com/

• How to embed SVG for liquid layout or Responsive Web Design

  Voici une solution très complète pour intégrer les SVG de manière fluide dans vos pages.

  http://soqr.fr/testsvg/embed-svg-liquid-layout-responsive-web-design.php

• Redsgned

  Les redesigns non sollicités d'applications ou de sites peuvent être très intéressants, même si ils ne restent que des fantasmes de designers.

  Voici un site qui compile les meilleurs :

  http://redsgned.com/

Voici les liens pour la semaine du 5 au 11 mai 2014 :

• Leaving pixels behind: a vector worklow for designers

  Une présentation essentielle pour maîtriser la question du SVG.

  https://docs.google.com/presentation/d/1CNQLbqC0krocy_fZrM5fZ-YmQ2JgEADRh3qR6RbOOGk/present

• Why users aren’t clicking your home page carousel

  Les carousels, c'est le mal.

  Malheureusement, il sont très souvent imposés par les clients et donc inévitables. Voici une réflexion intéressante pour améliorer leur impact.

  http://uxmovement.com/navigation/why-users-arent-clicking-your-home-page-carousel/

• 8 tips to become a better front end developer

  Des tâches simples à mettre en place pour s'améliorer en tant que développeur.

  http://ihatetomatoes.net/8-tips-become-better-front-end-developer/

Voici les liens pour la semaine du 28 avril au 4 mai 2014 :

• Responsive vs. adaptive vs. device-specific

  Un PDF qui explique très bien les différences entre ces 3 stratégies pour rendre un site accessible au plus grand nombre.

  http://catalystinc.com/wp-content/uploads/2014/04/Catalyst_POV_responsive-adaptive-device.pdf