Trucs de webmaster

L’hôpital, la charité, toussa

L’hôpital, la charité, toussa

Ce n’est qu’un blog perso sans prétentions… mais quand même, ça faisait un moment que je me disais que le blog d’un webmaster, dinosaure du web, ardent défenseur de la qualité, volontiers prosélyte de l’accessibilité, militant d’une gestion honnête et de la protection de la vie privée, qui serait toujours en HTTP , et dont les statistiques seraient toujours confiés à Google… Avouez, ça la foutait un peu mal, non ?

Passage en HTTPS

Je l’ai dit, je suis un dinosaure. Je gardais donc, au fonds de moi, cette petite voix bien ancrée dans mon inconscient qui me dictait de ne sécuriser que ce qui mérite de l’être. Un héritage de mes premiers sites qui devaient être consultable avec des petits modems qui faisaient « bip bip tsouin tsouin ».

En 2017, non seulement, ça ne veut plus dire grand chose (enfin s’inquiéter de la performance, si, mais pas comme ça !) mais en plus ça devient un « vrai » problème de sécurité que ne pas être en HTPPS.

(Dernier argument, s’il en était besoin : les sites sécurités bénéficient d’un bonus de référencement.)

Bref, depuis hier, j’ai installé un certificat SSL et j’ai tout bien configuré pour que 6×8.org soit tout bien sécurisé.

Passage de Google Analytics à Piwik

Attention, je n’ai rien contre Google, enfin rien à priori… mais disons que je tiens personnellement à rester maître de mes données, et que j’encourage tout à chacun à faire de même.

2 conseils, qu’on pourrait croire anti-Google mais qui sont surtout pro-protection :

Du coup, ça n’était pas bien cohérent que de délivrer en pâture vos données à Google pour la raison triviale que c’était le plus simple pour avoir quelques statistiques.

D’autant qu’en creusant, Piwik n’est pas bien compliqué à installé et que, fonctionnellement comme en terme d’interface, c’est vraiment un très bon outil.

Alors voilà, j’ai désactivé Google Analytics et j’ai installé Piwik.

Bref, ce ne sont pas un mais deux bonnes choses de faites et je me suis plus léger ce soir 🙂

L’image d’entête est de Jonathan Warner, elle est en licence CC BY-NC 2.0.

Publié le: 7 juin 2017
Catégories: Trucs de webmaster

Paris Web 2016 : mon Storify

Demain, après les ateliers, je vous ferais un vrai compte-rendu (enfin j’essaierais) mais voici déjà un Storify.

J’aime toujours autant Paris Web. J’y apprends peut-être moins de choses que lors de mes premières fois (et c’est normal), je ne demande plus à être convaincu du bienfondé de l’accessibilité (remarquez que j’ai été expert Accessiweb avant de venir à Paris Web) mais ça me donne toujours autant envie de creuser, d’apprendre, de faire mieux… et ça me booste toujours autant, c’est ce que j’en attends.

Par contre, j’ai trouvé qu’y avait moins d’activité sur le hashtag #parisweb cette année, et moins de twittos… Remarquez, je crois que moi aussi j’ai moins tweeté… pour deux raisons radicalement opposées : pour certaines conférences, c’est parce qu’elles m’ont trop intéressé, pour d’autres, parce qu’elles m’ont laissé quelque peu indifférent… J’ai quand même un Storify qui donne une bonne idée de ce que j’avais envie de retenir de ces 2 jours, à base de mes tweets et retweets.

Publié le: 30 septembre 2016
Catégories: Trucs de webmaster

Mondial Relay, c’est (pas) de la qualitäy (web)

Ce soir, j’ai du me rendre sur le site Mondial Relay pour choisir un point relais. Ça n’a l’air de rien, comme ça… mais ce site est tellement mal foutu que ça m’a donné envie d’en faire un billet !

Je me suis donc retrouvé là :
http://www.mondialrelay.fr/trouver-le-point-relais-le-plus-proche-de-chez-moi/

Déjà, c’est mal barré pour la Qualité web (coucou opquast) puisque la page n’a pas de title… bref… je ne suis pas là pour faire un audit, je suis là pour chercher un point relais. Ce pour quoi on trouve le formulaire rapidement, c’est cool…

Mondial Relay

… mais pour les labels sur les champs du formulaire, faudra repasser 🙁 (je suis chiant avec ça, c’est une déformation professionnelle). J’ai mis un petit moment à comprendre que la phrase « Saisissez un code postal, une ville et un pays », en dessous du formulaire, était là pour que je sache que je devais rentrer mon code postal dans le premier champ et ma ville dans le second… ce que je me suis alors empressé de faire.

Après avoir renseigné ces deux infos, j’ai essayé de valider le formulaire avec ma touche « Entrée », bêtement… et, évidemment, ça n’a pas fonctionné. Qu’à cela ne tienne, utilisons le bouton « Rechercher » (grrrr).

Là, le site m’a trouvé 20 points relais à proximité. C’pas mal, non ? Enfin, sauf que…

Carte des points relais

Je sais pas vous… mais, moi, ce point relais au nord d’Arras (en zoomant, c’est Hazebrouck en fait), ça m’étonne un peu quand même… Je clique sur le picto pour comprendre en quoi « Hazebrouck » est proche de « Paris 19 ».

Hazebrouck

Ah d’accord ! C’est donc une boutique sur l’avenue de Flandres… ça doit être la Flandres qui l’a perdu. Trop complexe, ça, avenue de Flandres. Heureusement que je n’ai pas demandé les points relais du quartier de St Lazare, il aurait fallu vachement zoomé pour pouvoir placer les rue de Londres, de Liège, de Bucarest, de Moscou, etc.

Bref. De toute manière, celui de la rue de Meaux me parait le plus pratique pour moi. Mais j’aime pas les copier/coller alors, comme je suis un utilisateur super avancé, je me suis dit que ce serait aussi simple de récupérer une URL pointant sur le point relais choisi….

…sauf que ce détail s’ouvre en lightbox (sans changement de l’URL de la page évidemment). Tant pis.

Mais, je le répète, je suis un utilisateur super avancé, alors je ne m’avoue pas vaincu aussi facilement, j’essaie d’être plus futé que les machines : plutôt que de cliquer sur le lien pour ouvrir la lightbox, je fais un clic droit pour l’ouvrir dans une nouvelle fenêtre. Hé ben, en fait, non. Ça marche… mais je ne suis pas sur que ça aide beaucoup :

Détails du point relais

Du coup, j’ai fait un copier/coller et basta. Que je puisse fermer ce p***n de site et, surtout, ne plus jamais y revenir.

 

Publié le: 13 février 2016
Catégories: Trucs de webmaster

Joyeux webiversaire, moko !

Cela va faire 20 ans que j’ai créé mon premier site web, ça se fête, non ?

Je l’avais appelé Le Guide du Cyber-routard (j’étais déjà fan de l’œuvre de Douglas Adams).
Le Guide du Cyber-Routard
On commençait, évidemment, par un grand Don’t panic puis on pouvait choisir sa planète :

  • À propos de la Terre (un article du routard galactique)
  • Douglas Adams
  • moko (où je me présentais)
  • Internet, planète qui avait elle-même plusieurs satellites présentant chacun une sélection de liens : Medias, Logiciels, Calvin & Hobbes, Recherche sur le web et Divers
  • 42, la réponse à la vie, à l’univers et au reste

Le site était codé très simplement (mais en même temps, on devait encore en être à HTML 2, non ?) : des images-liens doublés par des liens simples en dessous.
On ne parlait pas encore d’accessibilité mais j’avais déjà compris (enfin, on m’avait fait comprendre) que certains naviguait sur le net avec des débits bien moins bons (euphémisme) que ce qu’on avait à l’université… il n’était d’ailleurs par rare, à l’époque, que certains configurent leurs navigateurs pour ne jamais afficher les images (voire, certains, utilisaient Lynx…).

Pour l’occasion, j’ai remis en ligne, dans mon petit musée, le Guide du Cyber-Routard (ça ne doit pas être la toute première version puisque la page utilise déjà des balises <table>, ce qui n’existait pas encore quand j’ai commencé à coder… et j’ai aussi souvenir que les liens sur les planètes devaient initialement être gérés via une imagemap…)

M’enfin… il passe encore pas mal, non ? 😉.

Publié le: 6 octobre 2015
Catégories: Trucs de webmaster
Mon Paris Web 2015

Mon Paris Web 2015

Petit retour sur ces 3 jours de Paris Web qui viennent de se terminer. C’est tous les ans différents, mais toujours aussi enrichissant, les rencontres autant que les conférences, les discussions qui en découlent autant que les intervenants… bref, on espère que ça durera encore longtemps 🙂

Comme les années précédentes, j’ai fait un Storify pour résumer rapidement et chronologiquement ce que j’ai tweeté ou retweeté, pratique qui en conf’ remplace désormais pour moi la prise de notes. Mais, finalement, ça ne dit pas vraiment ce que j’ai pu retenir, ce que ça m’a apporté… et puis les meilleures conférences peuvent être celles où on tweete le moins… bref, ça mérite que je me pose et que j’essaie d’en tirer mes propres conclusions, la substantifique moelle de ces 3 jours.

Pour cela, j’ai classé les conférences en 3 catégories, toutes personnelles et relatives : les conférences « qui font du bien », celles « qui me serviront » et celles « qui étaient intéressantes mais que je suis pas sûr de bien savoir quoi en faire ».

Ce classement exprime surtout qui je suis et où j’en suis. Je ne bosse pas en agence. Je n’ai pas de clients, voire je suis un client. J’ai bientôt 20 ans de web derrière moi, je suis expert Accessiweb depuis 2008, certifié opquast depuis peu… bref je ne demande pas à être convaincu du bien-fondé de l’accessibilité ou de l’importance du web de qualité. Je suis aussi capable de faire ma veille tout seul, mais j’apprécie d’être confronté à des points de vue différents et les retours d’expériences enrichissants. J’aime les conférences qui parlent de faire le web, mais aussi celles qui parlent du web, ce qu’il est, ce qu’il devient, ce qu’il pourrait devenir…

Les conférences qui font du bien

  • Internet et libertés : pour un engagement des acteurs du numérique
    Adrienne Charmet
    C’était la conférence d’ouverture cette année et j’en étais étonné mais très heureux. Étonné parce que Paris Web c’est quand même la conférence des gens qui font le web et que cette conférence était plus politique que pratique et au cœur du sujet. Heureux parce que c’est important que les gens qui font le web s’engagent et que cette conférence d’ouverture est un beau symbole en ces temps troublés (Loi rance, toussa…). Je suis et soutiens la quadrature depuis quelques années et j’ai vraiment assisté à cette conférence en mode groupie.

  • Il est beau il est frais mon RGAA 3
    Aurélien Levy
    J’ai été très impressionné par la prestation d’Aurélien qui, en 15 minutes, a su faire une conférence qui ne fasse pas qu’effleurer le sujet. J’ai appris plein de choses, et c’est presque l’une des conférences qui m’a laissé avec le plus d’idées et de trucs à approfondir dès mon retour au boulot lundi matin. En 15 minutes. Je lui tire vraiment mon chapeau.

  • Privacy-by-designer: delivering personalisation & privacy from flow to finish
    Ann Wuyts
    Cette conférence m’a réellement passionné, et m’a conforté dans l’idée que si on veux se battre pour le respect de la vie privée, ça doit commencer par des prises de positions fortes des acteurs du web pour définir clairement ce qui est acceptable de ce qui ne l’est pas, et pour refuser tous les petits compromis et petites lâchetés que pourraient nous faire adopter certains darks patterns par facilité ou par paresse, pour de mauvaises causes ou par fatigue de se battre.

  • pasdecalais.fr, histoire d’une démarche d’accessibilité
    Bertrand Binois
    Ce retour d’expérience était vraiment génial ! Ça fait vraiment du bien de voir et de savoir que, ailleurs, d’autres personnes rencontrent des problèmes finalement assez proches des miens, les mêmes doutes, les mêmes difficultés… mais que cela n’empêche pas de garder l’envie de bien faire, de mieux faire, de faire de la qualité, et de le faire pour tous parce que cela va de soi, que ça ne se discute pas.

  • Design de soi : valoriser son identité et son expertise sur le web
    Marie Guillaumet
    J’attendais avec impatience cette conférence de kReEsTaL et je n’ai pas été déçu. Marie a dit avec ses mots, sa personnalité et son énergie quelque chose qui était très fort quand j’ai commencé à zoner sur le web (« si tu ne trouves pas quelque chose sur internet, c’est à toi de l’y mettre ») et que, avec les années/la vie/les enfants/IRC qui s’est vidé/Facebook/Twitter/le reste, je pourrais parfois perdre de vue : nous restons une communauté où chacun peut non seulement trouver sa place, mais aussi et surtout la cultiver. C’était vraiment inspirant, merci Marie !

  • Le jour où on n’aura plus besoin de l’accessibilité
    Olivier Nourry
    Olivier a vraiment été brillant, et imparable, dans sa démonstration mais aussi drôle dans sa prestation. Je n’y assistais pas pour être convaincu, je le suis déjà évidemment… j’en suis sorti reboosté, prêt à me battre encore quelques années.

  • La conf’ surprise sur la LSF
    Sandrine Schwartz
    C’était vraiment une super surprise. Je m’attendais à une guest star comme le fait Smashing avec ses mystery speakers mais c’était 1000 fois mieux ! C’était drôle, tellement vivant mais aussi tellement vrai… J’ai appris plein de choses mais j’ai aussi ri aux larmes, c’était vraiment un cocktail détonnant.

Les conférences qui me serviront

  • « Acceptation Générale » mon prénom, mon adresse, mon domaine seront-ils acceptés par tous les formulaires ?
    Stéphane Bortzmeyer
    J’ai été surpris du thème de la conférence, loin des sujets évoqués par Bortzmeyer sur son fil Twitter… mais je l’ai vraiment beaucoup aimée 🙂 Depuis le temps que j’essaie de mettre un plus dans mon adresse e-mail à chaque fois qu’on me la demande !

  • Le styleguide, bien alimenté il tient ses promesses
    Laurent Guitton
    J’ai presque terminé mes guide pour notre refonte, donc je lui en veux un peu de n’avoir fait cette conférence que jeudi… mais je dois reconnaître qu’elle était quand même vraiment intéressante… et que j’ai noté 2/3 trucs à vérifier ou à revoir rapidement.

  • Vers une bonne pratique du pair design
    Catherine Verfaillie
    Celle-là aussi, je l’ai beaucoup aimée ! C’était super intéressant, ça donnait vraiment envie de s’y essayer (et j’ai adoré ses slides !). J’ai beau ne pas bosser en agence ou dans un startup, je suis maintenant persuadé qu’on devrait plus souvent s’essayer à cette pratique de pair design, en faisant varier les combinaisons de profils, les types de projets, les durées. J’ai plein d’idées en tête, et j’ai hâte de m’y essayer.

  • CSP: Content Security Policy
    Nicolas Hoffmann
    Je ne suis pas sûr que l’on puisse l’appliquer chez nous mais cette conférence m’a donné l’envie de m’y essayer (enfin de trouver les arguments pour convaincre certains de nous laisser nous y essayer). C’était très clair, plutôt drôle avec juste ce qu’il faut de pratique, de bon tuyaux et d’astuces.

Les conférences « qu’elles étaient intéressantes mais que je sais pas bien quoi en faire »

  • Service workers : reprendre le contrôle du navigateur
    Éric Daspet
    Éric nous a brillamment introduit au Service workers (non Béa, ce n’est pas le nouveau nom de la DRH). Je ne le classe pas ici parce qu’il ne m’a pas convaincu mais parce que je ne suis pas sûr que cela puisse s’appliquer à mon contexte… même si je trouve cela dommage car je pense vraiment que c’est une technologie d’avenir. Si Éric a su vous convaincre en 15 minutes, je vous conseille, en un peu moins de 50 minutes, la conférence The UX of offline-first de Jake Archibald. Je l’ai vue à Oxford l’an dernier et elle était vraiment géniale.

  • An Introduction to CSS Grid Layout
    Rachel Andrew
    Cette conférence m’a laissé sur ma faim. Non pas que Rachel Andrew ne maitrisait pas son sujet, elle était tout ce qu’il y a de plus professionnel… mais elle m’a laissé sur l’impression que, avec de la chance, peut-être qu’on pourra envisager d’en faire quelque chose en 2020. En attendant, cela m’a paru bien compliqué, difficile à mettre en place, à maintenir et à industrialiser. Je n’ai pas bien compris comment on s’en sortirait, le moment venu, pour mettre en place les fallbacks indispensables… Bref, j’ai vraiment l’impression que Flexbox a encore de beaux jours devant lui&bsp;!

  • Creating a culture of code quality
    David West
    Ne programmant finalement que peu, et n’ayant aucun accès aux serveurs, j’ai trouvé la conférence intéressante, j’ai même noté quelques adresses pour approfondir… mais je ne suis pas sûr de pouvoir en faire grand chose (et c’est sans doute dommage pour moi… mais c’est malheureusement comme ça)

  • Itinéraire d’une licorne : de la psychologie sociale à l’UX design
    Maxime Fortelle
    L’orateur était intéressant… mais le format était peut être trop court. Ça m’a appris des choses, mais pas forcément des choses qui me serviront.

  • Vendez votre méthodologie
    JP Cabaroc
    C’était très intéressant, j’ai beaucoup aimé… mais je le classe quand même là parce que je n’ai rien à vendre 😉

  • Le designer qui chuchotait à l’oreille des ordinateurs
    Thierry Michel
    C’était très intéressant, j’ai vraiment apprécié la prestation de l’orateur… mais finalement, je le classe quand même ici car, j’ai déjà plusieurs fois tenté de revenir à la ligne de commande, poussé par des amis ou des billets de blogs, je n’y suis jamais arrivé. C’est sans doute ma mémoire de poisson rouge ou le poil que j’ai dans la main… mais j’ai bien de ne jamais réussi à chuchoter à l’oreille de mes ordinateurs… Je reste un « presse-bouton » indécrottable.

Les ateliers

Cette année, j’ai eu le grand bonheur de pouvoir assister aux ateliers (enfin aux premiers, après j’ai été rappelé à la maison… c’est ça d’avoir 2 enfants et demi…).

  • Tester l’accessibilité de son site Web avec NVDA
    Denis Boudreau
    J’étais venu avec mon mac donc c’était pas facile de tester avec NVDA… mais j’ai vraiment beaucoup beaucoup aimé cet atelier avec Denis Boudreau. À cause de cet atelier aussi, j’ai hâte de retourner au boulot pour vérifier 2/3 trucs dans mes derniers travaux… en étant, je l’espère, un peu moins maladroit dans mon utilisation de NVDA !

  • Initiation à la facilitation graphique
    Romain Couturier
    Ce n’était pas du tout ce que j’attendais… mais c’était vraiment super intéressant quand même ! Je gribouillais déjà pas mal au boulot, je crois que je vais le faire encore plus. J’en retiens que, pour être vraiment efficace, et pour que ça facilite vraiment, il faut se construire sa propre grammaire visuelle, mixer mots et dessins, et bien utiliser cadres et connecteurs.

Je n’étais pas à l’apéro communautaire mais j’ai un alibi une excuse, j’avais piscine un gâteau d’anniversaire à préparer pour mon loulou de 3 ans… et je vous le prouve !

La photo d’entête est de Sharat Ganapati, elle est en licence CC By 2.0

Publié le: 4 octobre 2015
Catégories: Trucs de webmaster
Je suis certifié Opquast !

Je suis certifié Opquast !

[Mise à jour du 24 septembre : j’ai mon badge ! Je l’ai mis dans mon profil Mozilla Backpack mais je peux aussi vous le mettre ici :
Certificat Qualité web de Arnaud Malon

C’est bon, c’est fait, j’en sors… je viens de passer l’examen Opquast Certified et je vais pouvoir partir en vacances !

Pourquoi passer l’examen ?

  • Parce qu’on est en pleine refonte de nos sites et que ça permet de s’y préparer.
  • Parce que ça fait des années qu’on table sur la qualité en général (et sur l’accessibilité en particulier)… et que, quitte à passer pour des emmerdeurs, autant passer pour des emmerdeurs compétents
  • Parce que l’approche transverse d’Opquast corresponds bien à notre fonctionnement d’équipe : des profils divers et complémentaires… mais des travaux en communs, basés sur le collectif.
  • Par amour du travail bien fait. On est pragmatique, donc on essaie de ne pas faire de sur-qualité… mais on essaie surtout de ne laisser personne sur le coté du chemin.
  • Parce que, de toute manière, j’avais déjà lu le livre, échangé (à Paris Web, aux séminaires AccessiWeb…) avec les gens de Temesis, voire visionné les vidéos des conf d’Elie… alors, tant qu’à faire…

Comment ça se passe ?

  1. Une journée de formation avec Laurent Denis, vraiment intéressante. Je m’attendais à une présentation d’opquast et la journée a été, en fait, bien plus enrichissante car tournant autour de la notion même de qualité et les principes sous-tendant la construction du référentiel de bonnes pratiques. C’était bien mieux car bien plus intéressant, et surtout compliqué à faire seul, alors que la découverte/l’appropriation des bonnes pratiques se fait très bien ensuite.
  2. Vous êtes censés repartir de là avec le livre Qualité Web (sauf s’ils doivent arriver par la Poste… auquel cas, foncez direct à l’église la plus proche allumer un cierge)
  3. Un mois de training (en fait un peu moins, mais c’est ma faute : je voulais partir en vacances). Là aussi, c’est vraiment bien foutu, vraiment fait pour que, quelque soit votre profil, vous puissiez vous approprier la démarche, petit à petit, crescendo. Vous apprivoisez le livre, on vous conseille des lectures en ligne, voire des vidéos (parfois, vous vous rendez compte que vous l’abez déjà lu… voire que vous étiez le premier à avoir commenté une vidéo), des quizz valident les étapes, tous un peu plus compliqués que les précédents… mais où vous améliorez quand même vos scores, validant ainsi que votre formation se passe bien. La derrière étape, après un test récapitulatif servant essentiellement à vous rassurer sur l’appropriation de vos nouvelles connaissances, c’est un examen blanc… prélude logique à l’examen final
  4. Un examen d’1h30 sur lequel je ne vous dirais rien (gniark)

Des critiques ? Des améliorations ?

  • Certaines bonnes pratiques ne sont pas/plus vraiment à jour… mais ça, c’est en cours car Opquast V3, c’est parti
  • Il faudrait relire tout ça quand même parce qu’il y a pas mal de petites gougounes de textes et de typo et que ça fait pas sérieux 😉
  • Faudrait songer à former La Poste pour qu’ils aient un référentiel de bonnes pratiques leurs permettant de livrer correctement les colis qu’on leur confie, d’informer correctement leurs clients, de répondre aux mails (et autres sollicitations) qu’on leur pose)
  • L’examen est vraiment plus compliqué que l’examen blanc… et, au vu des premiers scores de l’équipe, je dirais que ce sont les scores de l’examen (dont le mien) qui reflètent le mieux notre niveau de compétences… donc je dirais que c’est la difficulté des examens blancs qui doit être ajustée.
  • Faire encore mieux connaître tout cela parce que vraiment ça le mérite.

Alors, heureux ?

OUI. C’était vraiment une super expérience. On en sort affutés, prêts pour fignoler un nouveau site de qualité (ça tombe bien, c’était le but), on a appris, tous, pleins de choses. On a passé un mois à beaucoup échanger sur la qualité : du coup, outre l’émulation certaine entre les différents membres de l’équipe (nous ne sommes que des humains), j’ai vraiment l’impression qu’on a partagé quelque chose, et qu’on a progressé tous ensemble. Merci Temesis !

(L’image d’entête est une photo de Kristina Alexanderson publiée sur Flickr en licence CC by-nc-nd)

Publié le: 24 septembre 2015
Catégories: Trucs de webmaster

#SmashingConf : les photos

Gargouilles | Oxford | Panoramiques | Instagram

Des Gargouilles

Des photos d’Oxford… sur Flickr

Des Panoramiques

Des photos d’Oxford… sur Instagram

[alpine-phototile-for-instagram id=780 user= »zemoko » src= »user_tag » tag= »smashingconf » imgl= »instagram » style= »gallery » row= »7″ grwidth= »800″ grheight= »600″ size= »Th » num= »26″ highlight= »1″ align= »center » max= »100″]

Publié le: 20 mars 2015
Catégories: ... qui voyage, Trucs de webmaster
#SmashingConf : Jour 2

#SmashingConf : Jour 2

(Le jour 1, c’était hier 😉)

Les conférences

An so the Mystery begins…

Le mystery speaker de cette année, c’était Chris Heilmann et sa conférence s’intitulait Welcome to planet Fintlewoodlewis
Une conférence pleine de bon sens.

Petite sélection de citations :

  • As soon as you think you should control the user, please leave the Web.
  • We need to create for people who are not us.
  • Unblock the pipes. Websites became so obese.
  • We shouldn’t force users to use a new browser. They come to us, we should make it work for them. We should not force our users to nothing!
  • Fix the broken things before we build shiny new broken things

Enhancing Responsiveness with Flexbox par Zoe M. Gillenwater

Le message est, peu ou prou, le même que l’an dernier mais, comme Zoé m’avait convaincu l’an dernier, c’était à la fois rassurant et amusant d’assister à cette conférence. Le pourcentage de navigateurs supportants Flexbox a encore augmenté mais le principe reste le même : Flexbox as a progressive enhancement. Si vous n’avez pas encore passé le cap Flexbox, foncez !

Debugging HTTP par Lorna Mitchell

Je dois avouer que c’était une conférence un poil trop technique pour moi et que j’en ai profité pour aller acheté des cookies au marché couvert !

Making a silky smooth web par Paul Lewis

Obsédé par la performance ? Cette conférence était faire pour vous. Une bonne conférence pour mieux comprendre, et pour étende, la notion de performance web. Très concrète, pleine d’exemples… chouette !

Crafting for #WorldDomination par Polle de Maagt

Pour être honnête, je ne sais trop que penser de cette conférence… C’est un peu comme quand Google nous dit Don’t be evil, on a envie de le croire… mais on y croit pas. Les exemples montrés par Polle de Maggt sont sans doute de très beaux projets marketing de KLM mais ça me laisse un sentiment de malaise… C’est sympa cette idée de cadeau surprise qui vous arrive de nul part à l’aéroport et ces jolies hôtesses qui viennent vous l’ouvrir avec ce grand sourire… mais, quand on y réfléchit, c’est autant une traque des clients qu’une recherche de cadeau parfait. Bof, bof.
J’ai beaucoup plus apprécié la partie concernant la gestion de l’équipe User research for designers & ingeneers par Rachel Ilan Simpson

Une conférence passionnante sur tous les types de tests utilisateurs qu’on peut faire pour faire toujours mieux, plus adapté à nos utilisateurs. L’idée est de rentrer dans un cercle vertueux pour tester, prototyper, interviewer, évaluer… et recommencer. Ce qui se résume magnifiquement par Fail early. Fail often..
Mention spéciale à cette fabuleuse vidéo youtube The Scrollwheel dans laquelle touter personne ayant, au moins une fois, participé ou assisté à des tests utilisateurs se reconnaitra.
Ah et, euh, pourquoi diable a t’on tous téléchargé Pop ? C’était juste pour faire une (mauvaise) blague aux gens qui essaient tant bien que mal de maintenir le Wi-Fi ?

The UX of offline-first par Jake Archibald

Une conférence qui regroupe les 2 thèmes privilégiés de l’année : Progresive enhancement et Services Workers.
Elle n’est pas nouvelle mais j’aime toujours autant cette image d’un escalator pour expliquer le concept de Progresive enhancement. Quant aux Services Workers, je dois avouer que je ne sais pas encore bien quoi en faire mais que les conférences de cette année m’ont sérieusement chatouillé et qju’il va vraiment falloir que je creuse le sujet. Surtout que j’adore cette idée/citation : Is ServiceWorker ready? It will be — if you start using it.

La Photo walk

Nous avons fait, au pas de course parce qu’il était déjà un poil tard et que la lumière déclinait vite, une petit tour dans Oxford en suivant Cat Clark, puis nous sommes tous allé dans un pub pas bien droit pour boire des bières et manger des burgers.
(un billet suivra très vite avec mes photos !)

Bilan

Je repars d’Oxford reboosté, avec l’envie d’essayer plein de trucs et des idées plein la tête… Je retrouve aussi foi dans le web : revenir aux basiques, à du sémantique, du responsive par nature, des échanges enrichissants, des discussions stimulantes, ne pas re-inventer la roue, revenir à du simple, penser à tous, être accessible… (mais un peu paumé aussi quant les mozillians historiques sont recrutés par Microsoft et qu’on ne sais plus que penser de Google…)

Peut-être encore plus que l’an dernier, c’était un événement vraiment cosmopolite et ça fait un bien fou. J’ai discuté avec des anglais, pris des photos avec une néerlandaise, refais le monde avec des californiens et un tchèque, disserté bières avec un belge et un luxembourgeois, bu des cafés avec une norvégienne, mangé des hamburgers avec une allemande, un portugais vivant aux Pays-Bas, un grec et une espagnoles vivants en allemagne, fait un atelier avec un lithuanien… C’était vraiment incroyable.
Je reviendrais ! Rendez-vous l’année prochaine ?

Publié le: 20 mars 2015
Catégories: Trucs de webmaster
#SmashingConf : Jour 1

#SmashingConf : Jour 1

Et voilà, nous sommes déjà au matin de la seconde journée de conférences de la SmashingConf Oxford 2015 ! Avant de la commencer, petit retour sur la journée d’hier :

La ville

Oxford me plait toujours autant. Moins de chance cette année avec le temps mais ça reste toujours aussi magique de s’y promener. Juste petit comme il faut pour pouvoir tout faire à pieds ou à vélo, juste grand comme il faut pour être super animé. Une énergie incroyable de dégage de ce lieu, c’est vraiment incroyable.

Les gens

Les échanges sont toujours aussi enrichissants ici avec des gens qui viennent de tous les horizons : j’ai croisé quelques autres français, un luxembourgeois, un belge (mais je soupçonne qu’il y en a d’autres), une norvégienne, une petite tribu de californiens, une néerlandaise… et pas mal d’anglais ! Une bonne partie sont développeurs mais ça reste vivable 😉

Les conférences

La journée a commencée, comme il se doit, avec un show de lasers de Seb Lee-Delisle, et des ballons

A Good Writer Is a Good Thinker par Christopher Murphy

Une bien chouette conférence pour commencer, juste ce qu’il faut d’abstraction et de généralités, quelques lectures conseillés, quelques règles de vie et/ou de travail à tester. Une conférence vraiment inspirante.

Getting Personal: The Why and How of Designing for People par Meagan Fisher

Une conférence rafraichissante avec des chats dedans. Le design et l’empathie, #toussa.

Don’t Give Them What They Want, Give Them What They Need par Richard Rutter

Une chouette conférence sur la refonte du site de Chelsea & Kelsington. J’en ai tiré, en vrac, la confirmation que l’HTML c’est mieux que des PDFs mais que des PDFs balisés c’est mieux que rien, qu’on n’est pas condamné à avoir un seul gabarit de site, que plusieurs moteurs de recherches, et plusieurs champs de recherches, c’est une idée à creuser, quelques considérations aussi sur la navigation et le fil d’ariane. Tout cela va bien me servir, je le sens.

Responsive Images are here! par Yoav Weiss

Une bon état des lieux… qui me laisse toujours un peu avec le même sentiment : tout cela est tellement compliqué ! Pour bien faire, il faut encore coder tellement, et produire tellement de versions que j’ai du mal à voir comment on peut intégrer cela dans un contexte un tant soit peu industriel. Bonne conférence, hein, je ne dis pas… mais il faut que je songe à ce que je vais en faire… On a des sites à faire vivre et des projets de refonte dans les tuyaux 😉

Rethinking Publishing par Peter Bil’ak

Je ne savais trop quoi penser cette conférence… mais finalement elle était assez intéressant et m’a donné envie de découvrir le magazine de Peter (ce qui était sans doute le but et faisait de cette conférence une sorte de publimercial assez étonnante ici).

Visualisation that takes us beyond the numbers par Natalie Yadrentseva

Cette conférence aurait pu être très intéressant, et elle faisait parti de celles que j’attendais avec impatience mais c’était en fait une suite de petits exemples, pas toujours très explicites, et personne ne semble avoir vraiment compris où elle voulait en venir… Dommage !

Beyond the browser par Tom Giannattasio

Il FAUT que je trouve une idée d’appli à développer avec nw.js que nous a présenté Tom, ça a l’air vraiment trop cool 🙂 <-- Quand on sort d'une conférence avec ça en tête, c'est que c'est gagné, non ?

Is Blink The New IE6? par Bruce Lawson

Une conf’ incroyablement inspirante et un conférencier tout aussi incroyable. ça a commencé par un historique qui donnait un petit peu le vertige sur les années Netscape 4/IE6/Netscape 6 (en tout cas à un dinosaure du web, ça donnait le vertige) pour finir à un état des lieu assez objective sur la situation actuelle des développeurs de navigateurs, et sur cette conclusion logique « The only people who could make a browser monopoly are us, developers. ». L’esprit de cette conférence était clairement #ShareTheLove, ça m’a fait penser à Paris Web !

Ce sont des réactions à chaud, mais je prendrais le temps en revenant de faire un retour plus poussé… et sans doute un petit Storify de mes tweets et de ceux que j’ai retweetés.

Sinon, merci vraiment à Smashing Magazine qui m’a offert 2 de leurs livres (je ne sais pas comment ils organisent leur tirage au sort ;))

Et, comme l’année dernière, mention spéciale à Elisabeth Irgens et à l’esprit de synthèse dont elle fait preuve pour produire, pour chaque conférence, des sketshbooks absolument incroyables.

La Smashing Party

Encore pas mal d’échanges enrichissants, en buvant pas mal de bière… C’était vraiment chouette.

Bon allez, il faut que je me dépêche de me préparer, c’est pas tout ça mais j’ai une seconde journée de confs qui commencent dans une heure moi !

Publié le: 18 mars 2015
Catégories: Trucs de webmaster
  • 1
  • 2