Voici les liens pour la semaine du 17 au 23 mars 2014 :

• L'intégration d'e-mails

  HTeuMeuLeu, l'un des intégrateurs/blogueurs les plus connus de la twittosphère, a ouvert un nouveau blog pour parler de l'intégration des e-mails.

  C'est une très bonne initiative de mettre en avant cette discipline souvent oubliée voire dénigrée et qui mérite pourtant beaucoup d'attention. Que ce soit pour ses limitations et ses bugs très spécifiques ou pour l'importance capitale que peuvent avoir les e-mails dans certains projets.

  S'il continue à traiter les problèmes spécifiques aux webmails français, ce blog peut devenir une référence indispensable en plus des Campaign Monitor et autres Email on Acid.

  http://emails.hteumeuleu.fr/

• CSS Diner

  Un jeu assez amusant pour réviser ou enrichir ses connaissances sur les sélecteurs CSS les plus simples jusqu'aux plus avancés.

  L'intéractivité et le design sont au rendez-vous, ce qui ne gâche rien.

  http://flukeout.github.io/

• Sublime Text power user

  Si comme moi vous utilisez l'éditeur Sublime Text, voici une présentation du canadien Wes Bos qui vous en apprendra sûrement beaucoup pour optimiser l'utilisation du logiciel au quotidien.

  http://wesbos.github.io/Sublime-Text-Power-User-Talk/

• Profiling CSS for fun and profit

  Cet article est assez ancien, mais on y retrouve quelques conseils intéressants pour améliorer la performance de vos feuilles de style.

  http://perfectionkills.com/profiling-css-for-fun-and-profit-optimization-notes/

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

• Device-Agnostic

  Une réflexion très intéressante de Trent Walton sur l'approche à adopter pour la réalisation de sites Internet à l'heure du responsive.

  L'objectif étant de réaliser des sites « device-agnostic » — des sites optimisés en toutes situations, indépendamment de la configuration de l'utilisateur.

  Au delà de la gestion des différents breakpoints, Walton explique que les sites devraient être conçus pour affronter de base les difficultés suivantes : les navigateurs récalcitrants, les petits écrans, les mauvaises connexions Internet et les environnement tactiles.

  http://trentwalton.com/2014/03/10/device-agnostic/

• Les Pourquoi(s) du Design

  Ce site répond de manière cathartique aux questions un peu bête auxquelles sont très souvent confrontés les designers/graphistes/DA/etc&hellips;

  Si les réponses ne sont pas très utiles si vous êtes dans le métier, elles peuvent vous éviter une énième explication au chef de projet ou au commercial qui ne comprend pas pourquoi vous avez utilisé du vert et pas du bleu.

  http://lespourquoisdudesign.com/

• Improving the CSS performance of fixed position elements

  Petite astuce qui ne mange pas de pain pour améliorer la performance et le rendu des éléments utilisant position:fixed

  http://benfrain.com/improving-css-performance-fixed-position-elements/

• Easing Functions - Guide de référence

  Un rappel toujours utile des fonctions d'easing pour déterminer la vitesse d'exécution d'une animation.

  http://easings.net/fr

Voici les liens pour la semaine du 3 au 9 mars 2014 :

• Conditioner.js

  Conditioner est un script basé sur RequireJS qui permet de charger ou annuler des comportements JavaScript en fonction de l'environnement.

  Certains scripts offrent déjà la possibilité de charger conditionnellement du JavaScript en fonction des media queries, comme l'excellent Enquire.js, mais Conditioner va un peu plus loin.
  On retrouve en effet une condition liée à la taille de la fenêtre, mais aussi à la taille d'un élément ou la présence ou non d'un curseur (pour détecter les environnements touch).

  http://conditionerjs.com/

• Infinite scroll search-friendly recommendations

  Le blog « Google Webmaster Central Blog » nous détaille le fonctionnement recommandé pour obtenir un système d'Infinite Scroll compatible avec Google.

  http://googlewebmastercentral.blogspot.jp/2014/02/infinite-scroll-search-friendly.html

Voici les liens pour la semaine du 24 février au 2 mars 2014 :

• css-perf

  J'ai senti un petit retour de hype sur la performance des sélecteurs CSS cette semaine (ici par exemple).

  Sans rentrer dans le débat sur l'utilité et la fiabilité de ce genre de tests, je retiendrais tout de même ceux de Mark Otto (créateur de Bootstrap et designer chez GitHub) qui ont le mérite de proposer des réponses à certaines questions récurrentes. (Je pense notamment aux sélecteurs attributs vs classes.)

  https://github.com/mdo/css-perf

• Type-finder

  Un questionnaire en ligne pour faciliter le choix de la « bonne police ».

  Le principe est assez simpliste mais ça reste intéressant

  http://www.type-finder.com/

• Don’t drown in email! How to use Gmail more efficiently.

  Andreas Klinger proposer une méthode très simple à mettre en place pour optimiser l'utilisation de votre boite mail Gmail.

  L'objectif étant de ne pas être submergé par les e-mails et de retrouver facilement ceux qui sont à traiter en priorité — le tout avec les fonctionnalités natives de Gmail.
  Après une semaine d'utilisation, je trouve que cette méthode porte ces fruits.

  http://klinger.io/post/71640845938/dont-drown-in-email-how-to-use-gmail-more

Voici les liens pour la semaine du 17 au 23 février 2014 :

• PNG Hat

  Chez Source, ils aiment bien faciliter la vie des développeurs.
  Déjà auteurs de l'excellent CSS Hat, ils récidivent avec PNG Hat, un plugin Photoshop pour améliorer l'export des images.

  Le plugin semble intéressant, mais le prix peut paraitre élevé, surtout sans la possibilité de tester au préalable.

  http://pnghat.madebysource.com/

• Mobile Menu AB Tested: Hamburger Not the Best Choice?

  Le « burger icon », surnom donné aux 3 petites bandes horizontales qui indiquent la présence d'un menu masqué, est devenu une référence soit-disant universelle — sur les sites mobiles tout d'abord, mais cela commence à apparaitre sur les versions de bureau aussi — sans trop que l'on sache pourquoi.

  James Foster a mis un en place un simple test A/B pour voir à quel symbole les utilisateurs réagissait le mieux. Et les résultats ne sont pas forcément ceux auxquels on s'attend.

  http://exisweb.net/mobile-menu-abtest

Dorénavant, j'essaierais de faire chaque semaine un récap' des liens intéressants que j'ai pu croiser durant ma veille technologique.

Ça me donnera de la matière pour tenir le blog à jour et ça peut éventuellement être intéressant pour vous :)

Voici la première édition, pour la semaine du 10 au 16 février 2014 :

• Ce que vous avez toujours voulu savoir sur CSS

  Vincent de Oliveira revient sur les petits "mystères" du langage CSS.
  Un article détaillé et très instructif, notamment pour les néophytes, qui permet aussi de rafraichir la mémoire des plus expérimentés.

  http://iamvdo.me/blog/ce-que-vous-avez-toujours-voulu-savoir-sur-css

• Keyframer

  Un outil assez intuitif pour réaliser des animations CSS facilement.

  http://alexberg.in/keyframer/

• wordmark.it

  Ce site vous permet d'afficher un aperçu du texte de votre choix dans toutes les polices disponibles sur votre ordinateur.
  Il est même possible de réaliser une sélection de vos favoris pour faciliter le choix de la meilleure police.

  http://wordmark.it/