da scritch net works - Mot-clé - photo

Le mouton tondu

Da Scritch — 2020-06-15T13:53:00+02:00

(ok, ces images ont pratiquement un mois)
Ma vie est une sitcom

Le déconfinement, c'est la joie d'avoir quelques kilos de cheveux en moins. Une expérience globale de l'importance de son coiffeur de quartier

Une belle tête déconfi-te.
Je sors ça un mois après, pour pas que mon +1 s'aperçoive depuis combien de temps j'ai pu passer à la coupe.

La conférence de rentrée de CPU

Da Scritch — 2019-09-12T11:00:00+02:00

Résumé de la soirée en moins de 3 minutes, en vidéo et sans le son. Ou alors avec le son, mais ça dure une heure, et vous n'avez pas les mêmes images.
Radio

Comme annoncé, on a fait une rentrée dans les normes : Au fin fond d'une zone industrielle, dans un célèbre lieu artistique, dans le double container d'un hackerspace. Et elle signe le début de la nouvelle saison de l'émission.

Philippe Martorell au bout de la table, et un pc du service vidéo posé en plein milieu avec interdiction d'y toucher. Timelapse de la première émission capturée par TTh

TTh, qui gère le lieu le soir où on a enregistré (le Double-Dragon, antre du redoutable Tetalab), m'a enregistré en timelapse. Comme des invités étaient en retard, on a en plus branché au-dessus de la porte d'entrée du ~~container~~ Double-Dragon un gigantesque journal lumineux (enseigne à led qui affichent un texte préprogrammé), piloté par un minitel, pour signaler notre position qui était visible depuis le parking.

Sur la gauche, Nicolas ogadaki Decoster de l'association La Compagnie du Code pour le DevFest Pitchouns. Face à moi, de dos, Élise Rigot, productrice de la nouvelle série Bio is the new Black, qui commence dans 15 jours. Photo : Enflammée

Julien Eliès qui est notre invité pour l'émission sur le Cobol. Diffusion programmée dans un mois. Photo : Enflammée

Les joyeux drilles de l'asso Silicium a ressorti de son bunker une sélection de livres autour du Cobol, sujet de la deuxième émission enregistrée. La BD à droite roxe. Normalement, ils préparent un billet sur leur sélection. Photo : René Spérenza.

Pour cette saison, je passe à un dispositif d'enregistrement totalement différent, bien plus léger, et théoriquement avec un meilleur son. Ben ouais, je reste très papier pour mon conducteur : ça ne plante pas et il ne manque pas d'énergie pour le lire au milieu du troisième enregistrement. Moi, par contre,… Photo : Enflammée

On peut mesurer ma fatigue au fait que les oreilles de chat soient de moins en moins bien dressées. Photos : Enflammée

Timelapse de la deuxième émission capturée par TTh qui est resté veiller bien tard si j'en crois les images

C'est foutraque, dingue, tu penses à littéralement autre chose après une journée bien chargée...

Et quand tu vas pour tout ranger, deux personnes toquent au studio improvisé et nous disent Venez, on va répéter notre concert !. La salle est immense, une petite dizaine de fauteuils, la musique et la performance semblent vraiment bien, mais il est 23 heures et on est trop claqués.

J'appelle ça une chouette rentrée radiophonique !

Bienvenue à Dinah

Da Scritch — 2019-01-28T20:07:00+01:00

mv /home/le-chat-libre.com/fantagaro /home/enflammee+dascritch/dinah # Comment un félin nous a adoptés.
Ma vie est une sitcom

Nous voulions ménager du temps après le départ brutal de Poussière. Notre regrettée chatte a bien vécue, et nous espérons trouver un compagnon qui vive d'aussi longues aventures avec nous.

On ne cherche pas un chat comme un objet de consommation. Si c'était le cas, nous serions allés chez Ikea, mais si c'est pour monter à l'envers la patte arrière-droite faute d'avoir bien compris la notice de montage ou ne pas savoir que faire de l'œil surnuméraire, euh…

Beaucoup de nos amis sont accueillants pour l'École du Chat Libre de Toulouse, nous avons souhaité recourir aux services de cette association. Celle-ci fait régulièrement un chat-room les week-ends dans des magasins avec une douzaine d'animaux, nous sommes allés les voir Samedi dernier.
Il est possible de consulter leur chatalogue en ligne, mais je tenais à voir la bête avant livraison. Oui, j'aime bien les magasins physiques et tester le produit avant acquisition. Et une erreur de livraison est si vite arrivée.

Quelques specimen.

Cette association tente de cerner la personnalité des chats, et conduit un petit entretien avec les futurs adoptants afin de trouver les caractères les plus compatibles. C'est toujours moins cher que les sites de rencontre.

Un point à connaître : les modèles exposés dans les magasins sont craintifs, donc outre qu'une petite fraction des matous à adopter est présenté, les animaux sont peuvent être trop stressés pour un contact dans de telles conditions.
En plus des deux bénévoles, nous devions attendre une troisième personne, mais la fatigue et un autre impératif nous fait rentrer à notre base secrète, le cœur gros et la cage vide. Arrive sur ces entrechats un e-mail en réponse à une lettre de motivation envoyée la veille, et la proposition d'aller visiter leur refuge.

Rendez-vous en chats inconnus

C'est ainsi qu'hier, nous sommes reçus dans le refuge* de l'École du Chat Libre. Leur local est petit, d'où leur besoin de familles d'accueil, et malgré la densité de chats, les félins dégagent une étonnante sérénité. Les bénévoles nous ont présenté les chats qui nous entouraient. Des timides, des foufous, des pépères, des instagramables qui nous regardaient en disant matte-moi comme je vais faire fondre tes followers.
Oui, on vous connait, vous ne partagez pas tous l'obsession des T-Rex de Boulet.

Cœurs à prendre

Dès l'entrée, y'en a une qui nous faisait de l'œil. Elle n'était pas la seule, mais la première à me chercher la main pour se faire caresser. Ses yeux verts d'eaux sont pénétrants, son pelage impeccablement mis, son volume chauffant digne d'une bouilloire XL idéal frimas de l'hiver.

Bonjour, enchaté de vous connaître.

OK, c'est décidé, on l'embarque plutôt que le beau blotched tabby bleu qui me promettait un ROI sur SMO mais ne semblait pas spécialement facile. Désolé aussi les 4 qui nous regardaient et ont reniflé nos mains en espérant mieux nous connaitre.

Va pour le matricule Fantagaro !
Les formalités remplies avec période d'essai sur 3 mois (parce que le chat est un technicien en CDI), nous partîmes d'un prompt renfort dans sa boîte de transport, nous 3 vers…

Nos pénates

Une fois sa cage entrouverte, l'animal détalle fissa, terrorisée par ma conduite et les bourrasques de vent, à moins que cela soit l'odeur de mon couscous ? ou plus probablement sa triste histoire.

Notre nouvelle colocataire @dascritch et moi pic.twitter.com/kGEVOxKvin
— Chantal Pisey 😿 (@enflammee) 27 janvier 2019

Malgré son gros volume (notre nouvelle co-locatrice doit bien faire 2½ fois feue-Poussière), elle s'est faufilée dans les 5cm sous un meuble. Ce qui m'a valut la réplique de la soirée :

Ben voilà, t'as une armoire qui miaule.

On convient qu'il faut la laisser un peu, on apaise la situation en se netflixant The Punisher E08S02.

~~Quelques rafales de fusil mitrailleur~~ Une demi-heure plus tard, un poil inquiet de ne revoir la petite nouvelle, je la tire de dessous. Elle cavale vers l'autre bout de l'appartement et se replanque dans un autre recoin obscur où le dernier passage de balai doit dater de ma dernière installation Windows. Je l'y laisse un quart d'heure avant d'à nouveau la sortir en y plongeant les mains. Et là, elle fonce… sur le canapé et nous ronronne amoureusement. Depuis, elle ne nous lâche plus.

Adoptés !

Bienvenue à Dinah **


$ file dinah

felix domestica, genre femelle, 1 an, robe brown tabbie & blanc, yeux vert d'eau.

Signature PGP à venir >^o^<

Bien plus vorace que notre regrettée Poussière, son niveau d'affection avoisine la super-glue, nous l'adorons.

Milles mercis à l'École du Chat Libre de Toulouse, n'hésitez pas à les soutenir pour aider d'autres félins et humains à trouver leur bonheur mutuel.

* Le lieu est étroit et son adresse exacte est volontairement confidentielle afin de ne pas stresser les pensionnaires par des visites. Il n'est accessible que sur invitation.

** Dinah est le nom du chat d'Alice dans le monde réel. Oui, nous avons manqué d'originalité. On n'a pas assumé Fantagaro…

Poussière redevenue poussière

Da Scritch — 2018-11-20T14:50:00+01:00

Août 2004 - 20 Novembre 2018
Ma vie est une sitcom

Poussière, le 11 novembre dernier

Elle était arrivée comme ça dans mon cœur, et dû partager son territoire avec un autre...

Elle fut la douce complice sur le PC, elle fut la tendre chaleur dans le lit, elle fut la jalouse qui ne se laissait pas dompter, elle fut l’exigeante patronne pour l'heure de la soupe, elle fut l'empathique soutien dans nos heures de tristesses, elle fut l'insatiable voleuse de caresses, elle fut la chipeuse de chips, elle fut la pourfendeuse de lézards, elle fut l'heureuse maman, elle fut la vigie qui guettait derrière nous, elle fut le dragon qui sortait les matous venus du côté Nord du Mur.

Elle nous a donné 14 années formidables de ronronnades et de mystères. Elle est restée fine, indépendante, chaleureuse. Et elle a combattu avec autant de volonté qu'elle a pu sa longue maladie.

Elle avait encore une forme éclatante. Mais en une semaine, elle a périclité à vitesse grand V. Nous croyions encore pouvoir la sauver, mais elle n'arrivait même plus à miauler sa douleur ce matin.

Et la notre.

Au revoir Poussière,

te voilà partie au pays des croquettes infinies.

Nous n'avons pas assez de mots pour te remercier d'avoir été notre compagnon quelles que furent les difficultés et pour nous avoir longtemps accompagné sur ce long chemin qu'est la Vie.

Des ordinateurs familiaux soviétiques en studio

Da Scritch — 2017-11-07T13:37:00+01:00

Ces engins étranges et exotiques venus d'une époque révolue.
Gizmo

Dans l'émission de CPU que nous diffuserons ce Jeudi, nous pu admirer et même toucher ces fameux ordinateurs soviétiques prévus pour un usage personnel. Milles mercis à l'association Silicium pour nous avoir amené ces raretés. Et encore milles mercis au Tetalab et à Mixart Myrys pour nous avoir accueillis avec enthousiasme !

Une vraie entrée dans un univers parallèle : le fameux formicapunk théorisé par Boulet. Et nous n'avons été ni déçu par ces engins, ni par les explications fournies par Silicium. Ces raretés tombant de plus en plus en panne, nous sommes très heureux d'avoir pu prendre des photos (licence CC BY NC as usual) et des vidéos (merci TV Bruits).

Concernant l'histoire de ces ordinateurs, je vous recommande non seulement l'écoute de l'émission quand elle sera publiée ce jeudi, mais aussi de suivre les liens dans la section documentation.

Une petite vue du studio mobile de Radio <FMR> montée dans le Double Dragon de Tetalab avant de commencer les deux enregistrements. L'autre était sur la reconnaissance faciale.

Un petit tour dans une épicerie russe pour mettre un peu d'ambiance sur les tables. Juré craché, à gauche, c'est du jus de sureau.

Je regrette de n'avoir pu prendre plus en photo ce magnifique carton, arborant les lettres cyrilliques et un design à la fois simple, dans le style aussi vu à l'époque en Europe et en même temps, ce petit truc... qui me fait penser aux affichistes des 30s et au brutalisme.

Ce respectable monstre est-allemand Robotron possède une carcasse digne d'un char. Point amusant : ces bécanes avaient un fusible à côté du transfo dans le boitier.

L'ordi au premier plan, le joli boitier blanc posé sur la télé, est en fait un montage Ukrainien assez... rustique, mais caché sous une belle robe.

Posée sur la télé, une console de jeu polonaise Elvron (non branchée). Les deux ronds rouges sont des joysticks rotatifs. La machine est une copie de la première génération de Pong multijeux N20 construits par Philips début 1970s.

Le boitier de cet engin est en fait conçu pour être un...central téléphonique. Les touches du clavier sont transparentes et les indication en fait imprimées et découpées. Clone Roumain de ZX Spectrum construit en 1990. Artisanat pur, et pièces disponibles sous la main.

Les ordinateurs étaient souvent des copies de ZX Spectrum. Faute de cassette de démonstration utilisables, Silicium a simplement chargé dans ce Didaktik tchécoslovaque avec une cassette du jeu « Ultimate Cookie » pour l'ordinateur de Sinclair, la copie soviétique le fait tourner sans broncher. Néanmoins, la pièce de musée commençait à avoir des signes de faiblesse, peut-être une RAM défaillante.

Photos complémentaires par Librec

Week-end foodista

Da Scritch — 2015-10-03T13:19:00+02:00

Y'a des week-end où tu en as plein les pattes, où la tête n'en peut plus .... ou alors, c'est ton estomac qui crie « GRAAAAAASSE ! »
Sortons

Je dois aller à confesse : Oui, je suis un peu saturé dans mes temps libres à cause de l'émission C.P.U. Mais ma douce et tendre Enflammée étant forcément de la partie pour le 2^ème festival Toulouse À Table, il y avait comme une obligation morale à la suivre.

Farandole de food-trucks

Si l'idée est plaisante, servie par une variété de cuisines, l'ambiance était désastreusement gâchée par la sono trop forte.
Afin de ne pas vous couper l'appétit, je n'insisterai pas sur le fait que les toilettes montées pour l'occasion étaient sèches, sans même un endroit pour se laver les mains. En terme d'éducation et d'hygiène, il y a un sérieux effort à faire pour les organisateurs.

On a fuit. Heureusement, nous n'étions que Vendredi.

Brunch at Patty's

Là, on y est allé hors événement. Une amie ouvrait son salon de thé rue Pharaon, occasion pour se laisser tenter par son brunch. La partie sucrée tentait de rivaliser avec un album des AKB-48... (les connaisseurs comprendront)

Si vous y allez, méfiez-vous : l'assiette salée est fausse frugale. L'assiette sucrée est pleine de gourmandises faites maison. Le cadre, hérité d'un restau à soupes, est superbe, et l'ambiance très agréable, même pour les bikers en cuir velus qui aiment s'offrir un peu de douceur de temps à autres avant de shoper du rockabilly chez Armadillo Disques juste en face.

Le soir, on soupe léger

…Mais il faut décoder ce que nous appelons léger : une authentique crêpe vietnamienne, ou Bánh xèo. Si vous croyiez que vous alliez vous en sortir comme ça…

Le plat fait mine de rien, se laisse manger, mais il tient bien votre estomac pour la soirée.

Cuisinons avec Moi-Chef.fr

D'abord, il faut savoir que MoiChef.fr est un service de livraison de menu prêt-à-préparer, concocté par des chefs de restaurants connus. En clair : quand vous avez des gosses et que votre marmaille est turbulente, plutôt que risquer l'humiliante éviction d'un restaurant chic, occupez-les à faire le menu dudit restau chez vous, cela vous économisera au moins la nounou et le parking.

Autre chose à savoir, MoiChef est actuellement pensionnaire du Grand Builder d'Ekito, ce qui veut dire que nous nous voyons au moins chaque Mercredi quand nous enregistrons l'émission C.P.U. Et qu'un de mes collègues connaît un des associés, tandis que l'autre n'arrête de faire des propositions indécentes voire buccales à ma copine.
Le mercredi d'avant, ce dernier me dit « À Dimanche ! Enflammée a réservé ta place...».
Impossible de se défiler...

« Où est ton atelier ?
— Place Saint Georges
— À quelle adresse ?
— Place Saint Georges…

[sur place]
— Ah ouais »

En gros, nous étions une douzaine à cuisiner en plein milieu de la place sous les ordres du chef rock-star Hamid Miss, de l'excellent restaurant La Pente Douce, rue de la Concorde.
Ledit chef a commencé par nous anesthésier la langue avec du poivre de Sichuan frais. Je vous déconseille fortement d'en prendre un mois avant un contrôle anti-dopage.

Je tiens à signaler que j'ai parfaitement survécu à la douzaine d'huîtres que j'ai ouvertes.

@dascritch @MoiChef_fr ça va faire mal... #teasing pic.twitter.com/GNieRhp7jy
— Chantal Pisey (@enflammee) 2 Octobre 2015

Nous sommes arrivés à 11h, on est repartis tels des limaces à 17h en rampant : on était une douzaine à table, je vous laisse calculer le nombre de calories en regardant les ingrédients.

Vous remarquerez qu'après le caramel au thym, je n'ai pas pris en photo les crêpes : je n'en pouvais plus. Mais vraiment : j'ai rien mangé le soir, j'ai mangé une demi-feuille de laitue le lendemain à midi, et osé tenté un radis lundi soir.

Heureusement que je bosse ce week-end…

Petit bilan d'été

Da Scritch — 2015-08-02T11:35:00+02:00

Comme une pause d'été avant des projets de furieux pour cet automne : Ménage, Radio, Cryptoparty et beaucoup d'amour.
Ma vie est une sitcom

Vous avez remarqué que cette année, j'ai surtout blogué sur ma chronique radio hebdomadaire « Micro at hallucinarium éphémère ». Je ne compte pas continuer cette rubrique, mais en faire une vraie émission. En fait, ces 40 chroniques furent le tampon après 10 années du Supplément Week-End et 20 années de chronique BD.

J'ai aussi arrêté d'écrire des billets techniques depuis un an. En fait, suite à des expérimentations pour l'un d'eux, j'ai eu la chance d'avoir été remarqué par Adaptive Channel et de rejoindre leur équipe. Je suis sur un autre domaine technologique, puisque je ne suis plus dans le front-end web dans l'immédiat mais j'ai la chance de pouvoir travailler dans des domaines qui me passionnent.

Cette année, j'ai aussi eu la chance d'être à nouveau avec Enflammée. J'ai peu de choses à dire sinon que nous nous aimons.

À la rentrée donc, je produis une nouvelle émission radio : une vraie émission radio sur le numérique et les gens qui sont derrière.
Je suis en train de former une équipe qui est déjà très motivante, et en même temps de réorganiser mon appartement en fonction de ce nouveau programme. J'ai donc retiré 3,50m linéaire de revues et bouquins entres autres pour ceux d'Enflammée mais aussi pour la nouvelle documentation qui arrive.

D'ailleurs, cherchez bien les boites-à-lire de la Bibliothèque de Toulouse, dans ces endroits spécialement conçus pour le bookcrossing, vous retrouverez quelques revues et livres issus de ma bibliothèque.

Et évidemment, ce n'est pas fini : en Novembre, je suis en charge du cycle de conférences sur la vie privée au Capitole Du Libre, qui tiendra donc lieu de Cryptoparty d'automne. Là aussi, il y aura un travail monstre, et nous avons déjà quelques participants très intéressants. Si vous voulez y participer comme orateur, l'appel à participation est ouvert dès maintenant.

Allez, petite pause.

41 ans... déjà.

Un marché de Noël qui poutre des rênes

Da Scritch — 2014-12-29T11:39:00+01:00

Oui, en France, nous pouvons nous rhabiller.
Sortons

J'ai profité des festivités de fin d'année pour aller voir ma famille qui habite en Suisse. Plus exactement à Bâle, une ville très connue pour ses banques et sa trilogie des accords bancaires « Bâle I », « Bâle II : La contre-attaque », « Bâle III : Le retour », un peut moins pour ses cabinets de graphistes terroristes collectionneurs de Ferrari sur la Blumenrain. Que les préjugés ne vous arrêtent pas, bande d'anti-capitalistes, cette ville frontalière mérite vraiment une visite paisible et petite-bourgeoise pour ses musées et son magnifique centre-ville.

Mais la claque vous sautera joyeusement à la figure quand vous découvrez leur marché de Noël. La principale différence avec ce que l'on connaît en France est la concurrence entre les châlets à qui aura la déco la plus festive et la plus originale. D'un rêne animé qui chante et salue les visiteurs à l'angelot de la saucisse, le plus incroyable reste le manège à bougie en grandeur nature.
Forcément les prix s'en ressentent, mais au moins, on paie pour un véritable spectacle.

Inutile de vous dire que les Marchés de Noël™ que je vois en France font vraiment très pâle figure. Surtout que l'accent est mis sur les productions artisanales et locales.

Chamedi dix ans

Da Scritch — 2014-08-30T11:17:00+02:00

Jooooyeeeeux aaaaniversaaaaaaire, Poussière !
Ma vie est une sitcom

Approximativement aujourd'hui, ma fidèle minette Poussière fête ses dix ans.

Oui, bientôt dix ans que la Pépette de Xylpho est devenue ma colocatrice.

Oui, je sais, ça surprend

J'ai eu la chance d'avoir eu son soutient pendant tout ce temps, et qu'elle reste près de moi. J'ai eu très peur au printemps dernier quand il s'est avéré qu'elle avait un cancer. Je suis heureux qu'elle soit encore en pleine forme et qu'en cet hiver elle me chauffe d'un doux roooonrrrroooon à faire le pain comme dit mon médecin.

Ma minette, tu es toujours aussi fine, jeune et vive, et j'en suis heureux.

Et désolé de ton anniversaire, mais on est en plein chantier, alors on te le fera un peu après, avec quelques surprises >^.^<

Remaniement

Da Scritch — 2014-08-27T08:26:00+02:00

… ou ratatouille, c'est selon
2 ¢ d'humour

Alors, M'sieu François ! Vous allez les remanier comment, les grosses légumes ?

Avec 4 gouvernements différents en 2 ans, il vaut mieux rester sur les primeurs, si vous voulez mon avis…

Chamedi Non

Da Scritch — 2014-08-23T17:07:00+02:00

Ben non
2 ¢ d'humour

Poussière, avec la participation du Gorafi Magazine.

Quarantaine rugissante

Da Scritch — 2014-08-02T13:37:00+02:00

Cela me fait bizarre de passer ce cap. Normalement à 40 ans, on ne parle plus de « jeune homme » aux actualités…
Ma vie est une sitcom

Et pourtant…

Crédits : photo par Brice Favre, illustration badge par Thanh Nguyen.

Quelque chose me dit que même si beaucoup de choses changent cette année (dont le mariage de ma sœur Alix en Juin et le fait d'être tonton d'ici 24 heures), il y aura toujours cette passion en moi.

There's a storm coming

Da Scritch — 2014-07-18T14:32:00+02:00

« ¡ Viene la tormenta ! » « Il dit qu'un orage arrive… »
Ma vie est une sitcom

Crédit photo : Brice Favre.

Séance photo en terrasse de Sud Web 2014 avec mon costume de représentation. Vous savez tout le bien que je pense de cette conférence, jusqu'au troll.

Le titre de ce billet est une référence obligée à une phrase du film le plus abouti de Cameron, « Terminator » [EDIT : Dont nous fêtons les 30 ans en Octobre], qui a depuis été cité dans des milliers de films, tellement qu'il a impressionné des générations de réalisateurs :

Qu'est-ce qu'il est fort, Cameron.

Impressions du THSF 1984

Da Scritch — 2014-06-01T17:19:00+02:00

Le Festival du hacker-space toujours installé au Mixart-Myrys était censé être dans l'idée de la parano contre la Surveillance Globale. Back to a feared future ? Loupé, je m'y suis surtout bien éclaté.
Sortons

Voici mon petit débrief photo de ce 5^ème THSF, le fameux/fabuleux/fantasmagorique Toulouse Hacker Space Factory.

L'émission en direct a été un peu plus lourde à gérer qu'à “l'accoutumé” suite à des problèmes techniques, sans l'aide de Infested Grunt et de Monsieur Wong, tout seul, cela aurait été totalement impossible. Et surtout la nuit fut très longue, et que j'ai eu peu de personnes vaillantes dès midi pour passer à l'antenne, comme les conférenciers n'arrivaient en train que le samedi, ce fut rêche. Élément encore plus pénalisant, point de Flora Power cette année, l'absence de la boisson emblématique du THSF a été un coup difficile à avaler/boire pour les festivaliers car il ne restait que la bière. J'ai surtout profité de ce THSF les soirées de jeudi et vendredi et le samedi en fin d'après-midi. Je me ferais les conférences en différé.

Et si depuis le premier, les fablabs et hackerspaces ne sont plus vus comme des bricolages d'hurluberlus par les autorités Françaises, il reste encore vraiment beaucoup de chemin avant qu'enfin ces lieux soient compris comme de réels points de départs de nouveaux business, de nouveaux emplois, comme cela se fait aux États-Unis, en Allemagne, en Espagne ou dans les pays en voie de développement.

Comme d'habitude, premier réflexe sur place, jouer avec les potes au Arkanoid tabletop. Outre un excellent Pond 1D, un Missile Command grandeur nature, sur siège asservi. Le Tetalab protège la Nation ! Plus bizarre : Un jeu d'arcade avec des Makey Makey, pilotable en tapotant des cuisses (fraîches) de poulets.

Les classiques du Tetalab étaient de sortie comme le LedPong, le mur de minitels. Les désormais 5 machines à bulles co-produites par Ekito sont désormais branchées sur différents indices boursiers. Les ateliers de certains artistes de Mixart Myrys étaient librement accessibles, permettant de découvrir leurs travaux et de dialoguer avec leurs auteurs, jusqu'à l'atelier de t-shirts DIY.

On y retrouvait aussi les associations comme l'April, Toulibre, les mineurs de bitcoins et leur supercalculateur. Outre encore une variation du sticker We make porn (mais quasi introuvable dans les stands), les petites nouveautés comportaient un minitel webcam (en live avec Nantes), encore plein de robots à reconnaissance visuelle et des casques VR bricolés avec des smartphones.

Et bien évidemment, le nouveau badge en open-hardware de Snootlab, avec une sérigraphie très pratique pour les débutants.

Parmi les conférences, évidemment Benjamin Bayart. Dans une étrange solitude, faute de son Jérémie Zimmerman, Statler était sans son Waldorf. Les parties musicales profitaient aussi de champions du scratching. Pour ce qui est des performances comme « Panoptique » ou « Pussy Draama », les résumer n'aurait aucun sens.

La plupart étaient toujours dans le domaine du poétique et du bricolage musical, comme un immense orchestre de circuits récupérés utilisant différents samples comme les aboiements d'un chien. Étonnement, c'était assez fun.

Voilà, encore une fois, je repars avec des souvenirs d'expériences étranges, des conversations passionnantes, beaucoup de fun, deux badges et un t-shirt faits main. Quel bonheur !

Pourquoi je porte un treillis customisé

Da Scritch — 2014-05-14T10:29:00+02:00

Quel sens a ce costume que j'arbore aux conférences sur le web, ce que signifient les badges et décorations et surtout… est-ce ridicule ou aide-t-il à porter un message ?
Gizmo

Je vous parlais hier de la puissance des autocollants sur les capots d'ordinateurs portables.
Reprenez cet article, remplacez sticker par badge et ordinateur par vêtement. Vous verrez, ça marche presque pareil ! La différence, c'est que vous pouvez ne pas les arborer en permanence, et donc correspondre plus à un contexte. Eh ben au dernier Paris Web, j'ai voulu aller plus loin : à la fois support de conférence, performance scénique et expression de compétences et de valeurs.
Et comme j'ai toujours été attiré par le concept de vêtement intelligent.

Aujourd'hui, je vous explique pourquoi j'assisterai à ce Sud Web en veste militaire “arrangée”.

Internet est en guerre

Contre des super-puissances militaires, contre des groupes terroristes, contre de très grandes entreprises, contre des partis politiques, contre des corporatismes inquiétants, contre des organisations mafieuses.

Je dois rappeler à mes confrères que nous sommes des victimes collatérales. Pourtant, nous avons la puissance de nous défendre. C'était l'idée que je voulais passer dans ma conférence au dernier Paris Web.

Or, je me disais que présenter une tête de zapatiste comme Jérémie Zimmermann ou des cravates de vendeur de caravane comme Benjamin Bayart soit raccord avec l'image que je souhaitais laisser, Je me voyais encore plus mal dans un cosplay mash-up des deux. En fait, je voulais plus répondre au concept de cyber warfare (guerre numérique), à CE genre de photo :

L'Amiral Michael S. Rogers, directeur de la NSA.
Source : la NSA elle-même, image libre de droit

J'ai donc eu l'idée de confectionner ce support de conférence bien particulier.
J'en avais fait le buzz, mais je n'étais pas très sûr de son impact, à savoir s'il allait bouffer mon discours, ou le ridiculiser. Mais il fallait le faire pour la France
Si j'étais encore intimidé de le porter dans le Très Saint Palais Brongniart, mes doutes se sont dissipés quand j'ai enfin croisé IRL Daniel Glazman : « Ah Xavier ! Enfin je te… Oh woah, tu claques ! »

Touché ! *

* en Français dans le texte

Les pistes

Un t-shirt, c'est bien beau, mais la place est limitée.

Anonyme arborant un t-shirt fortement revendicatif. À Paris Web, le fou.

En pratique, on ne voit qu'un seul t-shirt à la fois. On peut évidemment jouer sur la durée et le changement régulier de t-shirts, mais les personnes qui ne vous voient que rarement, et en général en hiver, auront moins d'informations sur vous par ce biais.

Le très élégant Thomas Parisot a une solution intelligente, mais dont je n'ai pas pensé à immortaliser : Notre très swinging londonien met ses badges sur la lanière de ses sacs. Ici, une photo issue du premier Sud Web où il arborait déjà sa bretelle à épinglettes.

J'ai un blouson Celio Sport en nylon, très léger qui avait la propriété de bien isoler de la pluie, de laisser passer la transpiration. Il se plie très bien dans un sac et se déplie sans être froissé . Il a un très chouette design et de faire encore plus cosmonaute quand j'ai collé un magnifique patch Firefox. Mais à force de le porter, il s'est usé. Je l'ai donc “retiré de la circulation”. Et le tissu (polyamide pour l'extérieur, coton pour la doublure) se marque très vite en portant des badges et des pin's. Malheureusement, il n'a jamais été ré-édité.

D'ailleurs, si quelqu'un a ce genre de patch Firefox ou autre, je suis preneur, sinon, il faudra que je le ^+X , ^+V en découpant et recousant. Pas génial.

Mes inspirations

Les romans cyberpunks de William Gibson, les médailles de vétéran de jeux vidéos, les uniformes des cyber-militaires du Pentagone et bien évidemment celles des haut-gradés de n'importe quelle dictature fascistes ou/et communistes.

Les palmes académiques revenant à ces hiérarques de la République Démocratique de Corée, dont les batailles gagnées vont jusqu'aux genoux.

À ce sujet, savez-vous ce qui peut vous coûter de ne pas porter un badge en Corée du Nord ?

Ingrédients

Pour ce qui est des matières premières, ce fut facile : j'avais depuis un bail ce treillis urban/hiver acheté dans un surplus militaire à vil prix. Costaud, épais, en coton, il est aussi juste assez rigide pour porter le poids des badges, et un peu chaud. Je le mets surtout pour rappeler à cette immonde radio de gauchos que je suis leur caution de droite.

Ici, avec le Präesident Diktator Generalovitch de Radio FMR, son Fondatorissime Philippe Frézières en 2006.

J'ai démonté deux claviers après les avoir violemment psychanalysés. Je comptais utiliser les touches comme médailles amovibles et mettre des messages rigolos. Mais vu le travail pour tout monter, j'ai préférer abandonner.

En farfouillant dans mon fourbi de pièces détachées à gauche après la caisse du chat, j'ai trouvé de la nappe IDE et de la barrette de RAM.
Une barrette de RAM par épaule risquait de faire trop long, et surtout, je n'avais qu'une seule barrette. On l'a coupé à la sauvage au Tetalab. Une barrette standard est composée de 8 puces. 8÷2 = 4, cela donne le grade de Commandant. Je les ai monté sur des nappes IDE, dont je montre le connecteur, la partie coupée est caché sous le col de la veste et ça tombe bien car la nappe a tendance à rester courbé si on l'a plié.

La plaque nominative est en fait une bête plaque de portier sérigraphiée chez le cordonnier. C'est propre, exactement aux dimensions de celles des généraux américains et le verso est autocollant.

Évidemment, les magnifiques skull-badges conçus par Snootlab pour l'édition 2012 du THSF devaient avoir une place de choix : la place des écussons sur les avant-bras. À mon grand malheur, j'ai malencontreusement grillé la programmation des puces, ce qui fait qu'il n'y a aucun effet dessus, ni le zombie tag-game, ni le mode démo. C'est vraiment dommage.

La plaque, les épaulettes et les écussons d'épaules sont montés sur scratch pour pouvoir passer la veste en machine sans bougner les décors, ou pour faire plus “discret” dans les transports en commun.
D'ailleurs, le fait d'avoir monter en scratch les épaulettes et écussons d'épaules permet d'envisager de les interchanger. Le fait de mettre aussi la plaque d'identité me permet de le louer à des comparses psychopathes.

Je souhaitais mettre en fourragère des nappes SATA, ou sinon en surcouture, mais elles vraiment trop peu souples. Un défaut de conception du standard : l'usage vestimentaire n'a pas été expressément prévu par leurs constructeurs et l'organisme de standardisation. Quel manque de clairvoyance…

Les badges en détails

J'ai dû, et je le fait encore, choisir très soigneusement dans ma collec' les badges qui me serviront de décoration. Là aussi, j'en avais un énorme stock, donc je privilégie ceux à double sens.

Description des badges actuellement arborés, de gauche à droite, de haut en bas :

« I'm a Firefox test pilot » : Je surfe souvent Firefox en Nightly, ainsi que d'autres applications. Et le renardeau en tenue d'aviateur très mignon est susceptible de faire craquer les filles ;
Watchmen : Parce que la BD d'Alan Moore et de Dave Gibbons est un monument de la littérature moderne, que je ne peux que saluer en tant que critique BD, et aussi parce que la question de Juvénal, « mais qui gardera ces gardiens ? » est malheureusement dans nos démocraties d'une actualité brûlante ;
Dotclear est un CMS open-source de très grande qualité de code et de sécurité. Et il se trouve que sa communauté et ses développeurs sont des amis très chers depuis 10 ans ;
Radio <FMR> est une radio associative indépendante d'esprit et de ton, ce qui est malheureusement devenu très rare. Et comme j'y officie depuis 20 ans, mon soutient est normal ;
« Git poule » car le jeu de mots me fait toujours rire, et qu'il est difficile de trouver un outil plus utile et léger, par opposition aux gros IDE/CVS monolithiques ;
Homo webus car c'est ma réelle condition dans une imaginaire classification de Linné ;
Neko ou plus exactement Nekomix qui est un fanzine délirant avec une équipe très vivace et qui vient de sortir son 9^ème numéro, parce que j'aime la bd indépendante qui n'est pas bloqué dans une chapelle de genre. Hélas, c'est le marchand de fripes que la plupart des gens connaissent :( ;
Sud Web, mon premier grand frisson dans la communauté du web. Que du bonheur ;
Firefox car pour la première fois, un logiciel open-source est devenu utilisable par n'importe qui, avec un bon esprit, et sans concessions après être revenu de très très loin.

Petit bristol et remerciements

Treillis de Netrunner.
Par Xavier Mouton-Dubosc (2013)

Treillis militaire allemand à motif urbain, composants informatiques et électroniques, badges, plaque de porte, scratch, colle néoprène, fil de couture, scotch.
Photographie d'exemple par Enflammée.

Réalisé en Septembre dernier afin d'être porté sur la scène de Paris Web 2013.
Inspiré et dédié à Costume Player, la seule émission de couture à la Télévision Française.
Jérémie Nicolle m'a conseillé sur la colle néoprène, Dusport m'a fourni la plaque sérigraphiée et Megami Yume a designé l'ensemble, dans un but archi intéressé : Porter ledit costume de pirate informatique à son mariage.

Dont acte.

Alors, chers amis et surtout ceux que je verrais ce week-end à Sud Web, montrez vos couleurs !

Pourquoi nous collons des stickers sur nos portables

Da Scritch — 2014-05-13T09:24:00+02:00

Nos machines valent un certain prix, elles sont nos outils de travail et de communication, et pourtant, nous les bariolons de gomettes et d'images Panini™. Quel est la raison de ce comportement chez les professionnels du web ?
Gizmo

Ce billet est une suite indirecte au billet du 1^er Avril analysant l'humour professionnel.

La quatrième édition de Sud Web aura lieu ce week-end à Toulouse. Dans leur besace parmi différents goodies, les festivaliers trouveront des autocollants ; qu'on appelle dans notre jargon technique des stickers.
Note : sticker se prononce sticker mais à l'Américaine : /ˈstɪk.ɚ/. Ça fait plus pro.

La besace de 2013 et son contenu : stickers, badges et quelques achats.

Des bonus qui ont un pouvoir étonnant un fois apposés sur un quelconque gizmo. Pour vous donner l'exemple le plus démonstratif, lors des lightning talks de Paris Web 2013, les évangélistes Microsoft David Catuhe et David Rousset calment les huées avec un geste tout simple : Ils ont montré le dos de leurs tablets Surface. On y voit des autocollants Chrome, Firefox, Opera, Safari et du W3C.

Le dos de la bécane de David Rousset, aujourd'hui. Merci à lui.
Jeu : Trouveras-tu le sticker du navigateur de son employeur ?

Dans mon milieu professionnel, un logo ajouté au dos d'une bécane a une signification bien plus importante que la Tête de Maure, le logo de l'OM ou une marque d'autoradio collé à l'arrière d'une bagnole.

Je l'ai compris que trop tardivement.

Mon adolescence informatique

Je suis réellement devenu développeur professionnel sur le tard. Avant cela, j'étais rédacteur en blagues téléphoniques, producteur tv, manager d'événementiels, régisseur d'une radio associative et dresseur de punks à chien.
Au lycée puis à la fac, j'ai regardé en spectateur la demoscene, à l'époque dans son Âge d'Argent. Cette confrérie de codeurs, graphistes et musiciens qui dépassent les limites théoriques des ordinateurs familiaux à coup d'astuces assembleurs insensées. J'ai même été à deux demo parties régionales, mais faute de possee, j'étais plus dans la catégorie n00b.

On customisait nos ordinateurs familiaux, Commodore Amiga ou Atari ST selon sa chapelle. En général, cela commençait parce qu'à force de les trimballer, on y mettait parfois des coups. Surtout qu'il fallait les trimballer avec leur écran. Des téléviseurs À TUBE !

Au moment où j'écris ces lignes, le Musée des Abattoirs muscle ses équipes.

Je dis ça parce que des jeunes me lisent et ne se rendent pas compte qu'à l'époque, pour présenter une démo, il fallait se trimballer 15kg de verre plombé bien encombrants et trouver une prise électrique pour alimenter le tout. Étaient très prévoyants et fortunés ceux qui avaient à la fois une voiture et un groupe électrogène permettant de braficoter sur un parking de supermarché. En général, l'électronique en tolérait les sautes de courant, c'est dire si les composants d'antan étaient robustes.

Décalcomanies et trous

Donc, se prenant quelques coups pendant les transports, l'ordi héritait d'éraflures et de balafres. On cachait ça avec un petit truc autocollant. Puis un jour, quelqu'un s'amusa à changer l'oscillateur 8 Mhz de son 68k par un 9 Mhz, et troua la coque pour caser l'interrupteur bascule de l'overcloking. Un autre profita des planches de décalcomanies de Warhammer pour remplacer le lettrage de son clavier par des glyphes Eldar. Un autre encore tenta l'usage d'une laque automobile pour changer de la couleur crème standard à l'époque.

Capture d'une police violant allègrement le copyright de Games Workshop.
Gare aux légions de l'Imperator !

Des cas de figure où on est vraiment dans le modding, l'équivalent du tuning pour nos bécanes sans roues.

À l'UPSA (Le user group Amiga de la fac Toulouse Rangueil), le plus beau jacky de nous tous était Zestoon et son Amiga 2000 surgonflé. Son budget cartes d'extension rivalisait le prix d'un Mac d'époque haut de gamme. Ce furieux avait collé derrière la façade où avait sculpté des fentes de ventilation de très puissants flashes photo Cobra, connectés sur la broche RSET du bus. À l'allumage du monstre, le feulement aigu des condos amplifiaient l'impression de puissance. Il valait mieux pas regarder de face son boîtier en cas de reboot, qu'il appelait nuclear boom.

Bref, des trucs d'adolescents.

Ma première sortie entre professionnels

Pouf pouf, revenons à notre décennie.
Je suis donc devenu sur le tard un développeur professionnel. En 2007. Faute de pouvoir facturer à un niveau non-novice, j'ai eu que des PC de bureau, jusqu'au moment où mon activité de freelance m'a forcément obligé à investir dans un ordinateur portable.

C'est aussi sur le tard que je suis arrivé dans l'univers des conférences technologiques.

Pour moi, un PC devait rester le plus immaculé.
Pas forcément par culte de l'objet, mais surtout à cause de la garantie 24 mois du PC. Dans la décennie 2000, je fus souvent témoin de garanties refusées pour cause de logo Intel Inside ou Windows XP Pro recouvert ou détérioré.

J'étais admiratif de ceux qui collent un de ces magnifiques décors sur le dos de leur Macintosh. Pas uniquement par l'habileté du hack graphique, mais parce qu'ils risquent leur peau si jamais leurs pas croisaient la Sainte Inquisition de l'Église de Jobs.
Étonnement, les iPhones furent plus rapidement désacralisées. Sûrement à cause de leur coque moins solides.

Je crus qu'il était plus professionnel pour les clients d'avoir un objet vierge plutôt qu'y afficher quoi que ce soit. Sauf que j'avais oublié que mes clients étaient principalement des web-agencies. Eux, un sticker PHP leur aurait parlé…

En 2010, j'ai été invité à venir m'exprimer avec un panel de développeurs. Pas n'importe où : À la Cantine, invité par Mozilla Europe. Pas avec n'importe qui : des gens dont j'adulais le travail, aussi bien des développeurs de navigateurs que Stéphane Deschamps, les créateurs de Sublime Video,…
Tous avaient bariolé leurs ordinateurs portables de stickers.

Paul Rouget, à l'époque évangéliste Mozilla, et Anthony Ricaud qui contribuait pour Chrome.
Son Mac étant celui de son employeur de l'époque (Skyrock.com), il ne l'a pas décoré.

À l'époque, mon pc portable était un Asus EEE 701 immaculé (il l'est toujours), je n'avais donc pas de support à présenter, sinon au feutre et tableau blanc.

Même pour ses 300€ TTC, j'ai rien collé dessus sinon son ID. Je faisais vraiment cheap.

À ma première présence à une conférence pro, à savoir Sud Web en 2012, on nous avait donné un stock conséquent de stickers.
J'ai eu moins de scrupules à déflorer la carcasse de mon portable tout neuf.

Mon précédent portable (2011 — mai 2013)

Car j'avais compris

Ces autocollants qu'on met sur nos PC ne sont pas de la personnalisation d'engin ou du modding, mais nos lignes de cv, nos récompenses, nos validations de capacités, nos batailles livrées, nos victoires gagnées, nos accomplissements.

Comme les récompenses dans les jeux vidéos

Capture du jeu Bejeweled par SWiLe

Comme les trophées sportifs

Les trophées exposés par la Roosevelt High School de Kent

Comme les badges dans le scoutisme

Insignes des Scouts et Guides de France

Comme les médailles chez les militaires

Sacha Baron Cohen, imitant Charlot, imitant le pire

Et si j'ai déjà des badges de développeur HTML5

« HTML5 Powered with CSS3 / Styling, Multimedia, Performance & Integration, Semantics, and Offline & Storage »

…ils ont l'inconvénient de rester cantonnés au virtuel, et de ne pas avoir de présence physique.

Les règles ne sont pas dites, mais évidentes

On ne va pas décorer un matériel qui ne nous appartienne pas. Si votre ordinateur portable vous est fourni par votre entreprise, il vaut mieux demander l'autorisation avant ; ce qui donne une ouverture supplémentaire de dialogue et de reconnaissance de vos compétences. Votre hiérarchie doit comprendre que vous n'appliquez pas une décoration fantaisie, mais que vous affichez bien vos compétences voire que vous portez haut les couleurs de votre entreprise.

On ne va mettre le sticker d'une conférence que si on y est effectivement allé. Intéressé par ou A réservé son billet pour ne compte pas. Le pire étant de vouloir usurper, prétendre qu'on y était. Le jeu de dupes est très périlleux dans le secteur de l'informatique : Un coup de Lanyrd, de Meetup pourrait dévoiler en très peu de temps une supercherie et totalement vous décrédibiliser. Le retour de bâton peut faire très mal.

On ne va pas mettre le sticker d'une technologie qu'on aime pas ou qu'on a jamais testé. Parce que justement la vision d'un sticker sur AWS, Riak Basho ou Django va forcément faire ouvrir le dialogue sur ces technologies. Mettre un logo parce qu'il est joli alors qu'on n'y connaît rien n'est pas du tout productif ou positif. L'une des rares exception est l'Octocat, mascotte de Github : j'ai vu une artiste l'arborer à la tv (replay), je parie qu'outre les qualités du service, @Nun_ trouve la bestiole très kawaii. Argument totalement imparable de plus asseyant la supériorité technologique face à BitKeeper, Hg, SVN…

On ne va pas mettre un sticker s'il est cheap. Argument qui vaut aussi bien pour le design, que pour ses matières premières. Si le papier ne semble pas solide, il risque de ne pas tenir longtemps au rythme pluri-quotidien où l'on fourre/extirpe sa bécane de sa besace. Si l'encre ne tient pas, votre message s'effacera. S'il prend la poussière et se salit vite, il enlaidira l'ensemble. Par contre, si vous éditez des stickers en vinyle épais et solide, vous aurez nettement plus de chance qu'il soit largement apposé par votre public cible.

On ne met pratiquement jamais de sticker de club sportif ou de parti politique. Même sur mon pc, je ne montre pas directement mes couleurs pirates. Par contre, je vois fréquemment des thèmes comme l'accessibilité, la citoyenneté numérique, l'intégration, la tolérance ou l'écologie. Dans mon entourage La Quadrature du net, le Tetalab, l'Electronic Frontier Foundation et l'April sont représentés avec plus ou moins de discrétion. Signes d'un engagement militant certain et donc de valeurs.

On choisit très soigneusement. La place est très limitée. On voit nettement plus des portables avec 13,3" de diagonale d'écran dans les conférences que des 15". Alain est peut-être l'unique possesseur d'un paquebot 17" dans mon quartier. Mais d'un autre côté, une telle dimension rappelle qu'il est graphiste.

Mon portable actuel

Dialogues

Les stickers ont une propriété particulière dans le domaine du web : marquer ses compétences, montrer son domaine technique et ouvrir un dialogue. Si vous avez un autocollant d'une association d'agilistes, on vous demandera si vous êtes plutôt Scrum ou Kanban. Si vous avez des couleurs issues de conférences hors France, des questions peuvent venir sur vos voyages.

Leur intérêt est étonnant, et je suis sûr qu'en commentaires, vous-même allez parler de la manière dont vous percevez ou être perçus en arborant des stickers sur votre ordinateur.

Mais on peut aller plus loin

Demain, je vous raconterai l'origine et la construction de mon dress-code, celui que je mets pour mes conférences ou pour des sorties occasionnelles comme le ~~Toulouse Game Sh~~ Sud Web qui a lieu à Toulouse le week-end prochain.

Alors, venez échanger, venez grandir et venez costumés !

Mariage pirate !

Da Scritch — 2014-05-11T21:25:00+02:00

Ce fut un beau samedi, ça avec beaucoup d'amour, d'humour et d'assauts de petits pirates sur les dragés.
Ma vie est une sitcom

Voilà. Ça y est. Mes amis Solarus et Megami Yume se sont mariés hier à Castelginest.

Megami Yume était digne de Mary Poppins, Solarus d'un John Steed !

Un très beau mariage civil et laïc par son originalité : L'idée du thème pirate.

AAaaaAAAAAAaaaaarh ! Je te veux comme époux !

Outre que le maire de Castelginest nous a fait une magnifique leçon politique en rénovant intelligemment le mariage civil, nous avons aussi fait un mariage laïc qui permettait de s'exprimer.

Mais l'idée était surtout pour le repas : Une très large partie des convives s'étaient costumés en pirates (ou approchant ;). Voir des personnes de tout âge, des gamins de 4 ans aux parents de 70 ans, mettre chacun du leur pour se confectionner et porter un costume était vraiment très amusant.

Corsaire des temps modernes

D'ailleurs, à ce sujet, le costume de netrunner/pirate informatique que j'arbore depuis Octobre en conférence a été co-conçu par Megami Yume. Elle avait accepté de m'aider si je portais ce costume pour leur mariage. Dont acte.

Et promis, puisque je vais l'aborder le week-end prochain à Sud Web, je vais publier cette semaine une explication et un décodage de ma tenue.

Ressources en ‹img /›

Da Scritch — 2014-04-29T08:37:00+02:00

Bon, coco, ton logo, je te l'exporte en quel format ? en bitmap ? dégradé ? paletté ? avec alpha-transparence ? sans animation ? ni support MSIE 7 ?
Webdev

Ce billet fait partie de la série en <img /> :

Histoires en <img />
Manuel en <img />
Ressources en <img />
Bricolages en <img />
Progressivement en <img />
Finesse en <img />
Propositions en <img /> / English version

On va aborder maintenant le support des formats d'images par les navigateurs, indépendamment de la balise <img /> puisqu'il concerne aussi les css. Si de nos jours, tu ignores un truc dans ce chapitre, c'est que t'as sûrement loupé ta vie de webmaster.
Aussi étonnant que celui puisse paraître, le W3C n'a jamais défini de format d'images que les navigateurs devaient supporter dans l'attribut src="".
Non : rien, nada, zilch, que dalle, même pas une recommandation.

Et en l'absence de gestion de fallback natif en cas de non-support par le navigateur client, il serait plus heureux de vérifier le support par l'entête Accept: envoyé par le navigateur durant le content negociation, mais cela suppose avoir la main sur le serveur hôte, savoir administrer celui-ci et s'embêter à générer des sous-images par type de formats. Vous pouvez vérifier si une image s'est bien chargée par un événement javascript comme moi mais ça sera débile.

Cette table rassemble les infos sur tous les formats d'images qui furent un jour susceptibles d'être gérés par un navigateur, avec en bonus un test. Pour les fans du TL;DR, cette table leur fera oublier qu'ils ont jamais cliqué Sommaire de ce billet

Format	Type	Couleurs	Transparence	Animé	Support*
* Je parle du support navigateur. Le support serveur peut varier énormément : je doute que Facebook supporte du SVG comme photo de profil. Il ne faut pas se voiler la face.
xbm	bitmap lossless	n&b	non	non	oublié
xpm	bitmap lossless	256	non	non	oublié
pbm	bitmap lossless	n&b	non	non	oublié
pgm	bitmap lossless	256	non	non	oublié
ppm	bitmap lossless	16M	non	non	oublié
bmp	bitmap lossless	16M	OUI	non	oublié
gif	bitmap lossless	256⚠	binaire	OUI	SÛR
ico	bitmap lossless	16M	OUI	non	répandu
jpeg/jfif	bitmap lossy ⚠	16M	non	non	SÛR
jpeg2000	bitmap lossy	16M	OUI	non	peu répandu
jpeg XR	bitmap lossy	281Bn	OUI	non	MSIE 9+
tga	bitmap lossless	16M	OUI	non	oublié
png	bitmap lossless [edit]	281Bn	OUI	non	SÛR
mng/jng	bitmap lossless	281Bn	OUI	OUI	oublié
apng	bitmap lossless	281Bn	OUI	OUI	Firefox
vml	vectoriel	css	oui	non	oublié
svg	vectoriel	css	OUI	oui ⚠	tous les modernes
webp	bitmap lossy ou lossless	16M	OUI	oui ⚠	Chrome, Safari

La famille xbm (X BitMap) et ses enfants xpm,…

On en a déjà parlé dans le premier chapitre de cette série. Tout comme les formats .pbm et affiliées, cette famille de formats ésotériques en texte et sans aucune compression avait surtout un intérêt pour le développement logiciel, mais strictement aucune pour la transmission réseau. Le support de ces formats fut retiré de la plupart des navigateurs.

Si ça charge, votre navigateur a du code antique. source FileFormat.info

Pour info, vous pouvez l'ouvrir avec un éditeur de texte : c'est un bête fichier source .c contenant une définition de tableau. Pang.

Le bmp : device-independent BitMaP format

C'est un antique format d'image principalement utilisé pour l'usage d'un interface graphique, comme pour la famille XBM. Et si je vous dit qu'il fut popularisé par Microsoft, n'en jetez plus par les fenêtres.

Testons… Oui, ça peut surprendre, le format est encore bien supporté.

Microsoft à l'époque de sa splendeur : 600ko pour 500×400 en 256 couleurs, les malades…
source victori.uploadbooth.com

Le format d'image accepte à la fois un mode paletté (256 couleurs et moins) et un mode true-color (au moins 16 millions de couleurs) pouvant accepter l'alpha-transparence (au moins 256 niveaux de transparence). L'image peut être compressée sans perte, mais uniquement en mode paletté et le support dépend des bibliothèques. La plupart des bmp sont donc non compressées et atteignent alors une taille délirante. C'est pour ça qu'il n'a quasiment jamais été utilisé sur le web. Même par Microsoft.

Pas fous.

Le gif : Graphic Interchange Format

Pour des raisons juridiques et de neutralité politique, je me refuse de prendre position entre les deux prononciations possibles de GIF, alors /ˈɡɪf/ ou /ˈdʒɪf/, vous choisissez à vos risques et périls : c'est vous qui lisez dans votre tête.

Le gif est un format d'image lossless paletté, qui ne peut accepter que 256 couleurs maximum (moins une en cas de transparence), même s'il existe un mode ésotérique true-color que je ne vous recommande pas. La compression d'image utilise l'algorithme LZW qui n'est devenu réellement libre d'usage qu'en 2003, puisqu'il était l'objet d'un brevet détenu par Unisys. C'est ce risque de taxation qui a mené par la plupart des acteurs du web à la recommandation d'utiliser le format PNG à sa place, nettement plus performant.

La première version de ce format, appelé GIF87 date de… 1987 et a été originellement conçu par CompuServe un service fournisseur de services BBS, c'est-à-dire un ancêtre de FAI à portail captif. Deux années plus tard est proposé l'extension GIF89a, qui permet d'inclure des animations, d'avoir une transparence binaire et même un affichage progressif par entrelacement. Ce format a fait pendant 15 longues années le bonheur des publicitaires qui ont commencé avec un site sur GeoCities avant qu'ils nous les brisent menues avec la daube Flash (hehehe).

Non mais arrêtez de cliquer cette image, c'est juste un exemple.

À noter que l'animation en gif comporte plein de subtilités comme un compteur de boucles, l'animation réduite d'une région et peut même permettre d'afficher plusieurs palettes, dépassant les 256 couleurs simultanées théoriques. Le regretté Microsoft GIF Animator permettait de jouer avec toutes les subtilités du format. Actuellement, les logiciels graphiques comme Photoshop ou Gimp jouent sur les empilements de calques mais ne proposent pas ces options avancées (mais certains artisans nous émerveillent quand même). Et ayons une pensée émue pour ces logiciels qui transforment des sections de vidéos en gif animés prêts à poster sur son tumblr.

Malgré son âge vénérable, gif reste le moyen le plus terriblement efficace pour une image animée qui ne soit pas une vidéo.

Le ico : format d'icône de Microsoft Windows

Le format ICO est arrivé avec MS-Windows 1.0 en 1985 pour stocker les curseurs de souris et les icônes du bureau. Il a subit de multiples révisions dont une ré-écriture sérieuse pour Windows 95, qui propose notamment une propriété très utile : la gestion de multiples dimensions. Microsoft a constamment fait évoluer son format d'image propriétaire. De simple encapsuleur du format BMP, il a accepté par la suite le bien plus performant format PNG.

Ce format d'image est apparu dans le web avec l'arrivée des favicon dans MSIE 5. Contrairement à une croyance maintes fois répandue, il était compliqué de faire apparaître cette image dans ce navigateur : le favicon n'apparaissait dans MSIE si et seulement si le site de la page était parmi les marques-pages (accessoirement, une bonne mesure anti-fishing). Cela a donné lieu à des quiproquos immenses dans la plupart des e-web-@gency qui ne comprenaient pas pourquoi le site du client n'affichait pas son logo contrairement à Wanadoo. Qu'est-ce qu'on a ri en repensant aux heures à expliquer ça au client.
Facepalm.
Ce comportement fut simplifié dans MSIE 7 car Firefox et Safari affichaient systématiquement les favicons.

Des favicons dans MSIE 7 en barre d'adresse, onglets et marques-pages.
source Microsoft, réenregistré en .ico pour test

Si supporter ce format était important pour le chargement des /favicon.ico des sites, il devint un héritage obsolète avec l'arrivée de la balise <link rel="shortcut icon" />. Car cette balise avait plein d'avantages :

sortir l'image de la racine du site et de son adresse fixe,
la rendre contextuelle à la page appelée (par exemple avoir des favicons différentes si vous êtes en vue publique, en accès adhérent ou en mode administration),
ne pas être liée à un format d'image spécifique, mais permettre gif, jpeg ou png (et souvent le png est le préféré).

Sauf qu'on a enterré le .ICO beaucoup trop vite ! Ce format d'image est le seul à pouvoir supporter de multiples résolutions en un seul document (si on excepte le mode miniature/preview du jpeg, qu'aucun navigateur ne gère), et à résoudre le problème actuel des résolutions possibles d'écrans. Il est même nettement plus élégant que la soupasse des balises possibles. Alors que Microsoft était connu pour conduire à l'inflation de la <head></> dans des proportions délirantes, il avait la réponse à un problème qui s'est posé par la suite avec <link rel="icon" sizes="" /> où l'attribut sizes="" sur certains sites va du 16×16 au 128×128 en passant par les ésotériques 57×57, 72×72 et 114×114 demandés par Apple ! Si on veut être complet, ça fait 8, donc 7 fois trop.

Ce format d'image est encore supporté par pas mal de navigateurs et peut marcher dans la balise <img >. Si vous développez le N^ième format d'image, reprenez-en l'idée des différentes résolutions stockées en un seul conteneur, bien plus facile à administrer.

Dans l'exemple ci-dessus, le document comporte 10 images, détaillées plus bas. Mais laquelle votre navigateur affiche-t-elle ? Firefox va afficher celle en 16×16 par 16M, qui est la dernière du document, tandis que Chrome va afficher celle avec la meilleure résolution. C'est dommage : .ICO marche bien, mais c'est le bordel pour savoir laquelle sera affichée si on n'y fait pas gaffe.

Décomposition du fichier précédent dans Gimp :
Les 10 images y sont superposées en calques (infos icotools) :

Calque	Largeur	Hauteur	Couleurs	Transparence
1	48	48	16	binaire
2	32	32	16	binaire
3	16	16	16	binaire
4	48	48	256	binaire
5	32	32	256	binaire
6	16	16	256	binaire
7	256	256	16M	alpha
8	48	48	16M	alpha
9	32	32	16M	alpha
10	16	16	16M	alpha

La famille Jpeg : Joint Photographic Expert Group

Comme son petit frère le MPEG, l'acronyme JPEG désigne non pas un format mais le comité qui l'a conçu. Il existe d'autres formats issus de leurs travaux, dont le JBIG2 dont j'ai déjà causé ici, l'Exif utilisé par les appareils photos, et plein d'autres. Pour le web, nous utilisons le format JFIF (Jpeg File Interchange Format) et c'est lui qui est le plus souvent improprement appelé Jpeg ; mais dans les faits, vous pouvez aussi balancer du Exif directement issu d'un appareil photo, ça passe quand même malgré les différences de description.

Son support dans les navigateur arriva en 1994 dans Netscape Navigator pour les besoins d'envoi d'images plus importantes qu'en GIF et sans avoir besoin d'une reconstruction parfaite. Comprenez : des photos.
Le jpeg vient du monde de la PAO et de la retouche photo. Il ne gère pas d'animation, mais peut supporter 16 millions de couleurs simultanées, ceci au prix d'une compression lossy, i.e. à perte des détails (Il existe un mode lossless, le jpeg-ls très rarement supporté par les navigateurs). La compression par cosinus discret consiste à diviser l'images en carrés appelés macroblocs, en général de 8×8, puis d'appliquer des coefficients sur des vaguelettes d'interférences. En gros et en fonction des marées.

Exemple de compression de plus en plus grossière en allant de la gauche à l'extrême-droite,
réalisé sans aucune allusion politique. source Wikipédia

Il y a (parmi les paramètres) 12 niveaux de taux de compression possibles appliquées sur l'ensemble de l'image, avec des particularismes spécifiques notamment chez Photoshop. certains éditeurs graphiques présentent en pourcentage de qualité. Il se peut qu'un fichier produit soit plus gros que celui à un pourcentage supérieur. Personnellement, j'utilise une qualité à 85% en sortie de Gimp pour mon blog. En dessous de 75%, les vaguelettes peuvent apparaître sur les aplats primaires, avec une nette dégradation des contours sur le rouge qui a alors du vague à l'âme.
J'ai récemment parlé d'une méthode pour optimiser le taux de compression par région sur une image globale et que cette astuce est parfaitement rétro-compatible, elle mérite donc votre intérêt si vous travaillez sur des sites à fort traffic.
[edit] voir commentaire sur l'implémentation libre MozJPEG

Parmi les modes moins connus du jpeg, il y a la possibilité d'enregistrer une image purement monochrome (pour les amatrices gourmandes, ça fait 256 nuances de grey…), et même des modélisations de couleurs qui ne sont pas en RGB traditionnel, non recommandées pour le web :

le CMYK (Cyan Magenta Yellow blacK ou en céfran CMJN, Cyan Magenta Jaune Noir), modèle standard pour l'imprimerie,
le YUV (Luminance/Chrominance, dont il existe de multiples variations) qui sert surtout en production télé ou cinéma.

Vous pouvez en tenter un, mais il n'est pas garanti que les navigateurs le supportent, ni que toutes les couleurs de l'espace RGB puissent être reproduites, de la même manière qu'on ne peut reproduire que difficilement les couleurs impossibles.

Le format a connu une évolution pour le web : tout comme l'entrelacement du GIF 89a, le mode jpeg progressif permet d'afficher l'image de plus en plus finement pendant le chargement de la ressource. Il se trouve (et je pouffe car d'autres me stipulaient le contraire) que ce mode n'a jamais été supporté par MSIE. Il est donc à éviter car il alourdit inutilement le document créé.

Le JPEG a eu aussi sa période de menaces de brevets et de patent-trolling : En 2002, la société Forgent/Asure a soutenu mordicus avocatusque qu'elle détenait des brevets sur le format d'image et jusqu'à l'expiration du brevet litigieux en 2006 menaça de procès plusieurs entreprises. Un format alternatif pour le web, le MNG/JNG, était disponible pendant la période d'incertitude mais mourrait déjà.

À l'aube du nouveau millénaire, une mise à jour du format et de l'algorithme fut proposée avec jpeg2000. Celui-ci propose de sérieuses mises à jour du format dont le support de la transparence. Il n'a pas été déployé dans tous les navigateurs puisqu'il y a une licence à payer, mais aussi parce que jpeg2000 est très complexe à implémenter et sujets à des bugs sur certains logiciels.

source Union Internationale des Télécommunications

Microsoft a par la suite proposé au groupe JPEG de normaliser son format propriétaire (Windows Media) HD-Photo développé en 2006. C'était leur joyeuse époque de noyautage des standards comme l'infâme scandale OOXML.
Polémique à part, le format JPEG-XR (pour extended range) propose notamment un nouvel algorithme de compression, une plus grande plage de couleurs (16 bits par canal, soit 65536 nuances par primitive chromatique, soit 281 billions de couleurs possibles) et d'autres extensions. Mais seul Internet Explorer versions 9 et suivantes supportent ce format en tant que navigateur. De nombreux brevets protègent et rentabilisent ce travail, et vu que ce format est ultra-propriétaire, il est très peu probable qu'il soit lu par les autres brouteurs avant une vingtaine d'années.

source Union Internationale des Télécommunications

Le png : Portable Network Graphics et ses enfants reniés

Le PNG a été conçu pour répondre au gif, ses limitations techniques (la transparence binaire et un nombre de couleurs trop limités) et juridiques (le brevet de compression LZW). C'est un format conteneur qui peut avoir plusieurs chapitres dont une description d'image bitmap. Son algorithme offre une compression sans pertes, supportant le palettage jusqu'à 256 couleurs, 16 millions voire 281 billions (2¹⁶ par canal primaire) de couleurs, une opacité par demi-tons et même une vraie alpha-transparence.
Cette dernière a été mal gérée par MSIE 6, qu'il repose en paix.

Le logo officiel de PNG. source libpng

Preuve que le PNG est un vrai format conteneur dans la lignée du défunt IFF, il était le format de sauvegarde favori du logiciel de dessin Macromedia Fireworks, qui y embarquait aussi les primitives vectorielles de tracé. Le bloc de données supplémentaire spécifique était ignoré par les navigateurs et n'affichait que la première image du bloc.

En 1996, une partie de l'équipe qui a créé PNG en proposa une évolution, le MNG (Multiple-image Network Graphic). Celle-ci devait notamment permettre les animations, proposer des nouveaux codecs, un mode loosy (le JNG, suite à des incertitudes juridiques sur le jpeg) et plein d'autres choses. Elle n'a jamais vraiment pris faute de supporters et surtout une mise en œuvre largement trop complexe. Le MNG fut abandonné en 2006.

source libmng testsuite

De cet échec, un autre format animé a émergé, APNG. En 2004, la Mozilla Foundation venait d'abandonner le format MNG devant la taille démesurée de la bibliothèque pour la décoder (les fous, c'était au début de leur support du SVG). Stuart Parmenter et Vladimir Vukićević avaient besoin de stocker les animations de l'interface graphique du navigateur Mozilla dans un format pratique et moins frustre que le gif. Il revirent au PNG en ajoutant un minimum pour assurer les animations et en assurant une rétro-compatibilité, dans la même idée que le PNG Fireworks.
Échaudés par l'abandon de MNG par Mozilla, apng ne fut jamais reconnu par le groupe PNG. Pourtant ce dérivé a été officiellement inclus dans des standards comme le DAB+. Va comprendre…
Même si Firefox est le seul navigateur qui en supporte complètement l'animation, un navigateur qui lit le png mais n'utilise pas les informations d'animation peut afficher la première image en fixe comme vous pouvez le tester ci-dessous :

Hommage à L'Ellipse aussi dite Auréole d'Étienne Robial. source littlesrv.ca

À noter que la page officielle de ce format propose plein de ressources pour créer des animations bitmap (apng mais aussi gif et webp)

[edit] : Il est possible de faire du PNG lossy.

Le vml : Vector Markup Language

Ce format vectoriel est purement propriétaire, proposé et uniquement supporté par Microsoft. Ce type de document fut introduit avec MSIE 5.0 mais ne trouva pas de supporters en dehors. Il fut retiré de MSIE 9+ par Microsoft et officiellement enterré.

En fait, je suis même pas sûr qu'il fusse un jour invoquable via <img />

Le svg : Scalable Vector Graphics

Réagissant à la nature fermée du format vml, en 1998, des constructeurs de navigateurs se réunirent au sein du W3C pour former le groupe de travail SVG et construire un format vectoriel ouvert et normalisé.
Le svg est un format purement vectoriel à la notation xml. Il permet les animations, mais son usage dans la balise <img /> ou via css interdit les interactions. Nous ne parlerons pas dans ce billet de l'inclusion en tant qu'<object></> ou embarqué dans le html.

Une partie de billard, qui pèse 1,5ko, animée en smil. source bogotobogo.com

En tant que format purement vectoriel, le svg n'est pas affecté par l'effet de zoom flou qu'on trouve en HiDPI comme les écrans Retina™, en imprimant le document ou en forçant une sous-résolution. Qui plus est, étant un format de document xml, étant stylé par css et ayant donc des blocs nommés id="", il est possible de n'afficher qu'une portion de l'image en indiquant une ancre dans son url, ce qui en fait un hack natif aussi intéressant que le sprite-tiling : le svg stacking.

SVG reste boudé à cause de son support très tardif dans MSIE ; en dessous de la version 9, point de salut sinon via les plugins. Si vous ne contrôlez pas le serveur, reste l'usage de hacks disgracieux comme les commentaires conditionnels qui feraient dégainer Dirty Hacky sans sommation. Autre problème, le svg est comme pour xbm un fichier au code source texte descriptif et le côté très verbeux du xml peut produire des fichiers lourds malgré une compression gunzip pour le format SVGZ. Enfin, il y a la maîtrise ardue pour les graphistes même si Adobe Illustrator propose un export plus que valable depuis une décennie, et le fait que l'image est forcément d'origine purement numérique à la base.

Au rayon on est jamais déçu quand on y regarde de plus près, Parmi les bugs amusants que j'ai relevé pendant l'écriture de ce billet chez Mozilla Paris, j'ai découvert que sur Firefox les images en svg animées en javascript pouvaient avoir des petits soucis d'affichage, à la différence de celles en animations css (j'ai pas trouvé d'exemples) et en smil :

Une horloge de 4ko. source bogotobogo.com

… tandis que Chrome n'anime plus un svg s'il a été dimensionné de force par un attribut width="" ou height="". Ne pas craquer.

Le SVG a d'autres astuces, notamment l'application de filtres de transformations de couleurs, ou la création de flous, c'est l'équivalent du html appliqué à du dessin vectoriel. Hélas la complexité du format fait que certains chapitres ne sont pas forcément implémentés partout, il peut avoir quelques manques ou des petits soucis. Il est fortement recommandé d'exporter un groupe restreint de spécifications a.k.a. SVG Tiny.

Le webp

le webp (pour web picture) est un nouveau format conteneur d'images proposé par Google. Il peut compresser les images avec ou sans pertes et gérer l'alpha-transparence. Sous le capot, nous retrouvons l'algo de compression VP8 repris du format vidéo WebM, plus exactement la section définissant les images clés d'animation (Intraframes).

Ce qui tombe bien parce que le WebM est disponible pratiquement sur tous les navigateurs récents, exceptés MSIE et Safari, leurs propriétaires militant pour la solution propriétaire MPEG qui a l'avantage de ne pas être disponible en logiciel libre (hors Europe). Cela va de soi.
Donc les navigateurs qui intègrent déjà une bibliothèque de décompression logicielle pour ce format vidéo doivent pouvoir prendre facilement en compte le format pictural. Mais dans l'immédiat, il est uniquement supporté par Chrome et Opera.

Une rose, en alpha-transparence loosy. source site officiel

Son intérêt est de proposer une compression lossy (avec pertes) bien plus efficace que le jpeg, ce dernier commence à accuser ses quasi 25 ans d'existence. Sur les chiffres purs, effectivement on y gagne mais sur le plan perceptif, les gros inconvénients des compresseurs vidéos de cette génération sautent aux yeux.

Hélas, sur les comparatifs aimablement fournis par l'équipe de Google, ils se gardent de faire des comparaisons honnêtes avec le format PNG et encore moins sur l'APNG, les supporters de apng l'ont fait. Soit c'est un oubli, soit une volonté de segmenter le marché ; cette dernière possibilité serait bien dommage. Or on a une compétition évidente entre navigateurs et codecs pour fusionner jpeg et apng, seulement IMHO ni jpeg-xr, ni webp ne semblent des solutions raisonnables : pas de fallback simple en cas de défaut de support et un écosystème trop restreint. Oui, il existe des techniques de support, mais objectivement overkill.

Eh mais attends... et si je mets une vidéo ?

Quitte à reprendre le raisonnement du webp, faisons l'exercice totalement stupide de mettre en source une vidéo ?

Est-ce que la première image va-t-elle être montrée en still ? Après tout, sur certaines set top box comme les Freebox, il est possible d'envoyer une image mpeg2 en fond d'écran. Voici les trois formats actuellement acceptables sur les navigateurs web :

mpeg 4
ogg theora
webm

Faute de temps, je vous laisse vous-même faire les tests. Je ne fais pas de pari… mais peut-être qu'un jour…

Prochaine vignette

Vous pensiez qu'on était au fond du bizarre ? Perdu ! <img /> a encore bien d'autres secrets…

Chamedi manga

Da Scritch — 2013-11-30T00:18:00+01:00

En l'honneur du Toulouse Game Show
2 ¢ d'humour

Comment rendre encore plus expressif votre chat :

Via @EmergencyKittens sur twitter. Apparemment l'auteur originel est russophone.

Supplément Week-End, samedi 23 Novembre 2013

Da Scritch — 2013-11-26T19:13:00+01:00

[INVITÉS] Pouhiou, Sébastien Dinot, Ludovic Hirlimann et Pierre-Selim. En direct du Capitole Du Libre pour parler de culture libre et de partage de la connaissance.
Radio

Durée : 1h24.
Format Ogg Vorbis, 60 Mo.

Format mp3 pour podcast, 40 Mo.

Émission spéciale 3^ème Capitole Du Libre, en direct de l'ENSEEIHT.

Interviewes :

Pouhiou auteur de la série « Les Noénautes » édité chez Framasoft
Sébastien Dinot, pour la carte coopérative libre Open Street Map
Ludovic Hirlimann de Mozilla.com pour l'atelier signature d'e-mail
Pierre-Selim contributeur et photographe de Wikimédia

Équipe : Infested Grunt et DaScritch. Régie radio : Eugène Data Lawn.
Avec la participation et les moyens techniques de Radio <FMR>, de l'organisation du Capitole Du Libre, de l'association Toulibre et de l'ENSEEIHT.
Cette émission est partagée en licence Creative Commons BY-SA.