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

• Démonstrations techniques des concepts front-end

  Les concepts de l'intégration HTML expliqués par des démos intéractives.

  http://codepen.io/collection/JLacg/

• Perf.Rocks

  Une collection de ressources traitant de la performance web.

  http://www.perf.rocks/

• Website Style Guide Resources

  Même principe que le lien précédent, mais cette fois autour des « style guides ».

  http://styleguides.io/

• Responsive Email Resources

  Et pour terminer, une autre collection de ressources concernant les e-mails responsive.

  http://responsiveemailresources.com/

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

Voici les liens pour les semaines du 28 octobre au 9 novembre 2014 :

• Announcing RemoteIE: Test the latest IE on Windows, Mac OS X, iOS and Android

  Encore un pas en avant de la part de Microsoft après l'initiative modern.ie : le géant américain offre maintenant la possibilité d'utiliser la dernière version d'Internet Explorer quel que soit son système d'exploitation.

  Les utilisateurs de MacOS n'ont donc plus d'excuses pour ne pas tester leurs sites sous IE ;)

  http://blogs.msdn.com/b/ie/archive/2014/11/02/announcing-remoteie-test-the-latest-ie-on-windows-mac-os-x-ios-and-android.aspx

• Tips for Mobile Design by @lukew

  Luke Wroblewski est devenu au fil du temps une référence en matière de responsive design et développement mobile.

  Il poste souvent de précieux conseils sur son compte Twitter et une âme charitable a pris l'initiative de les rassembler.

  https://storify.com/bombayhustle/lukew-tips-for-mobile-design

• Pocket Guide to Writing SVG

  Petit guide pour écrire du SVG.

  http://svgpocketguide.com/book/

Voici les liens pour la semaine du 20 au 27 octobre 2014 :

• a11y.css

  Une feuille de style pour déceler les erreurs, oublis et améliorations possibles au cours d'une intégration.

  Ce projet semble bien plus complet et documenté que ses prédécesseurs (holmes.css, par exemple) et peut devenir très rapidement un outil indispensable à votre workflow !

  http://ffoodd.github.io/a11y.css/

• ZorroSVG

  Un script qui permet d'automatiser la technique de la chaîne alpha et du masque SVG pour obtenir le poids d'un fichier JPEG avec la transparence d'un fichier PNG dans un fichier SVG.

  http://quasimondo.com/ZorroSVG/

• Top tips (for Sublime Text, Sass, CSS, Terminal and more)

  Un article listant un paquet d'astuces et conseils en rapport avec le développement front-end et ses outils.

  http://benfrain.com/top-tips-selection-unrelated-front-end-developer-tips/

Voici les liens pour la semaine du 13 au 19 octobre 2014 :

• Conférences de Paris Web

  Du 16 au 18 octobre avait lieu Paris Web, la conférence francophone des gens qui font le web. Cette année, beaucoup de conférences très intéressantes sur des sujets très variés et pas forcément orientés "code".

  Je n'ai pas eu la chance d'y assister, mais heureusement pour moi (et pour vous) les conférences sont disponibles en ligne. Une séance de rattrapage s'impose !

  http://new.livestream.com/accounts/1764940/ParisWeb-blin

• CSS clip-path maker

  Pour faire suite à l'une des conférences de Paris Web sur les masques CSS voici un outil assez bien pensé pour tester la propriété CSS clip-path.

  http://bennettfeely.com/clippy/

Voici les liens pour la semaine du 6 au 12 octobre 2014 :

• CSS: It was twenty years ago today — an interview with Håkon Wium Lie

  Cette semaine, le CSS fêtait ses 20 ans.

  Pour l'occasion, une interview de son créateur qui revient sur la création, les évolutions et l'avenir du langage

  https://dev.opera.com/articles/css-twenty-years-hakon/

• Writing CSS (and Sass) that doesn’t suck

  Quand on récupère le projet d'un collègue, freelance ou autre, il arrive souvent qu'on s'arrache les cheveux à la vue du code proposé, que ce soit à cause de l'organisation, des choix réalisés ou tout simplement la manière de l'écrire.

  Ashley Nolan a identifié les erreurs qui causent le plus souvent soupirs et autres roulement d'yeux et indique comment les éviter.

  http://ashleynolan.co.uk/blog/writing-css-and-sass-that-doesnt-suck

• Responsive Web Design Tips

  Après plusieurs années d'expérience, Jeremy Loyd partage quelques conseils pour mener à bien un projet en responsive web design.

  http://seesparkbox.com/foundry/responsive_web_design_tips