Dom's Blogs2014-11-23T15:29:00Zhttp://www.nimbustier.net/blogs/Dominique Hazaël-Massieuxdominique.hazael-massieux@centraliens.net Expandable image picker2014-11-23T15:29:00Zhttp://www.nimbustier.net/blogs/2014/11/expandable-image-picker.html<p>To help manage the distribution of gifts in my family at various opportunities throughout the year, I’ve been hosting for several years an instance of <a href="http://mygifts.sourceforge.net/">MyGifts</a>, a PHP-based gift list management system.</p>
<p>Given how quiet Nimbustier.net had grown over the past few years, that (private) part of the site is probably one that sees most of the useful activity. So, when I looked at giving a bit of a refresh to the site while transitioning to a new <a href="http://www.nimbustier.net/blogs/2014/11/nanoc.html">static site generator system</a>, I figured I should spend some time on improving the overall user experience of that part of the site, with a particular focus on making it more mobile-friendly.</p>
<p>The default layout for the gift lists uses tables, which, while semantically apropriate in this case, are clearly not great for mobile, where their wide content make the page either hard to read or hard to navigate.</p>
<figure>
<img src="http://www.nimbustier.net/blogs/2014/11/mylist.png" alt="Screenshot of MyGifts" />
<figcaption>Default display of gift lists as tables</figcaption>
</figure>
<p>Switching that content to be linear didn’t prove particularly difficult, and indeed, is likely to prove benefitial in many other ways; among other things, it pushed me towards highlighting possible actions a lot more clearly.</p>
<figure>
<img src="http://www.nimbustier.net/blogs/2014/11/mylist-new.png" alt="Screenshot of my updated version of MyGifts" />
<figcaption>Linear display of gift lists</figcaption>
</figure>
<p>I also looked into sorting the gifts in a more logical order than the default name sorting: now the list starts with gifts that have not been claimed yet, and are the highest priority for the list owner.</p>
<p>But there remained a somewhat more complex issue: to navigate to someone’s gift list, each gift list (including the default view, the gift list of the logged-in user) starts with the list of names of the users who have a gift list on the system.</p>
<p>As the system is being used both by my family and my in-laws, this list currently consists of around 25 names. Such a long list of names, with a lot of repetition (family names get displayed) is very hard to parse, and their default presentation as inline links is hard to operate in touch-based interactions, where your finger is usually wider than any single hit target.</p>
<p>It was clear for me that the best way to replace that list of names was to instead use a gallery of portraits representing each of the list owner — the human brain is after all wired much better for face recognition than name recognition. Besides, photos can make for much larger hit target, thus solving the touch-based interaction issue as well.</p>
<p>While getting myGifts to show these pictures required a tiny bit of creativity (since I wanted to keep modifications to the underlying code base to a minimum), it did happen reasonably quickly. But this list of 25 pictures soon created another issue: it meant that each gift list first screen was filled with this image-based picker, and pushed the content of the gift list well below the fold.</p>
<p>Of course, a simple option would have been to push the list picker after the gift list — but since navigating from one list to another is something that one would do quite often, this wouldn’t be a real improvement. It would also likely have been disorienting for those of my family that are used to the existing presentation.</p>
<p>What I did instead was to look at making this list of pictures less prominent by default, at least on small screens; and to do that, I came up with the following widget:</p>
<iframe width="100%" height="300" src="http://jsfiddle.net/9avd7nur/4/embedded/html,css,result/" allowfullscreen="allowfullscreen" allowpaymentrequest="" frameborder="0"></iframe>
<p>When you press the expand button, the list of pictures (whose content is alluded to by “compressing” it in a list of superposed pictures) expands to show its full content, will a small bouncing effect; it collapses back when pressing it again.</p>
<p>All of this is achieved purely with CSS, which I find quite satisfying, and made it easy to apply to only the small-screen version via Media Queries.</p>
nanoc2014-11-19T22:26:00Zhttp://www.nimbustier.net/blogs/2014/11/nanoc.html
<p>Après quelques 15 années de fidèle service, <a href="http://www.nimbustier.net/gtml">GTML</a>, le script perl qui me servait à maintenir Nimbustier.net a été remercié, et remplacé par un petit jeune ambitieux, <a href="http://nanoc.ws/">nanoc</a>.</p>
<p>Nanoc est lui aussi un système de génération de site statique, mais écrit lui en Ruby, et conçu de façon nettement plus modulaire que GTML; clairement, quinze années écoulées ont changé la donne en matière de création et gestion de sites statiques.</p>
<p>Bien que n’ayant pas pratiqué le Ruby jusque là, je me suis laissé convaincre par nanoc qui allie un fonctionnement de base correspondant à mes attentes, et une belle facilité d’adaptation pour les cas où ce fonctionnement n’est pas tout à fait compatible avec mon contenu existant.</p>
<p>J’en ai profité aussi pour remercier <a href="http://wordpress.org/">Wordpress</a>, sur lequel ce blog tournait depuis au moins une dizaine d’années. Malgré les améliorations indéniables de Wordpress (dont je bénéficie rapidement grâce aux systèmes de mises à jour automatiques de mon hébergeur, Dreamhost) au cours de cette décennie, les risques de sécurité liés à l’utilisation de Wordpress (mon site a été victime d’intrusion à plusieurs reprises) combinés à la fréquence très faible de mon activité sur ce blog (4 ans de silence, déjà !) m’ont poussé à importer et migrer le blog pour que lui aussi soit géré par nanoc.</p>
<p>Moyennant quoi, j’ai procédé à une modeste mise à jour de l’apparence du site, et, si mon élan continue à m’entraîner, peut-être réussirai-je à en faire une mise à jour plus poussée — le Web a lui aussi quelque peu évolué depuis mes dernières tentatives à la matière.</p>
<p>C’est reparti pour un tour !</p>
Livre sur le Web mobile2010-12-30T22:26:00Zhttp://www.nimbustier.net/blogs/2010/12/livre-sur-le-web-mobile.html
<p style="float:left;margin-right:5px"><a href="http://lewebmobile.fr/"><img src="http://lewebmobile.fr/wp-content/uploads/2010/12/couverture-sm.jpg" alt="Couverture du livre" /></a></p>
<p>Je viens de recevoir par la poste 15 exemplaires d’un même livre. La raison de cette multiplicité est que je suis l'un des auteurs du livre en question, consacré au développement et à la conception pour le Web mobile, et intitulé <a href="http://lewebmobile.fr/"><cite>Relever le défi du Web mobile</cite></a>.</p>
<p>Le livre est disponible en <a href="http://izibook.eyrolles.com/store/show/9782212414103">version électronique</a> depuis environ une semaine, mais tenir entre ses mains le résultat de <a href="http://lewebmobile.fr/making-of/">nombreuses heures de travail</a> donne à n'en pas douter une réalité bien plus concrète à ces efforts.</p>
<p>Le livre devrait être aussi présent d'ici peu dans les libraires, réelles et virtuelles ; il est apparemment d'ores et déjà <a href="http://www.eyrolles.com/Informatique/Livre/relever-le-defi-du-web-mobile-bonnes-pratiques-de-conception-et-de-developpement-9782212128284">à la librairie de notre éditeur, Eyrolles</a>.</p>
<p>Compte tenu du public concerné relativement réduit, et des faibles pourcentages reversés aux auteurs, il y a peu de chances que les droits d'auteurs remplissent mon porte-monnaie de manière significative. En revanche, l'écriture du livre fut elle-même une expérience extrêmement enrichissante ; d'avoir pu la réaliser avec François, mon compère/co-douche et désormais co-écrivain, l'a rendu particulièrement plaisante.</p>
<p>Mon frère Bernard a par ailleurs accepté de l'illustrer avec <a href="http://lespingouinssontparminous.20six.fr/">ses pingouins</a>, ajoutant une touche d'humour à un contenu assez technique — bien que je doive confesser n'avoir pas résisté à y truffer quelques jeux de mots désolants.</p>
<p>Le temps consacré à cet exercice explique en partie le relatif silence sur ce site ; mais la multiplication des canaux d'expression (Facebook, Twitter), de projets annexes rend assez probable que ce rythme moindre soit désormais plus la règle que l'exception.</p>Sév’haïku2010-10-06T20:21:00Zhttp://www.nimbustier.net/blogs/2010/10/sevhaiku.html
<p>Eau, musique et feu —<br />
Les flammes contre leur gré<br />
Dansent en rhytme.</p>Le regard du photographe2010-05-14T17:35:00Zhttp://www.nimbustier.net/blogs/2010/05/le-regard-du-photographe.html
<p>Photographe amateur de longue date, je suis victime de la maudite bénédiction du regard du photographe.</p>
<p>Aux aguêts d'une photo originale où évocative, l'oeil explore en permanence, découvre des perspectives cachées, se délecte de lumières inattendues : en somme, jouit d'une vue exclusive sur le lieu convoité.</p>
<p>Mais ô combien il est facile de tomber dans l'excès, et de ne plus voir que cadré, de ne percevoir que le fugitif plutôt que la douceur du continu, de ne regarder plutôt que de vivre. Le viseur a vite fait de se transformer en œillères.</p>Alhaikumbra2010-05-13T16:58:00Zhttp://www.nimbustier.net/blogs/2010/05/alhaikumbra.html
<p>Parfums de guitare,<br />
Dispersés par une brise<br />
Des neiges sanguines.</p>Andhaikusie2010-05-12T20:18:00Zhttp://www.nimbustier.net/blogs/2010/05/andhaikusie.html
<p>Fumes brûlantes,<br />
Elle se dévêt de l'habit<br />
De lumières ; et je succombe.</p>Stendhal mudéjar2010-05-12T20:06:00Zhttp://www.nimbustier.net/blogs/2010/05/stendhal-mudejar.html
<p>Visiter en une seule journée l'Alcazar et la maison de Pilate de Séville, c'est s'exposer de manière presqu’assurée au syndrome de Stendhal !</p>
<p>L'Alcazar, palais royal mêlant architectures chrétiennes et musulmanes - avec un net avantage à ces dernières - submerge ses visiteurs sous la richesse des details de chacune de ses pièces. L'ombre y joue avec la lumière, l'eau avec la pierre, le bois avec les azulejos. Les jardins, surprenants par leur surface au cœur du centre historique, continuent de grignoter l'équilibre mental des imprudents promeneurs qui se laisseraient envoûter par les parfums de fleurs d'orangers et de rosiers, prisonniers des arbres centenaires, humectés par l'eau des fontaines.</p>
<p>La maison de Pilate, aux dimensions presqu'intimes comparées à celle du palais royal, alterne patios et jardins, renaissance et mudéjar sous une averse de bougainvilliers et de rosiers grimpants.</p>
<p>Difficile de faire face au XXIème siècle après un tel plongeon !</p>Le Flammenco de l’Arlésienne hermétique2010-05-10T16:05:00Zhttp://www.nimbustier.net/blogs/2010/05/le-flammenco-de-l-arlesienne-hermetique.html
<p style="float:left;margin-right:1em"><img src="http://www.nimbustier.net/blogs/index.htmlwp-content/uploads/2010/05/DSC_0393-300x199.jpg" alt="Détail de décoration murale dans un palais sévillan" title="Détail de décoration murale dans un palais sévillan" width="300" height="199" class="alignleft size-medium wp-image-466" /></p>
<p>Il y a quelque onze années, profitant d'une dizaine de jours de vacances, je partais faire un tour d'Espagne avec trois amis : Girone, Barcelone, Valence, Cordoue, Grenade, Tolède, Salamanque, et Burgos. Mais nous avions dû éviter Séville, prise dans la tourmente de sa Semaine Sainte.</p>
<p>Depuis, l’Andalousie avait figuré de nombreuses fois aux programmes de nos vacances, mais toujours pour finir par en être évincée, par des circonstances peu propices ou des exigences trop poussées.</p>
<p>Nous voici enfin dans la capitale du flammenco, dont le dédale du quartier historique n'est pas sans rappeler les médinas des capitales impériales marocaines, et qui sous un soleil éblouissant, regorge de trésors dont beaucoup nous restent à découvrir, mariages assumés de cultures millénaires.</p>
<p>J'attends, avec une impatience un peu risquée, mes retrouvailles à venir avec Grenade…</p>
De retour de Fès2009-03-03T23:07:00Zhttp://www.nimbustier.net/blogs/2009/03/de-retour-de-fes.html
<p>Après avoir annulé à la dernière minute nos vacances prévues en Martinique, pour cause de grèves générales, nous avons changeons notre fusil d'épaule pour une destination moins lointaine mais non moins exotique, Fès, au Maroc.</p>
<p>Nous avions déjà emmené Mathias <a href="http://www.nimbustier.net/photos/2008/02/marrakech.html">à Marrakech à la même époque</a>, et y avions adoré la gentillesse de l'accueil local, le dépaysement de la médina, et la douceur de l'hiver du sud marocain.</p>
<h3>Les trajets</h3>
<p>Fès est à deux heures en ligne aérienne directe depuis Marseille, déservie par deux compagnies à bas coût, Ryan Air et Atlas Blue ; c'est sur cette dernière que nous avons voyagé, avec un billet réservé pour un moindre coût via la Royal Air Maroc (la compagnie mère d'Atlas Blue) - allez comprendre…</p>
<p>Notre vol de départ a eu trois heures de retard, pour le plus grand bonheur de Mathias qui en a profité pour découvrir le bonheur des grands espaces aéroportuaires ! Bonheur qui a malheureusement pris fin pendant le vol, où tétine et lecteur de DVD n'ont pas suffi à limiter la fatigue et l'ennervement accumulé pendant ces errances à l'aéroport.</p>
<p>Alors que Mathias du haut de ces cinq mois semblait émerveillé à l'arrivée à Marrakech l'an passé, c'est du coup un bébé de presque 18 moins tout à fait inconsolable qui a débarqué à Fès en milieu d'après-midi, après s'être endormi durant la manoeuvre d'atterrissage, et avoir bien entendu été réveillé peu après.</p>
<p>Le vol retour avant-hier, s'il avait lui aussi du retard (près de deux heures) s'est déroulé nettement plus paisiblement.</p>
<h3>Le logement</h3>
<p>Nous avions réservé au <a href="http://www.riadfesbaraka.com/">Riad Baraka</a>, dans le quartier Batha de la tentaculaire medina de Fès. Le riad et ses suites sont tout à fait magnifiques, centré autour d'une cour avec piscine (qui ferait donc de lui plutôt un Dar qu'un Riad), et où nous avons été accueilli très gentillement par l'équipe locale.</p>
<p>Seul petit regret : les chambres aux plafonds extrêmement hauts étaient difficiles à chauffer convenablement, et plus encore l'étaient les salles de bains - bien que Fès soit un peu plus chaud que la côte d'azur française, les nuits y sont tout de même très fraîches - brrrr.</p>
<h3>Les joyaux de la medina</h3>
<p>La tortueuse medina de Fès recèle bien des joyaux, en plus ou moins bon état de conservation : dars, riads, foundouks, medersas et palais soit entièrement rénovés, soit laissés plus ou moins à l'abandon.</p>
<p>Cachés au milieu des souks dont les parfums alternent entre les délices de la menthe fraîche, de la fleur d'oranger et des épices, et les puanteurs des tanneries, des ânes et mulets qui constituent presque le seul moyen de déplacer de lourdes charges au milieu de ce labyrinthe, ces bijoux architecturaux et les vues époustouflantes que réservent certaines de leurs terrasses donnent à la medina un cachet d'exotisme et de dépaysement absolument fabuleux.</p>
<p>Le contraste entre la grandiloquence des palais et la pauvreté de nombre des habitants de la medina est saisissant, émanant de gloire passée, mais certainement pas de déclin.</p>
<p>La visite du Palais Glaoui, abandonné depuis 50 ans et tenu hors d'état de ruines par Abdelkhalek Boukhars, artiste peintre et petit-fils de l'intendant des propriétaires d'alors, restera comme une illustration marquante de ces contrastes dont <a href="http://www.mafhoum.com/press5/145C39.htm">la ville regorge</a>.</p>
<p>Les touristes n'affluent pas encore dans la ville, si bien que la pression touristique reste relativement limitée, hormis autour de certains monuments. L'hospitalité et la gentille des marocains que nous avions apprécié à Marrakech n'a pas été du tout démentie à Fès - en particulier, voyager avec un bébé n'est non seulement pas inquiétant, mais permet au contraire d'établir des liens avec un grand nombre de locaux.</p>
<p>Evidemment, la presque totalité des locaux me pensaient moi-même marocain (assez spécifiquement de Rabat ou Casablanca, apparemment), ce qui a servi plus d'une fois de début de conversation...</p>
<h3>Autour de Fès</h3>
<p>Deux excursions principales hors de la ville : l'une réalisée via une agence de voyage locale vers le Moyen-Atlas, avec un chauffeur-guide pour la journée - un peu décevante dans l'ensemble ; l'autre, organisée par nos soins avec l'aide d'un "grand taxi" local, vers Volubis, Moulay Idriss et Meknès, beaucoup plus réussie, malgré un accrochage routier sur le chemin du retour.</p>
<h3>Les photos</h3>
<p><a href="http://www.nimbustier.net/photos/2009/03/index.html">sont disponibles</a>...</p>Télé Nimbustier.net2009-02-17T21:04:00Zhttp://www.nimbustier.net/blogs/2009/02/tele-nimbustiernet.html
<p>La vidéo débarque sur Nimbustier.net: ces <a href="http://www.nimbustier.net/movies/index.html">quelques "albums" vidéo</a>, dont certains remontent au début des années 1980, sont en accès protégé - mais que les lecteurs que je connais n'hésitent pas à me contacter pour obtenir les très secrets mots de passe qui protègent ces trésors…</p>Ténia cérébral2009-02-11T08:39:00Zhttp://www.nimbustier.net/blogs/2009/02/tenia-cerebral.html
<p>En français, le mot de "ritournelle" évoque une petite musique plaisante, facile à répéter, qui revient régulièrement en tête.</p>
<p>Je suis en ce moment victime de ce que le terme anglais d'<a href="http://en.wikipedia.org/wiki/Earworm"><em lang="en">earworm</em></a>, littéralement "ver d'oreille", qualifierait beaucoup mieux.</p>
<p>Je n'ai rien personnellement contre M. Henri Dès, et Mathias semble même apprécier ses compositions suffisamment pour répéter à l'envi "encore" en voiture pour obtenir que nous diffusions le CD que ma chère et tendre a eu le malheur de lui offrir.</p>
<p>Mais franchement, avoir <q><a href="http://www.paroles-chansons-enfants.com/chansons-henri-des-2373.html">Papa veut pas, Maman veut pas</a></q> qui vous trotte dans la tête du matin au soir, d'un jour à l'autre, ça donnerait un peu envie de lui faire manger sa guitare, à M. Dès….</p>Au bas mât2009-01-20T17:25:00Zhttp://www.nimbustier.net/blogs/2009/01/au-bas-mat.html
<p><a href="http://www.nimbustier.net/blogs/index.html2004/11/des-maux-crasses">Bon débarras</a> ! Difficile de faire pire que son prédécesseur, mais souhaitons-lui de faire beaucoup beaucoup beaucoup mieux.</p>CanalSat, quand tu nous tiens…2009-01-07T20:35:00Zhttp://www.nimbustier.net/blogs/2009/01/canalsat-quand-tu-nous-tiens.html
<p>Lors de notre dégroupage chez <a href="http://adsl.free.fr/">Free</a> en septembre 2007, nous avons transféré notre abonnement Canal+ pour que celui passe par la Freebox ; à cette occasion, mon interlocuteur du service clients de Canal+ me propose un abonnement à CanalSat, que, croyant qu'il ne m'en coûterait que 3 euros supplémentaires par mois après une période de gratuité de trois mois, j'accepte.</p>
<p>Il est apparu qu'en fait, les 3 euros supplémentaires était la différence de tarif entre l'abonnement à Canal+ et l'abonnement à CanalSat, mais que les deux se cumulaient, doublant ainsi la valeur de notre abonnement, pour une utilité qui, à l'usage, ne s'est pas avérée concluante.</p>
<p>Nous résilions donc notre abonnement en août dernier, et cette résiliation, moyennant un coup de fil supplémentaire au service clients, est bien prise en compte à partir du mois d'octobre.</p>
<p>En novembre, nous recevons la lettre suivante:</p>
<p><img src="http://www.nimbustier.net/images/2008/cochernon.jpeg" alt="Courrier de CanalSat" width="600" height="396" /></p>
<p>Pour confirmer notre résiliation, il nous faut donc cocher une case "non" dont le lecteur attentif ne pourra que noter l'absence... Ah, CanalSat aime vraiment trop ses clients pour les laisser partir !</p>Noël 20082008-12-25T17:11:00Zhttp://www.nimbustier.net/blogs/2008/12/noel-2008.html
<p style="float:left;padding-right:0.5em;"><img src="http://www.nimbustier.net/images/noel-2008.jpg" alt="Mathias" width="400" height="300" /></p>
<p>Quelque soit la définition du bonheur, et si tant est qu'il existe, elle se doit d'inclure un noël avec un enfant de quinze mois…</p>
<p>Le kitsch en devient éblouissant, le clinquant merveilleux, et le bruyant féérique - le <a href="http://lespingouinssontparminous.20six.fr/lespingouinssontparminous/art/143553051/L-esprit-de-Noel">pêt reste lui certes odorant</a>.</p>
<p>Bonnes fêtes !</p>