Livres

Concours : remportez Jquery Mobile aux éditions Eyrolles

J’ai toujours été plus ou moins allergique au Javascript, à sa syntaxe et au fait que pendant longtemps, il n’a pas existé de manière claire de comprendre ses erreurs. Même encore aujourd’hui, les erreurs Javascript ne sont pas franches : pas de segfault, pas de bonne grosse stack des familles qui vous disent tout de suite où aller chercher. Il faut plonger dans les méandres de Firebug pour espérer trouver pourquoi ça ne marche pas, et même là, vous êtes souvent limité à un seul navigateur. Je suis d’ailleurs certain que c’est pour cela que les éditions Eyrolles m’ont envoyé Jquery Mobile, la bibliothèque Javascript pour le Web Mobile d’Eric Sarrion, à moins que ce soit simplement pour me rappeler que je n’ai toujours pas mis de version mobile de ce site en place. Anyway.

Si vous ne connaissez pas encore Jquery Mobile, il s’agit d’un framework basé sur HTML5, Jquery et Jquery UI destiné à créer des applications Web mobiles. Jquery Mobile repose sur la méthodologie de l’amélioration progressive, et semble aussi facile à personnaliser qu’il l’est à utiliser… pour ceux qui font du Javascript, cela va de soi.

Comme je ne voulais pas vous laisser vous morfondre pendant que je bulle en vacances, je vous propose de gagner mon exemplaire de ce livre indispensable pour ceux qui veulent développer des sites et des applications Web qui fonctionnent sur tous les terminaux mobiles actuels.

Pour le gagner, c’est très simple : il vous suffit de retweeter cet article, puis d’y ajouter un commentaire contenant le lien vers le tweet. Un tirage au sort sera effectué parmi tous les participants lundi matin dès mon retour de vacances.

Concours : gagnez la version française de Mobile First de Luke Wroblewski

Pourquoi concevoir pour le mobile d’abord, puis pour les autres terminaux ? Comment tirer profit des écrans tactiles pour offrir à vos utilisateurs la meilleure expérience possible ? Comment ne pas tomber dans les nombreux pièges du Web mobile ? Ce sont à ces questions, et à bien d’autres, que répond Luke Wroblewski dans son ouvrage de référence Mobile First, dans la collection A Book Apart, préfacé par Jefrey Zeldman himself, on ne se refuse rien.

Si vous cherchez un ouvrage pour apprendre à développer sur mobile, passez votre chemin, ce n’est pas du tout ce qu’il propose : 0 lignes de code, pas de lien vers un quelconque SDK, circulez, y’a rien à voir. Puis, revenez sur vos pas, ramassez délicatement l’ouvrage, asseyez-vous et apprenez. Si Mobile First s’adresse principalement aux designers, qu’ils soient graphistes, concepteurs d’application ou UX designer, il est un passage obligé pour tous ceux qui veulent développer pour le Web mobile et au delà.

The Flinch : et si vous faisiez enfin ce que vous n'avez jamais osé faire ?

J’ai lu les trois premières pages de The Flinch dans le métro, en rentrant d’une longue journée à LeWeb’11, et j’ai tout de suite refermé mon Kindle, vérifié mes mails, et lancé une partie de Tetris. Là, je me suis arrêté le temps de laisser les briques s’empiler jusqu’en haut de l’écran. J’ai rouvert mon Kindle, je venais de comprendre ce qu’était The Flinch.

Smacss, un guide de bonnes pratiques CSS pour des sites Web petits et grands

Je n’ai jamais cru aux méthodologies de développement miracles qui permettent d’avoir en un clin d’oeil du code propre, rapide et facilement maintenable. Si une telle méthode existait, tout le monde l’aurait apprise, intégrée et appliquée depuis longtemps, et le Web serait devenu le pays des Bisounours © ® ™. Quoi que… si le bon sens était la chose au monde la mieux partagée, ça se saurait.

Je viens en revanche de découvrir Smacss, a Scalable and Modular Architecture for CSS, a flexible guide to developing sites small and large. Présenté sous forme d’e-book (payant) ou consultable gratuitement, Smacss est un ensemble de bonnes pratiques tirées de l’expérience de Jonathan Snook.

Si vous ne connaissez pas Jonathan Snook, jetez vous tout de suite sur son blog sur lequel il partage des liens et des astuces sur le développement Web depuis maintenant dix ans. C’est un must read, et ça n’est pas pour rien qu’il est entré dans mon agrégateur il y a 7 ans pour ne jamais en sortir.

J’ai analysé mes processus de travail (et celui des gens autour de moi), afin de comprendre comment bien structurer le code sur de gros projets. Les concepts préexistaient vaguement dans mes projets plus modestes, mais ils ont réellement pris corps à mesure que je travaillais sur des sites plus importants. Les petits sites présentent souvent moins d’obstacles que les gros sur lesquels interviennent des équipes plus nombreuses. Les petits sites sont également moins complexes et changent moins souvent. Cependant, l’approche décrite dans mon livre fonctionne pour les sites de toute taille.

Table des matières

1. Four Types of CSS Rules
   1. Base Rules
   2. Layout Rules
   3. Module Rules
   4. State Rules
2. Themes and Typography
3. Depth of Applicability
4. Selector Performance
5. State Representation
6. HTML5 and SMACSS
7. Prototyping
8. Formatting Code
9. Rsources
10. Changelog

Smacss est disponible au format électronique et coûte entre 9 et 30$.

Résultats du concours E-réputation, Stratégies D'Influence Sur Internet

Vous avez été très nombreux à tenter de remporter E-réputation, Stratégies D’Influence Sur Internet d’Alexandre Villeneuve et Edouard Fillas. Malheureusement, il ne pouvait en rester qu’un, mais rassurez-vous, ce n’est pas pour cela que l’on va couper la tête aux autres.

J’ai demandé tout à l’heure à une main innocente – en l’occurrence ma main gauche, qui ignore toujours ce que peut tramer la droite – de tirer le gagnant au sort. Ou plutôt la gagnante, puisqu’il s’agit de Marie, de Pink SEO, qui recevra son livre dès que je trouverai le temps de passer à La Poste pour le lui envoyer, celle-ci n’ouvrant qu’à des horaires de fonctionnaire. Félicitations à elle (Marie hein, pas La Poste).

Concours : E-reputation Stratégies d'influence sur Internet d'Edouard Fillas et Alexandre Villeneuve

Si vous pensez que la réputation en ligne se limite à ne pas vous retrouver à poil sur Facebook ou à faire supprimer tous les commentaires désagréables sur votre société, vous avez probablement omis de lire E-réputation, Stratégies D’Influence Sur Internet. Ce livre, fruit de la collaboration entre Alexandre Villeneuve et Edouard Fillas démystifie la notion d’e-réputation et l’élargit à la gestion de l’image en ligne, avec une approche résolument orientée référencement.

Ergonomie Web Illustrée d'Amélie Boucher : le vainqueur est...

Rappelez-vous, l’année dernière j’avais lancé un concours vous permettant de devenir l’heureux possesseur d’Ergonomie Web Illustrée, l’excellent opus d’Amélie Boucher.

Concours : gagnez Ergonomie Web Illustrée d'Amélie Boucher

Les éditions Eyrolles et une amie ayant eu la gentillesse de m’envoyer Ergonomie Web Illustrée, le dernier livre d’Amélie Boucher, je vous propose d’en gagner un exemplaire histoire d’égayer un peu ces fêtes de fin d’année.

À travers 62 études de cas concrets, Amélie explique de manière très claire les bonnes et moins bonnes pratiques d’ergonomie Web. En alternant eye tracking et captures d’écran, le livre montre les bons et les mauvais points des sites étudiés, proposant des corrections avec un grand soucis du détail.

Découpé en sept chapitres thématiques, il parcourt les principales sections d’un site Web moderne :

1. Pages d’accueil.
2. Pages de listes et rubriques.
3. Pages de contenus.
4. Formulaires.
5. Outils en ligne.
6. E-mails et newsletters.
7. Applications iPhone.

Je me suis particulièrement attardé sur le chapitre E-mails et Newsletters dont l’étude est peu fréquente dans les livres d’ergonomie alors même que la réalité regorge d’horreurs qui terminent dans ma corbeille faute de me donner envie de les lire.

Le livre s’adresse en théorie à toutes les personnes voulant mettre en place un site Web de qualité, même si en pratique, les nombreuses captures d’eye tracking et autres zones de chaleur ont de quoi rebuter les moins technophiles simplement partis à la recherche de bons conseils.

J’ai pris beaucoup de plaisir à lire Ergonomie Web Illustrée, même si j’étais frustré de ne pas avoir de connexion à Internet pour valider les problèmes remontés in situ, trajets en RER obligent. Le format est très agréable, même si je ne suis jamais vraiment à l’aise avec les études de cas concrets, car ils génèrent facilement du me too. Un seul regret cependant : l’absence de version électronique du livre qui m’oblige à tuer des arbres et alourdir mon sac.

Pour gagner Ergonomie Web Illustrée, il vous suffit de vous signaler dans les commentaires. J’effectuerai le tirage au sort lundi 3 janvier 2011 et contacterai le gagnant par e-mail.

Rocket Surgery Made Easy : l'expérience utilisateur au pays des Bisounours

J’avais adoré Don’t Make Me Think, A Common Sense Approach to Web Usability, au point de me jeter sans regarder sur le second opus de Steve Krug Rocket Surgery Made Easy, The Do It Yourself Guide To Finding and Using Usability Problems. Contrairement à Matrix 2, je ne regrette pas complètement mon achat, mais si j’avais su, je l’aurais probablement téléchargé “pour voir” avant de l’acheter.

Rework, et si vous changiez votre manière de travailler ?

Véritable plaidoyer pour un travailler autrement, Rework, le dernier opus de 37Signals pourrait fortement ressembler à une accumulation de lieux communs ressemblant à s’y méprendre à une overdose de méthode Coué. S’il est est d’ailleurs un lieu commun qui semble avoir la vie dure, c’est que ce qui marche pour 37Signals ne vaut que pour 37Signals. Nombreux sont ceux qui tentent de les copier sans parvenir à les égaler, à se demander si ce qu’ils professent a le moindre fond de vérité. Car c’est bien de la méthode 37Signals dont nous parlons, décrite à grands renforts d’exemples tout au long des 288 pages que comptent ce livre que j’ai fiévreusement dévoré en deux jours.