Blog

Dernière mise à jour le 23 septembre 2018.

Appliquer les principes SOLID aux sociétés et systèmes

Malgré 40 ans d'alertes, notre société n'a pas pris les mesures qui s'imposaient pour préserver l'écosystème, et il faut désormais s'organiser pour y faire face. Comparaison avec les principes d'architecture logicielle pour celles et ceux à qui ça parlera.

Contribution au PLU-H

Rhonalpin de longue date, et habitant de Vernaison depuis peu, je découvre avec stupeur qu'il est prévu qu'une entreprise s'implante sur l'espace naturel exceptionnel que représente l'île de la Table Ronde.

Notes Sud Web 2018

Je reviens juste de Sud Web 2018 où, comme souvent, j'ai pris plein de notes. J'ai pris cette fois le temps de les remettre au propre et de les mettre en ligne parce que plusieurs personnes m'ont demandé de les diffuser.

Le paradoxe de la matière

L'autre jour une voiture est sortie de la route et est tombée sur les voies, bloquant pendant 2h la circulation entre Lyon et Saint-Etienne. Cela m'a fait réfléchir à la facilité avec laquelle une seule personne peut causer de désagréments à des tas d'autres…

Le matériel indispensable en cuisine

Dans toute activité manuelle les bons outils sont indispensables, et la cuisine ne fait pas exception. Voici ce que j'utilise en cuisine, et que je conseille à quiconque veut s'équiper, cuisiner plus souvent ou plus facilement, ou juste prendre plus de plaisir en cuisine.

Kéfir de fruits

L'amie Marianne nous a offert des grains de kéfir il y a quelques mois en nous expliquant comment s'en servir pour faire notre propre limonade. Depuis, je teste, et j'en distribue à mon tour (de bras). Si vous êtes curieux•ses voici ce que j'en sais et comment je le prépare.

Migration : de Dotclear à Wordpress à Jekyll

Ce blog utilise désormais Jekyll. J'ai pioché à droite à gauche pour lui faire faire ce que je voulais, je documente donc ici pour celleux que ça intéresse.

Affaires à donner

En déménageant, on retrouve des affaires qui ne servent plus. Voici une liste de choses à vendre ou donner.

Zéro déchet en voyage (en Grèce)

J'ai passé 2 très belles semaines au fond des Cyclades. Comme on ne se refait pas, voici les actions menées et les idées qui me viennent sur la gestion des déchets, là où nous étions et en voyage plus généralement.

Tout ce dont je me passe aujourd'hui

Je regardais l'autre jour Faim de pétrole, une conférence gesticulée présentée par Anthony Brault de la SCOP Le Pavé. On y apprend énormément, sur la manière dont le monde dans lequel nous vivons est façonné par le pétrole, comme la chute sera rude quand les prix s'affoleront, et que ce temps viendra bien plus vite qu'on ne nous l'avoue. J'étais secoué, mais bien heureux d'avoir déjà commencé mon sevrage…

L'informatique n'est pas un monde d'homme

Contrairement à beaucoup d'idées reçues, l'informatique n'a pas été créé par et pour les hommes hétéros européens cis neurotypiques seulement. Loin de là ! Mais perpétuer cette idée fausse décourage de nombreuses vocations et prive le monde de contributions utiles. Voici donc quelques exemples marquants à garder sous le coude quand vous aurez besoin d'arguments…

Osez proposer un sujet de conférence

Dans le domaine du Web, nous avons la chance d'avoir une communauté accueillante, ouverte, généreuse, et de nombreuses conférences qui sont de beaux moments d'échange. Quand je vois tout le bien que ça m'a fait d'assister et même de parler à des conférences, j'essaie régulièrement de convaincre les gens autour de moi de franchir le pas.

Devenir optimiste

Je viens de lire l'émouvante présentation de Reginald Braithwaite sur l'optimisme, le pessimisme, ce qui fait que nous sommes l'un ou l'autre, comment devenir optimiste, et comment l'appliquer dans notre collaboration pour rendre les autres optimistes eux aussi.

Bien gérer ses mots de passe

Les mots de passe, cette plaie de l'informatique... Il faut en choisir de bons mais on croit souvent que les meilleurs mots de passe sont les plus durs à retenir, et qu'il n'est pas grave d'en mettre un simple pour un service qu'on utilise peu... Et pourtant c'est faux !

Jeux d'écritures du 26 janvier 2016

À la demande de l'ami Thanh, hier soir j'ai dirigé une une soirée écriture où nous étions une petite dizaine. Voici les exercices que j'avais conçu et auxquels nous avons joués.

Les boutons sont un hack

Dans une excellente conférence donnée notamment à Breaking Development en septembre 2011, Josh Clark explique en quoi les boutons sont un hack. Un hack inspiré, mais qui nous empêche aujourd’hui d’utiliser tout le potentiel des interfaces tactiles.

Le tournant des CSS vers le layout

Daniel Glazman a présenté les dernières nouveautés en matière de CSS, et le métier d'intégrateur va encore énormément évoluer dans les 2 années à venir. La plupart de ces nouveautés utilise une syntaxe incompréhensible pour les navigateurs actuels, il faudra donc soit attendre, soit prévoir un fallback, soit accepter un rendu totalement différent dans les navigateurs plus anciens.

Paris Web 2012, impressions

Paris Web 2012 s'est terminé il y a quelques semaines, et comme beaucoup j'en ressors chargé d'énergie pour "bien faire le web". Voici quelques réflexions en relisant mes notes.

Justifier le prix de la qualité

Très bon article d’Elie Sloïm sur le Train de 13h37 : Justifier le prix de la qualité. Principalement destiné aux indépendants cherchant à justifier leur différence de tarif, il brosse tout ce qu’implique la qualité : adaptation aux besoins clients, livrables, assurance, prévention des dérives…

IAwriter vs Byword

J'aime écrire, mais j'ai besoin de me concentrer et de pouvoir structurer mes textes sans y perdre de temps. Voici les atouts d'IAWriter et de Byword, et la raison pour laquelle je préfère le deuxième.

Markdown : présentation

Markdown est un ensemble de conventions simples pour la mise en forme de texte. Le nom s'oppose au "markup", où le texte est mis en forme à l'aide de balises longues à saisir.

Migration

Ce site utilise maintenant Wordpress. J’ai fait en sorte de rediriger les URLs mais il en reste forcément, n’hésitez pas à le signaler grâce au formulaire sur la page 404. Le graphisme n’est pas mon fort, j’ai donc essayé de faire simple. En attendant le design s’adapte au mobile (responsive web design) et le poids des pages est minimum. Edit 22/12/2017 : Exit Wordpress, c’est Jekyll maintenant.

Pourquoi passer au web mobile avec le design réactif

Cette conférence a été donnée lors du salon du numérique, le 20 avril 2012.

Sud Web 2012

L'édition 2011 a rencontré un franc succès, nous avons donc remis le couvert. C'était l'occasion d'apprendre beaucoup de choses :

Couvrir une zone d'un dégradé transparent en CSS

Pour un projet, j'ai eu besoin d'indiquer qu'un bloc contenait un texte tronqué. Voici comment obtenir cet effet, avec des commentaires sur les techniques utilisées.

Accessibilité et grands groupes (notes ParisWeb 2011)

Synthèse des mes notes prises pendant ParisWeb 2011. Comment faire évoluer une galaxie de sites quand on est en infériorité numérique ? Retours d'expériences de Stéphane Deschamps, Orange Business Group, et de Arthur Rigaud, SNCF.

Comment acheter un site web

Commerces, sociétés, personnes, même sans site web vous êtes déjà en ligne : les annuaires, les résultats de concours ou sportifs, les listes de diffusion sur lesquels vous êtes inscrits ne vous demandent pas votre avis pour publier des contenus associés à votre nom. Avoir son propre site permet d'influer sur cette présence en ligne. Mais un site web ne s'achète pas comme une chemise : il faut savoir ce dont on a besoin, à quoi il servira, et comment le faire vivre ensuite. Aide-mémoire pour bien s'y prendre.

Raccourcis claviers utiles sur Mac

Parmi les nombreuses raisons qui me font préférer l'OS d'Apple à celui de Microsoft, les raccourcis clavier comptent pour beaucoup. Même si j'utilise peu la ligne de commande et qu'Apple met de plus en plus de commandes dans la souris, les raccourcis clavier font gagner du temps sur un grand nombre d'opérations très fréquentes, alors autant en profiter !

Place de l'ergonomie dans un projet web

Monique Brunel en partageant l'article "Ergonomie, pourquoi est-ce si difficile ?" a lancé une discussion sur l'ergonomie. Mon commentaire s'étoffant, je le publie ici pour lui donner plus de visibilité.

Les Favicon

Un favicon est une icône informatique symbolisant un site web. [...] Les navigateurs web utilisent les favicons dans la barre d'adresse, la barre de titre, les favoris, les onglets et autres raccourcis. (source : Wikipédia). Inventé par Microsoft pour Internet Explorer, et adopté par tous les navigateurs ensuite, leur utilité va croissante avec la navigation par onglet, mais on ne sait pas toujours par où commencer. Voici des informations et outils pour tout savoir sur ces petites choses.

Comment supprimer un site des moteurs de recherche

La plupart du temps, on cherche à être bien référencé dans les moteurs de recherche. Il arrive pourtant qu'on doive empêcher l'indexation d'un site complet (un site de recette par exemple). Voilà comment supprimer un site indexé par erreur, et empêcher les nouveaux contenus d'être indexés.

Images et performance web

Pour qu'un site s'affiche rapidement, il faut limiter au maximum les éléments téléchargés par le visiteur. Les images pèsent souvent lourd, il faut donc les optimiser autant que possible.

Configurer Mac OSX pour développer avec Apache, PHP, MySQL, etc

Mac OSX est livré avec un serveur web Apache qui s'active en cochant une préférence. Mais il faut faire quelques manipulations avant de pouvoir développer un site en PHP...

Pointeurs Apple : magic trackpad, magic mouse, mighty mouse

La bille de ma Mighty Mouse s'étant rapidement encrassé au-delà de tout nettoyage possible, j'étais passé à la Magic Mouse. Mais entre la configuration trop limitée et les gestes trop compliqués d'une seule main, j'ai fini par rebrancher une souris PC classique. Quand un collègue m'a proposé d'essayer un Mighty Trackpad le temps d'un weekend, j'ai sauté sur l'occasion.

Traduction amusante

J'ai vu sur un automate cette traduction plus qu'approximative...

Solutions de stockage en ligne

Pour trimballer, partager et échanger des fichiers, il y a eu les disquettes, le CD-ROM, et maintenant les clés USB. Mais le support physique a quelques inconvénients : on ne l'a pas toujours à la main, il n'y a pas toujours de port USB libre, et il faut penser à mettre les fichiers dessus avant de partir. Intéressé par la solution MobileMe (aka iDisk) mais rebuté par le prix, j'ai cherché d'autres solutions.

J'ai supprimé mon compte facebook

J'avais déjà hésité à le faire plusieurs fois, mais ne l'avais pas fait en me disant "je ne pourrai pas voir les photos d'untel ou d'untelle". Mais en quelques mois, l'attitude de Facebook envers ses utilisateurs est devenue insupportable et dangereuse.

Créer des PNGs transparents avec Photoshop

Beaucoup de gens sont persuadés qu'Internet Explorer ne sait pas lire les images au format PNGs. La vérité est plus nuancée...

Windows 7 : les habits neufs de Vista

Le non-évènement de cette semaine, c'est la sortie de Windows 7. Personne n'en parle, aucune avalanche de pub ne recouvre la ville, rien. Cette absence de réaction cache-t-elle un non-produit ?

US climate change reaction won't change the world

We need to put the world on a carbon diet. That's a light way of saying we're on a crash-course to destruction. What's the best way to tackle this when you're the american Secretary of Energy?

Recette de pain boulanger de mon oncle

Mon oncle fait son propre pain depuis des années. Et quel pain ! Peu satisfait des résultats de ma machine à pain, j'ai fini par lui demander sa recette (en utilisant ma machine à pain comme pétrin).

Notes sur la One eleven 2009

La One eleven, course roller mythique, a lieu tous les ans à Saint Gallen (Suisse). J'y ai participé pour la première fois, et malgré une absence de préparation physique et une attaque de crampe à 70km, j'ai réussi à la boucler en 4h11. Quelques infos sur la course...

A propos du nom de ce site

Ayant un prénom suffisamment original pour ne pas avoir besoin de pseudo, je n'en ai pas utilisé pendant longtemps. Malheureusement, il était déjà pris quand j'ai cherché un nom de domaine. J'ai alors découvert le mot userland et sa signification, et il rassemble 2 domaines que j'apprécie particulièrement...

IE6 bug using blur and focus on form events

While developping SelectOverflow (a Mootools plugin for long selects), IE6 fired the blur event when I said focus(). Here's how I circumvented the bug.

Paris-Web 2009 : j'y serai

Paris-Web, c’est 3 jours de conférences sur Internet (design, code, accessibilité, ergonomie, performances…). Si votre métier se rapporte de près ou de loin à Internet, il y aura sûrement une conférence qui vous correspond.

Promotion d'IE8 : mauvaise foi incalculable de Microsoft

Dans un ramassis de mensonges éhontés, Microsoft prétend que leur navigateur IE8 est supérieur à Firefox et Chrome. Une telle mauvaise foi mérite au moins un google bombing.

Relancer Apache sur Mac OSX (Leopard)

Mac OSX Leopard contient, préinstallé, le serveur web Apache (version 2). Une grande partie des tutoriels concernant apache sur Mac OSX sont donc obsolètes car l’emplacement des fichiers de configuration et le nom des commandes diffère pour cette version.

Détecter une suite de caractère identique avec une expression régulière

L’expression régulière suivante (entre ‘/’) permet de valider qu’une chaine de caractères ne contient qu’un seul caractère : /^(.)\1+$/. La syntaxe fonctionne en javascript et en PHP.

Les modes en informatiques, ou pourquoi j'ai modifié mon clavier

Une interface est modale si une même action peut provoquer des réponses différentes, en fonction de l'état d'un élément extérieur. Ce principe est mis en avant dans "The Humane Interface" de Jef Raskin (à l'origine de l'interface du Mac). Et plus j'utilise les ordinateurs, plus je suis convaincu de son bien-fondé.

No input file sur Dreamhost avec Dotclear

Dreamhost, l'hébergeur de se site, vient de me signaler qu'ils ont du précipitamment changer la machine que je partage. S'excusant de me prévenir au dernier moment, ils me recommandent de vérifier les éventuels chemins d'accès dans les fichiers de configuration...

Hijax (Traduction)

Cette article est une traduction de l'article "Hijax" publié par Jeremy Keith le 1er janvier 2006. Mon objectif, en écrivant Scripter le DOM,était très clair : il s'agirait d'une introduction à Javascript et au DOM, dans laquelle j'insisterai sur les bonnes pratiques. J'avais volontairement choisi de ne pas couvrir les sujets plus complexes tels qu'XMLHttpRequest. Cependant, pendant que j'écrivais ce livre, Ajax décollait totalement et il est rapidement devenu évident que je ne pourrais pas l'ignorer, sans non plus en parler en détail. C'est pour cela que j'ai rédigé le dernier chapitre.

Nouvelle catégorie : Traductions

Le site Pompage.net accueille des traductions d'articles importants sur le webdesign. Il arrive cependant que certaines propositions ne fassent pas consensus. Je mettrai donc sur ce blog les articles que j'ai souhaité traduire par conviction personnelle.

Science-fiction : les auteurs qui ont changé ma vision du monde

Une enfance isolée, une mère bibliothécaire, le goût des histoires, je ne pouvais qu'aimer la lecture. J'ai rapidement attrapé le virus de la science-fiction, par amour du dépaysement. Mais loin du cliché, je crois que la SF nous offre, comme les animaux de La Fontaine ou les Lettres persanes de Montesquieu, un miroir pour mieux voir le monde.

Là où tous les pixels sont ronds...

Une amie nous a été retirée le weekend dernier -brutalement.

Focus : la pseudo-classe championne d'ergonomie et d'accessibilité

Les pseudo-classes CSS sont un peu particulières : elles ciblent un élément dans un certain état. Souvent méconnues, les styles s'arrètent en général à changer la couleur et le soulignement sur a:link, a:visited {...} et a:hover, a:active {...}. Pire, on voit même fleurir :focus { outline: none; } sans surcharge plus loin.

Xiti ne respecte pas assez les standards

Je lisais un article sur le boom de Firefox 3 publié par xitimonitor. Ayant perdu plusieurs heures dans l'interface d'administration, le lien "Découvrez Xiti 7.5, mesure et analyse d'audience internet" m'a attiré l'oeil. S'agit-il d'un screencast gorgé d'explications, ou simplement d'un article d'autopromotion ? Pour en savoir plus, je passe la souris dessus. L'URL m'a fait sortir de mes gonds…

24h du Mans roller 2008 : j'y étais !

On se dit qu'il faut être fou pour se lancer dans une telle aventure... Et pourtant, dès que sonne la fin des 24h on oublie tous les coups durs et on ne pense plus qu'à une chose : y retourner !

Mon nom est Bont. James Bont

Après beaucoup d'hésitation et d'envie, j'ai finalement craqué pour de nouveaux rollers.

Migrer Dotclear 2.0beta multiblog en RC1

Informé par le standblog de la sortie de Dotclear 2 en RC1, je décide de migrer ce blog tout de suite. Aucun problème à signaler, mais vu que mon installation est un peu particulière (multiblog), autant partager ce qui a fonctionné pour moi.

La confiance règne

Sur la route du marché, le premier mai, on trouve (cherchez l'intrus) : des vendeurs de muguet, des communistes, cégétistes, percussionnistes, des cars de CRS...

Journée mondiale des luttes paysannes

De retour d'une conférence organisée dans le cadre de la journée mondiale des luttes paysannes. L'un des intervenants n'était autre que Rajagopal qui, à la tête du mouvement non-violent Ekta Parishad, a obligé l'état Indien à redonner des terres aux paysans sans terre. Et cela représente bien plus que du papier...

Coincidences

Deux faits amusants.

Class et ID en HTML

Quelques points à savoir.

Nouveau départ / nouveau poste

Après un an de bons et loyaux serices chez Boléro, j'ai ressenti le besoin de me frotter à d'autres sortes de challenges.

J'ai toujours rêvé d'être à une avant-première

Le cinéma Comoedia présentait le film "J'ai toujours rêvé d'être un gangster" de Samuel Benchetrit, en avant-première, et je le recommande !

Partager ses marque-pages Firefox sur différents postes

Comme beaucoup, j'ai un ordinateur à la maison et au travail, et je fais souvent transiter des favoris de l'un à l'autre, ce qui n'est pas très pratique...

Encore des bookmarklets (amazon mp3, URLDecode)

Voici 2 nouveaux bookmarklets pour se simplifier la vie. Pour les utiliser, les faire glisser sur la barre d'adresse ou copier la cible du lien et créer un nouveau marque-page dont ce sera l'adresse.

Mobile web: a few things to know

Internet on a pocket device has very little in common with the fuller "desktop" experience. On the other hand, it also has a lot in common...

ParisWeb 2007 : J'y étais !

Malgré des grèves qui ont sacrément cassé les pieds tant aux organisateurs qu'aux participants et orateurs, ce ParisWeb 2007 est un véritable succès.

Disques dynamiques et disques de base sous Windows

Après plusieurs déboires, changements de PC, de système d'exploitation et de système de partitionnement, je pensais avoir tout vu, mais non ! En partitionnant un disque dur avec windows, j'ai fait la désagréable découverte de la distinction "disque dynamique / disque basique".

Ca sent l'arnaque...

Une société vient de m'appeler pour me proposer une assurance contre les arnaques (et autres problèmes juridiques). Mais message et messager ne disaient pas exactement la même chose...

Et vous, quels gestes faites-vous pour l'environnement ?

Chacun est responsable face à la catastrophe écologique, et ce que nous négligeons aujourd'hui nous coûtera bien plus demain.

ParisWeb 2007 : J'y serai !

Trois jours de conférences, rencontres, échanges autour du web, des bonnes pratiques et de l’accessibilité, le tout à un tarif abordable, je ne vois aucune bonne raison de louper ça !

Obtaining query parameters in Javascript

The location object suffers from poor design in Javascript. Here's a function to retrieve the query parameters from the page (if any).

Des raccourcis souris pour Firefox : bookmarklets et mouse gestures

Plus qu'un navigateur, Firefox est une plate-forme et est entouré d'un écosystème riche, qui permet des choses assez sympas...

Rions un peu avec... Amazon

En réponse à la série des "Rions avec..." initiée par Br1o de CSS 4 designer, voici deux histoires drôles d'Amazon.

Emménagement aux Marronniers

Tout évolue, et je suis loin d'échapper à la règle. Un peu à part sur ce blog où je ne souhaite pas aborder de sujets trop personnels, le récit avec quelques images d'un déménagement un peu épique...

Les meilleures ressources web en français

La communauté internationale des développeurs est très active et il ne passe pas un jour sans que de nouveaux scripts, gabarits et tutoriels n'apparaissent. Que les allergiques à l'anglais se rassurent, il existe aussi de très bonnes ressources en français !

Vidéo : sympa l'ambiance de travail...

Moi qui pensait que l'ambiance était sympa dans ma boite et qu'on ne pouvait pas vraiment trouver mieux...

Safari pour windows

Lors de l'Apple Worldwide Developers Conference du 12 juin 2007, Apple a mis à disposition une version gratuite de Safari 3.0Bêta... pour Windows !

Bookmarklet: Open in New Window

Bookmarklets, also called favlets, are tiny bits of Javascript saved in the "Location" field of a bookmark, and used to perform predefined actions. More specifically, this bookmarklet "pops" the page currently viewed into a new window of its own.

Problème plugins et media Dotclear 2 (et solution)

L'interface d'administration de Dotclear 2 a sacrément de la gueule, mais elle comporte des subtilités... J'ai longtemps cherché où se trouvait l'administration des plugins et des medias, sans comprendre pourquoi je ne l'avais pas. En désespoir de cause, j'ai regardé le code et trouvé la solution suivante.

CSS Naked day

What happened to the design?

Emuler le rendu Safari sous Windows

Les navigateurs n'appliquent malheureusement pas les standards de manière identique, et il est nécessaire de tester une mise en page CSS sur la majorité des navigateurs. Sauf qu'ils ne sont pas tous disponibles sur toutes les plate-formes...

Réduire et redimensionner des images en PHP

Si je ne devais citer qu'un seul défaut de PHP, ce serait son incohérence. Les noms de fonctions manquent de logique, l'ordre des arguments n'est jamais le même, et la liste pourrait continuer longtemps encore... Voici quelques informations à connaître pour travailler avec les images.

Good and bad practices in Web design

This list of do's and don'ts intends to provide quick examples and explanations of what to do and avoid to be successful on the web. Because we web professionals are responsible for educating our clients, which in turn will help ourselves, and the web be a better place.

Firefox themes and usability

As mentioned in Firefox themes in an overview, the ability for users to theme and restyle Firefox is one of it's greatest assets, together with addons. But here are a few usability notions to keep in mind when designing themes.

Développeur informatique pour Boléro

Je ne souhaite pas aborder trop souvent de sujets personnels sur ce blog, mais la situation le mérite. A partir du lundi 26 février 2007, je serais officiellement développeur informatique dans la société Boléro.

Accessibilité et ergonomie des documents HTML

Ma formation de développeur informatique spécialisé Internet s'est achevée hier. J'ai présenté lors de la dernière épreuve un rapport de stage dont j'avais consacré une partie à l'accessibilité et l'ergonomie des sites et applications en ligne. Jugeant que cette partie pourrait profiter à d'autres, je la propose ici. Vos commentaires sont les bienvenus.

Align bottom in float-based CSS column layout

Some things are easier to do with tables than CSS, but there's always a way to get it done. Here's how to bottom align a section in a float-based columns context.