Hanblog

Clinique des navigateurs, devoirs à la maison

Anthony Ricaud — Tue, 09 Oct 2012 16:24:00 +0200

Dans moins de deux semaines, j'animerais un atelier Clinique des navigateurs à Paris-Web.

Le but de cet atelier est double :

Montrer comment obtenir un changement de comportement d'un navigateur.
Récupérer vos retours afin d'améliorer les navigateurs.

Chacun y gagne, c'est du win-win comme on dit dans les écoles de business.

Mais pour que cela fonctionne bien, vous allez devoir faire des devoirs à la maison avant de venir. Je vous demande donc de noter tout ce qui vous dérange dans les navigateurs. Soit dans un petit document de votre côté, soit dans les commentaires de cet article, soit dans l'etherpad associé, peu importe. Juste un petit gribouillis pour vous rappeler le problème.

Quels genres de problèmes devez-vous noter ? Tout :) Un menu qui n'est pas pratique à utiliser, une lenteur gênante, une fonctionnalité CSS qui ne marche pas, une chose impossible à faire avec les technologies web actuelles.

À samedi prochain !

Update : J'ai idiotement oublié de préciser qui seront les tuteurs. Nous aurons donc :

Karl Dubost : Web Opener chez Opera et ancien W3C @karlpro
David Rousset : Windows 8 & HTML5 Microsoft Developer Evangelist @davrous
Jérémie Patonnier : Clever Age, contributeur Mozilla @jeremiepat

Merci à eux de m'accompagner.

My first patch in Gecko

Anthony Ricaud — Tue, 09 Oct 2012 15:56:00 +0200

A couple of weeks ago, I decided to try and fix a Gecko bug (Gecko is the rendering engine of Firefox). So I hoped onto the list of mentored bugs and found one that I thought would improve the Web Platform and looked easy enough for my skills. I found this one : add support for background-size in background shorthand property. Gecko already supports the background-size attribute. But defining it into the background shorthand was not possible. So that was nice: a bit of parsing to change but no layout changes. I can do that. Also, the bug had detailed instructions on which part of the code should be fixed.

So it's now in Nightlies and will go through the various Aurora and Beta releases. It should be available to everyone early 2013.

And with this patch, I've multiplied by ten the lines of C++ I've ever wrote in my life. The other two lines are in WebKit. Which inspired me this meme:

Other Mozilla bugs

Just as a reminder because I never blogged about those, here are the other bugs I've worked on in Firefox:

La paralysie du tout parfait

Anthony Ricaud — Mon, 23 Jan 2012 00:52:00 +0100

Je souffre de cela. Depuis longtemps, je n'ose pas faire quelque chose si je n'ai pas un certain niveau de confiance. Par exemple, à l'école, je n'écrivais sur ma feuille que ce que je savais juste (ou tout du moins ce que je pensais juste). C'est aussi pour cela que je lisais les énoncés en entier une première fois avant de faire le moindre exercice.

Alors je compulse les avis, la théorie, les termes, etc. Il me faut un savoir quasi-encyclopédique sur le domaine pour me sentir à l'aise au moment de faire un choix. Vous avez pu le remarquer, j'ai déjà demandé l'avis des visiteurs de ce blog deux fois depuis le début de l'année. Je dois être l'un des acheteurs les moins compulsifs qui existe. Je ne peux pas "craquer" pour un produit parce que je ne sais pas si je fais le bon choix.

Je déménage bientôt et je me retrouve dans une situation horrible. J'étais en colocation donc je partage beaucoup de mobilier et d'électroménager. Il me faut faire beaucoup d'achats en peu de temps, le cauchemar. Je ne sais pas où chercher pour avoir au moins un connaissance superficielle de chaque domaine. Pourquoi n'y a-t-il pas des dizaines de sites de test et d'avis, de la même manière que pour le matériel high-tech ?

Free Mobile, mon expérience

Anthony Ricaud — Wed, 18 Jan 2012 00:38:00 +0100

(je n'arrive pas à tenir le rythme quotidien, tant pis)

J'étais abonné chez Orange, je n'étais plus engagé, je possède un iPhone 4 et j'ai pris le forfait à 15€99.

Inscrit mercredi 11 janvier aux alentours de 8h.
Carte SIM reçue samedi 14 matin.
Carte activée et fonctionnelle samedi 14 soir.
Portabilité effectuée via Orange lundi 16 à 17h, injoignable entre 15h et 17h.
Tous les services sont fonctionnels sauf :
- Messagerie visuelle
- Facetime via la 3G (cela ne marchait pas via Orange non plus)
Configuration effectuée via http://www.marcvasseur.info/index.php/2012/01/15/configurer-son-iphone-et-freemobile-reglage-de-la-3g/
Le système de hotspot fonctionne très bien.
Les débits et la couverture sont bons sur Paris.

Si vous avez des questions particulières, demandez via les commentaires et je mettrais à jour ce billet.

f.lux

Anthony Ricaud — Fri, 13 Jan 2012 02:23:00 +0100

Vous avez déjà remarqué la teinte bleue qu'émet votre écran pendant la nuit ? C'est désagréable et agressif.

Jetez un œil sur f.lux. En fonction de l'heure, il va adapter la teinte de l'écran. En journée, elle sera proche du soleil alors que le soir, elle s'approchera de la teinte d'un halogène ou d'une lampe classique (en fonction de vos réglages).

Relancer les soirées performances web

Anthony Ricaud — Wed, 11 Jan 2012 02:09:00 +0100

Depuis décembre, j'ai repris l'organisation des soirées parisiennes concernant les performances des sites web. Mon but premier est d'installer un rendez-vous mensuel afin de pérenniser l'événement. Grâce à JF, nous avons un site un peu plus sympa à manipuler que le précédent.

Et la deuxième soirée arrive bientôt.

Radio-réveil pour iPhone

Anthony Ricaud — Tue, 10 Jan 2012 14:07:00 +0100

Je suis en retard sur le billet d'hier, du coup c'est encore toi lecteur qui va travailler.

Je recherche un radio-réveil (donc qui capte la radio et sonne à une heure déterminée) qui fasse aussi dock pour iPhone et qui puisse jouer la musique de l'iPhone. À vous :)

Rejoignez-moi sur SensCritique

Anthony Ricaud — Mon, 09 Jan 2012 00:55:00 +0100

J'ai récemment découvert SensCritique, une sorte de réseau social pour recommander des films, livres, jeux vidéos, séries, BD et musiques.

Pour l'instant, je n'y donne que quelques notes et je m'en sers de liste pour mes envies de voir ou revoir des films. Mais si j'avais plus d'éclaireurs, peut-être pourrais-je recevoir plus de recommandations pour mes futurs lectures et visionnages.

Si vous souhaitez m'avoir comme éclaireur pour bénéficier de mes notes et avis aiguisés, inscrivez-vous via ce lien.

(oui, on est dimanche, j'ai pas une grande inspiration)

BetterTouchTool, améliorez votre trackpad Mac

Anthony Ricaud — Sat, 07 Jan 2012 19:27:00 +0100

Depuis que j'utilise un ordinateur portable comme ordinateur principal, je n'utilise plus de souris. J'utilise même un trackpad à mon poste de travail depuis peu. Le défilement à deux doigts est très agréable, surtout horizontalement. Certaines "gestures" de base de Mac OS X sont pratiques mais elles ne sont pas très customisables. Pour y remédier, il existe l'outil BetterTouchTool. Il n'est pas très agréable à manipuler mais bon une fois configuré, ça marche bien et c'est très pratique.

pdf.js, ça déchire.

Anthony Ricaud — Sat, 07 Jan 2012 01:10:00 +0100

Le projet pdf.js a démarré en mai 2011. Le but est de créer un moteur de rendu de PDF en utilisant simplement les technologies du web.

Normalement, le rendu des PDFs dans les navigateurs est délégué à un autre programme. Que ça soit une application complète comme le lecteur Acrobat ou Aperçu sur Mac ou un programme intégré au navigateur pour Chrome. Cette approche augmente les problèmes de sécurité puisque cela augmente la surface de code attaquable. En n'utilisant que les APIs des navigateurs, on n'augmente pas cette surface. Cela permet aussi de voir ce qu'il est possible de faire avec les technologies web et de les améliorer lorsque quelque chose n'est pas possible.

Le travail est suffisamment avancé aujourd'hui pour avoir une extension Firefox capable de rendre un bon nombre des PDFs dans la nature. Je vous invite à lire l'annonce initiale expliquant les buts du projet et les pointeurs vers tout ce qu'il y a à savoir. La présentation suivante de Julian Viereck est aussi très intéressante.

Working with several development servers

Anthony Ricaud — Thu, 05 Jan 2012 23:47:00 +0100

If you're doing things right, you have several servers for your developments. The production server of course, a development server, a stage server almost identical to production and maybe others for temporary developments. It's not always easy to switch between them. To help, I prepared a bookmarklet generator. Enter a title, the different domains for each server. A click on generate and then you only need to put that in your bookmarks.

As usual, the code is available and waiting for your contributions.

Travailler avec plusieurs serveurs de développement

Anthony Ricaud — Thu, 05 Jan 2012 23:38:00 +0100

Si vous faites bien les choses, vous avez plusieurs serveurs pour vos développement. Le serveur de production évidemment, un serveur de développement, un serveur "stage" quasiment identique à celui de production et peut-être d'autres pour des développements temporaires. Il n'est pas toujours facile de passer de l'un à l'autre. Pour aider, je me suis préparé un générateur de bookmarklet pour passer de l'un à l'autre. Entrer un titre, les domaines des différents serveurs. Un clic sur "generate" et il n'y a plus qu'à mettre ça dans vos marque-pages.

Comme d'habitude, le code est disponible et attend vos contributions.

Louis CK, j'aime.

Anthony Ricaud — Wed, 04 Jan 2012 23:29:00 +0100

Louis CK est un humoriste américain qui pratique le stand-up. Le mois dernier, je l'ai découvert grâce au mode de distribution de son dernier spectacle. Plutôt que de le vendre via les plateformes de distribution traditionnelles (DVD, VOD) et un nombre d'intermédiaires prenant chacun leurs commissions et imposant leurs règles, il a décidé de le distribuer de lui-même. Il a donc mis en place un site simple et mis à disposition la vidéo du spectacle. Contre 5 dollars, vous obtenez le droit de télécharger la vidéo 3 fois ou de la visionner en ligne 2 fois. Le fichier téléchargé ne contient aucun DRM, vous permettant d'en faire ce que vous voulez : graver sur DVD, réencoder pour tous vos périphériques, etc.

Le succès est au rendez-vous puisqu'en dix jours, les ventes ont rapporté plus de 1 million de dollars. Quel pied de nez à tous ces systèmes de distribution privant l'acheteur de liberté d'utilisations. Et pour combattre le piratage, il n'a fait que demander aux gens de ne pas le faire.

Quelques extraits de ce spectacle :

Regardez aussi ses autres spectacles ça vaut le coup.

Banque et assurance éthique ?

Anthony Ricaud — Wed, 04 Jan 2012 01:14:00 +0100

Allez, on va voir si ce blog permet de recueillir des informations intéressantes.

Je suis lassé du comportement des banques traditionnelles. Que ce soit sur les conseillers qui changent trop souvent ou le suivi inexistant. Et puis avec les comportements sur les marchés, j'aimerais joindre les actes aux paroles : put my money where my mouth is, comme disent les anglophones. Je recherche donc des avis, pistes, conseils sur des banques et assurances qui font les choses différemment.

À l'heure actuelle, je suis chez LCL et la Macif.

Quelques besoins pour m'aider à trouver une banque :

Toutes les opérations usuelles d'un compte courant, carte bancaire, virement, chéquier
Épargne
Je voyage souvent en France ou à l'étranger donc des facilités de ce point de vue
La majorité des opérations disponibles en ligne (avec une interface correcte)

Pour l'assurance, je n'assure qu'un appartement pour le moment.

NSID

Anthony Ricaud — Mon, 02 Jan 2012 22:13:00 +0100

C'est l'acronyme de No Shaving In December, autrement dit "Pas de rasage en décembre". C'est une petite coutume chez Mozilla et je l'ai suivie cette année pour voir.

Du coup, je suis impressionné par la différence de pousse des poils en fonction des personnes. Certains ont en 10 jours ce que j'ai en 30.

C'était rigolo mais demain c'est rasage !

2012, je prends le contrôle.

Anthony Ricaud — Mon, 02 Jan 2012 02:00:00 +0100

2012 est arrivé, l'occasion traditionnelle des bonnes résolutions. Et j'en ai beaucoup cette année. Elles s'articulent autour de la prise de contrôle. 2011 m'a montré que je subissais trop ce qui se passe dans ma vie. Je procrastine souvent, je réponds oui à beaucoup de demandes sans trop savoir si c'est ce que je veux vraiment faire, je n'ai pas beaucoup de souvenirs matériels des événements qui se sont déroulés, etc. Ce sentiment de dérive sans prise réelle m'embête et je veux changer cela.

Une routine

Pour avoir plus de contrôle, j'ai donc décidé de suivre une routine assez précise et notée dans un calendrier. Ça me permettra de pouvoir dire non à une sortie lorsque j'avais prévu de faire du ménage, de savoir à la fin de la semaine ce que j'ai fait exactement et de bien voir combien de temps j'ai passé à regarder des séries. La routine est inspirée du livre The Now Habit qui préconise de planifier le non-travail et les taches fixes. Cela permet de voir le temps qui reste vraiment pour le travail.

Perdre du poids

Ensuite, je continue un régime entamé cet été. J'ai fait beaucoup trop d'entorses et pas assez de sport. Donc j'ai bloqué deux créneaux sports dans la routine hebdomadaire et je m'interdis de boire la moindre goutte d'alcool en 2012. L'objectif est de retomber en dessous de 85 kilos.

Mieux utiliser l'informatique

Par rapport à la procrastination, une bonne partie est liée à l'usage des ordinateurs que je fais. Déjà, j'en fais trop en dehors de mon travail donc on va s'appuyer sur la routine (certes notée dans un calendrier consultable sur mon ordinateur) pour ne pas avoir un usage passif. Il faudra que l'activité du moment dépende d'un ordinateur pour que je l'utilise. Ensuite, j'ai l'habitude d'avoir beaucoup d'applications ouvertes en même temps et elles se battent pour mon attention : Email, Twitter, RSS, IRC. J'avais déjà désactivé beaucoup de notifications mais ce n'est pas assez. Je vais donc n'ouvrir ces applications que lorsque cela est nécessaire et m'octroyer du temps pour les consulter activement et non comme un zappeur qui ne fait même pas attention à ce qu'il lit.

Meilleure vie sociale

Je ne suis pas asocial, je vois beaucoup de gens et je sors. Mais j'ai l'impression là aussi de flotter et de passer à côté de certaines choses. Par exemple, j'oublie régulièrement des détails importants de mes relations comme leurs activités, des événements marquants. Je ne prends pas assez de nouvelles de certaines personnes. Je vais donc prendre le temps de noter des choses pour que ça rentre dans ma tête, inscrire des "coups de fil" dans ma routine. Ça peut paraître très strict et pas naturel pour des choses aussi banales mais j'en ai besoin.

Un billet par jour

J'ai bloqué un espace dans cette routine pour écrire un billet ici chaque jour. Ce billet est publié le 2 janvier parce que j'ai décidé tardivement de commencer mais normalement, ce sera la seule incartade. Je ne sais pas trop à quoi ça ressemblera. Il y aura certainement des notes personnelles, d'autres beaucoup moins. Des morceaux longs, d'autres qui pourraient tenir dans un SMS. Il faudra certainement que je planifie certains billets pour les jours où je ne serais pas à côté d'un ordinateur. Cela m'aidera peut-être à prendre un peu de recul sur le flot d'événements de chaque jour.

Faire plus et mieux

Avec tout cela, j'espère pouvoir faire plus de choses et mieux les faire : qualité et quantité.

Mes deux premières extensions

Anthony Ricaud — Sun, 18 Dec 2011 22:13:00 +0100

Cet été, j'ai voulu voir un peu ce que donnait la création d'extensions pour Firefox via le Addon SDK.

Longdesk

Stéphane publiait cet été une photo par jour. Il utilise l'attribut longdesc pour décrire la photo. Là où ce jeune est taquin, c'est qu'en plus, il y glissait des explications sur l'origine de la photo, des remarques personnelles, etc. Donc il était indispensable de lire aussi cette page de description. Voici l'origine de cette extension qui rajoute un lien vers la description sous les images.

Et comme Stéphane a bon gout, il utilise cette extension et a même proposé une correction

au-revoir-utm

Là ce sont les multiples liens que l'on voit fleurir via RSS, Twitter ou autres avec des paramètres. Ils sont utilisés par Google Analytics et polluent les URLs. Cette extension ne fait que remplacer l'adresse actuelle, via la méthode history.replaceState() de HTML5. Il n'y a donc aucune perte de performance.

Le code étant disponible, si vous voulez porter ces extensions (très simples) sur d'autres navigateurs, allez-y !

Paris Web 2011

Anthony Ricaud — Thu, 13 Oct 2011 14:39:00 +0200

Un navigateur, comment ça marche

La présentation était une introduction au fonctionnement des navigateurs. Ils sont tellement au centre de nos métiers que je pense qu'il est important d'en comprendre les rudiments.

Si vous avez Keynote, je vous recommande le format original. Sinon, voici la version Slideshare.

Un navigateur, comment ça marche ?

J'ai aussi stocké sur Blogmarks une liste de liens qui m'ont permis de préparer cette présentation.

Ack

Lors des Lightning talks, j'ai présenté le programme en ligne de commande Ack, une alternative à grep. Globalement c'est une reprise du site, en 4 minutes.

Quelques bons matériels

Anthony Ricaud — Mon, 05 Sep 2011 11:49:00 +0200

Résumé de quelques achats "conforts" récents.

Casque anti-bruit

Encore une fois, mes écouteurs sont inutilisables. Je les roule en boule, les enfourne dans une poche de pantalon ou un sac et je les ressors aussi mal que possible. Résultat, je perds rapidement l'oreille gauche ou droite.

Cette fois-ci, j'y ferais attention. Et pour ne pas les mettre dans ma poche, passons au casque. En plus, je prends un avion demain, pourquoi ne pas essayer les casques anti-bruits ? Tiens, un stand Bose. Ah oui quand même c'est impressionnant, rien que dans ce magasin bruyant. Bon, niveau prix c'est… costaud. Heureusement, il y a Audio-Technica.

Audio-Technica ATH-ANC7b

Une fois convaincu de l'intérêt de la technologie anti-bruit, je demande conseil à une vendeuse. Elle me montre les Audio-Technica, quasiment deux fois moins cher, et m'assure qu'ils sont du même niveau que des Bose. Petit tour sur Internet pour vérifier cela ^[1]. Ah oui, ils sont tellement proches de Bose technologiquement qu'ils sont en procès.

J'ai pu comparé avec des Bose pendant quelques minutes :

+ Marche même avec piles déchargées. Car oui, chez Bose, pas de pile, pas de musique…
+ Meilleure qualité sonore (totalement subjectif)
- Sans musique, le white noise est plus gênant. En pratique, j'utilise rarement sans musique ou alors en environnement très bruyant.

Livré avec deux longueurs de cables, un adaptateur pour prises avions et un sac de transport.

Passer au SSD

J'avais déjà goûté au SSD l'année dernière pendant une très courte période ^[2]. Si l'on n'a jamais eu de SSD, on ne se rend pas compte que son ordinateur est lent.

Je voulais donc accélérer mon MacBookPro tout en gardant de l'espace. Je choisis donc de remplacer le lecteur DVD intégré qui me sert peu. Et je recycle ce lecteur avec un boitier externe "au cas où".

J'ai opté pour le matériel de OWC en suivant les conseils de Mac Performance Guide. Livré avec les outils qui vont bien, c'est très facile à remplacer.

Aucun souci rencontré (sauf un, voir plus tard), une machine qui pulse, bref content. Je me retrouve avec 115Go de SSD + 250Go de HDD. J'en ai aussi profité pour activer le chiffrage complet du disque ^[3].

Le seul souci vient de l'impossibilité de lire des DVD avec l'application par défaut et un lecteur externe. Aucun souci avec VLC par contre. Heureusement, il y a un article de Macbidouille à la rescousse

Je vous conseille de jeter un coup d'œil à ce genre de matériel, ça apporte un réel confort malgré le prix d'achat.

Notes

[1] vous saviez que FNAC bloque l'accès à lesnumeriques.com ?

[2] un mois avant de me faire voler l'ordinateur

[3] petite perte de performance mais négligeable vu la sureté que cela apporte pour un appareil mobile

A Limechat theme

Anthony Ricaud — Tue, 23 Aug 2011 11:23:00 +0200

I've been using Limechat as my main IRC client for a few months now.

Since I wasn't very pleased with the default theme, I started using the Whisper theme (found on the Google group for Limechat) and I made some tweaks recently. It was quite easy since you can style it through CSS (and a YAML file with a CSS-like syntax). I also had help from Stanley Rost to remove duplicate nicknames.

Try it yourself!