::franek::

Aller au contenu | Aller au menu | Aller à la recherche

Mot-clé : web

Paris Web 2013 : J'y étais !

Après 2 années d'absence aux conférences de Paris Web (mais pas les ateliers), j'ai à nouveau participé aux conférences Paris Web (merci à mon employeur).

Comme d'habitude, j'ai trouvé que la journée du samedi (les ateliers) était indispensable : les intervenant prennent le temps de rentrer dans le détail des sujets et les petites salles sont propices aux échanges. Je regrette de ne pas disposer d'un don d'ubiquité.

La qualité des conférences des journées du jeudi et vendredi était inégale. Je ne ferai pas de compte-rendu complet, certains sont bien meilleurs que moi pour cet exercice. J'ai appris ou découvert quelques petites choses lors de ces 3 jours que je vais essayer de partager avec vous.

Steve Faulkner nous a parlé de HTML5 Accessibility. J'ai bien aimé sa conférence. Les spécialistes de l'accessibilité n'ont sûrement pas appris grand chose. J'ai aimé l'anecdote sur la page d'accueil de Google qui utilise encore des balises <table> ou <font> pour le layout de sa page. On se dit qu'il y a encore du travail à faire pour l'accessibilité. Vous pouvez retrouver les slides de la conférence de Steve Faulkner.

Jean-Philippe Encausse nous a parlé de la solution qu'il développe pour faire communiquer des objets intelligents, S.A.R.A.H. Sa solution semble vraiment intéressante, elle s'appuie sur des briques ouvertes pour interroger les API des objets connectés (TV, domotique, ... ) qui, elles, sont souvent fermées. Son outil m'a fait penser à Weboob mais pour les objets connectés. Durant son intervention, il nous a conseillé de tester le jeu de réalité augmentée développé par Google, Ingress.

Stéphane Bortzmeyer que l'on ne présente plus nous a parlé de la sécurité et principalement de la sécurité autour des DNS. J'ai appris plein de petites choses que vous pouvez retrouver dans ses slides. J'aurais souhaité qu'il approfondisse un peu plus le sujet mais ce n'était sûrement pas le lieu. Par contre, vous pouvez le retrouver à Pas Sage en Seine 2012 ou ailleurs. Il nous a conseillé de lire :

Amaëlle Guitton a synthétisé son livre Hackers: Au cœur de la résistance numérique lors d'une conférence. Ayant lu son livre, j'ai apprécié qu'elle détaille de vives voix ses écrits. Bien que persuadé de l'importance des sujets abordés par Amaëlle, je suis partagé sur la place de ce genre de conférences à Paris Web. Elle nous a notamment conseillé de (re-)lire :

Et d'utiliser les outils suivants :

  • Cryptocat, un chat crypté
  • mailpile, un webmail open-source se rapprochant de Gmail dans ses fonctionnalités

L'une des conférences où j'ai le plus appris est la conférence de Christopher Schmitt sur les différentes techniques permettant de rendre des images adaptables au Responsive Design. J'ai noté quelques liens intéressants :

Florian Le Goff nous a présenté Boucles de rétroactions, ou comment personnaliser vos applications. J'ai noté quelques liens intéressants (voir ses slides) :

Olivier Thereaux et Karl Dubost nous ont présenté Esthétique et pratique du Web qui rouille. Une bien belle conférence sur la gestion de l'information, de l'archivage,... à l'heure du web.

Geoffrey Dorne nous a parlé de Multimodalité & interfaces. Le design est une question d'humains, pas de machine. Je vous conseille de regarder la vidéo lorsqu'elle sera disponible (ses slides). A nouveau quelques liens glanés :

La première conférence que j'ai suivi lors des ateliers fut celle de Goulven Champenois sur Responsive, l’indispensable révolution des outils et processus. L'atelier s'est vite transformé en discussion autour du Responsive Design avec de bons échanges avec Jérémie Pattonnier.

J'ai ensuite suivi l'excellente conférence de Raphaël Rougeron sur les tests unitaires en Javascript. Pour résumer sa conférence en quelques mots, il a nous conseillé d'utiliser :

  • mocha : librairie de tests
  • sinon.js : librairie pour gérer les mocks et les stubs
  • chais.js : librairie de gestion des assertions
  • karma : runner des tests (exécution des tests dans les différents navigateurs)

Dans l'assistance, Sentry a été recommandé pour faire de la supervision orientée front et Gatling pour faire des tests de charge.

J'ai continué sur un excellent atelier de Thomas Basseto sur Les outils pour développeurs inclus dans les navigateurs Web.

Enfin, j'ai terminé par l'atelier de Arnaud Limbourg et son retour d'expérience dans l'utilisation d'outils de monitoring dont on parle beaucoup :

A l'année prochaine ?

P.S: J'ai oublié de remercier toute l'équipe de Paris Web pour le travail réalisé. N'oublions pas de dire que les organisateurs comme les orateurs sont tous bénévoles !!

Retour sur la soirée #webperf du 21 avril 2011

J'ai assisté hier, pour la seconde fois, à l'atelier webperf organisé par le Webperf User Group et principalement Eric.

L'objectif de la soirée était d'analyser quelques sites en 30 minutes par groupe de 5 à 10 personnes puis d'échanger sur les analyses effectuées et sur les solutions possibles pour améliorer la performance (navigateur, réseaux) du site.

Nous avons bien sûr évoqués

  • les outils habituels :
    • YSlow!
    • Webpagetest
  • et les méthodes classiques d'optimisation :
    • réduction du nombre de requêtes
    • concaténation des fichiers JS/CSS
    • gestion des expirations des contenus
    • compression des contenus envoyés au navigateur (gzip & co)
    • sprite des images CSS
    • ...

L'intérêt de la soirée résidait dans les astuces proposées qui étaient directement applicables aux sites audités. J'en ai relevé quelques unes. Certaines pourraient être généralisées à vos projets :

  • Une bonne pratique pourrait être d'ajouter dès aujourd'hui dans le code HTML les balises <link rel="prefetch" afin d'indiquer au navigateur de "préfetcher" certains éléments (exemple : requête DNS, ...). Tous les navigateurs ne supportent pas cette fonctionnalité. Quelques articles pour développer le sujet :
  • Le chargement des feuilles de styles d'impression (media=print) peut "ralentir" le chargement d'une page (ajout d'une requête) alors que dans la plupart des cas, elle n'est pas nécessaire dans le contexte de navigation. Une bonne pratique pourrait être :
    • soit de charger les styles spécifiques via @media
    • soit de la charger via JS (en mode asynchrone)
  • Suite au commentaire de Vincent Voyer, attention de ne pas charger la feuille de styles CSS print en fin de document (sinon, les navigateurs comme IE6 et 7 n'afficheront rien tant que tous les CSS ne seront pas téléchargés.)
  • Si vous utilisez les commentaires conditionnels, il est nécessaire d'ajouter avant le HEAD un commentaire conditionnel vide. Sinon, IE bloque le téléchargement parallèle pendant le chargement de la première CSS (voir les commentaires pour les ressources permettant de valider ce problème). Voir le site de 20minutes.fr qui met en pratique cette technique
  • Du fait, du faible nombre de téléchargement parallèle sous IE, il est préférable d'ajouter une classe IE sur le <body> (voire <html> comme le propose Nicolas Hoizey dans les commentaires) et cibler les styles IE via cette classe plutôt que d'avoir un fichier CSS dédié (hack-ie-6.css). On dispose ainsi que d'un seul fichier CSS pour l'ensemble des navigateurs.
  • Google Analytics propose deux modes (synchrone, asynchrone). Il est préférable d'utiliser la version asynchrone (dernière version disponible).
  • Afin d'éviter que le cookie de Google Analytics soient positionnés sur l'ensemble des sous-domaines, il est possible de lui dire de le positionner que sur un seul domaine en particulier via _gaq.push(['_setDomainName', 'mondomaine']), je pense
  • Pour des images inférieures à 100x150, il est souvent préférable de passer en PNG8 plutôt qu'en JPEG. La dégradation de la qualité de l'image ne sera pas perçue (ressource nécessaire pour valider ce point).

Enfin, quelques outils que je ne connaissais pas

  • Pour les performances sur mobiles :
    • blaze.io : équivalent webpagetest pour Mobile mais les résultats ne sont pas toujours très pertinents
    • 5o9inc.com propose un APK à installer sur un téléphone Androïd afin de collecter des informations sur les performances du site mobile.
  • Pour l'analyse :
    • speedtracer : pour suivre le traitement du chargement d'un site dans le navigateur (traitement du javascript, reflow, analyse CSS,...). C'est une extension pour Google Chrome ou Chromium.
  • Pour le chargement des fichiers JS

C'est tout pour le moment.

Edit : Correction suite différents commentaires.

Paris Web 2009, c'est fini

Pour la quatrième année consécutive, j'ai participé à Paris Web, le cycle de conférence sur le Webdesign, la qualité et l'accessibilité et pour la première fois, j'ai assisté aux ateliers. Si je n'avais qu'une chose à vous conseiller pour l'année prochaine, c'est d'aller aux ateliers du samedi. Pour 10 euros, vous avez accès à 4 conférences d'excellente qualité.

J'avoue, l'an passé, j'avais été déçu. Je l'avais écrit ici même et en relisant mon billet, je trouve que j'avais été un peu dur.

Cette année, ça a bien commencé :

  • Intégrateurs, montez au front ! par Stéphane Deschamps
  • Un seul Web par Daniel Glazman
  • HTTP pour les naïfs et les brutes par Karl Dubost
  • Un Web ouvert par Eric Daspet
  • Basic housekeeping - keeping the web a safe and clean environment par Christian Heilmann

Les orateurs ont continué sur leur lancée :

  • Being Agile, Being Good par Stéphane Troeth
  • CSS peut-il être orienté objet ? par Nicole Sullivan
  • ROI et performance web : intégrer la culture de l’optimisation à la stratégie Internet par Arnaud Brin
  • WCAG 2.0, Flash, PDF, Javascript et les autres sont dans un bateau... par Aurélien Lévy et Sebastien Delorme
  • Design itératif pour un site web de grande échelle par Hervé Mischel

Et ça s'est fabuleusement bien terminé par les ateliers :

  • La trousse de survie en milieu web hostile (Salle 2) par Vincent Aniort et Samuel Le Morvan
  • Technologies riches sur mobile : tour d’horizon et perspectives par Nicolas Fournier
  • Le Web en Offline avec Gears et HTML 5 par Thomas Parisot
  • Test automatisé d’applications JavaScript avec Qunit et Selenium par Damien Mathieu

Si vous n'avez pas le temps de faire de la veille sur les nouvelles technos, Paris Web vous permet en 3 jours de rattraper votre retard.

Personnellement, durant ces 3 jours, j'ai découvert plein de bonnes choses. J'ai retenu d'un point de vue pratique le : Object Oriented CSS de Nicole Sullivan, une sorte de framework CSS qui semble tout à fait pertinent.

J'ai été épaté (comme d'habitude) par les conférences de Chris Heillman et plutôt intéressé par celle de Hervé Mischler, Directeur de la création de Dailymotion (60 000 000 visiteur uniques/mois, 1 000 000 000 de pages vues/mois. Mes 120 000 visiteurs uniques/mois sur mon site pro sont vraiment ridicules).

J'ai aimé la conférence de Aurélien Lévy et Sébastien Delorme sur l'accessibilité du Flash et des PDF : Oui, il est possible de faire du flash accessible ou du PDF accessible. Cette conférence est totalement complémentaire avec la conférence de Denis Boudreau de Paris Web 2007.

J'ai appris plein de choses aux conférences :

  • de Thomas Parisot sur HTML5/Gears (il faut que je m'y mette), très pédagogue, clair, ...
  • de Vincent Aniort et Samuel Le Morvan, quelques liens glanés pour améliorer l'accessibilité :  :
    • extension Wave Toolbar pour Firefox : extension qui permet d'évaluer rapidement l'accessibilité d'un site
    • extension T.a.w3 with a click : évaluation rapide plus précis que Wave (ne checke pas les couleurs)
    • YAML Debug : un bookmarklet qui fonctionne un peu comme la Web Developper Toolbar en plus Light.
    • extension Pinger pour Firefox qui permet de vérifier que votre page ne possède pas de lien mort (404).
    • Je ne parle pas bien sûr de la web developper toolbar, de HTMLValidator et de Firebug que tout le monde connait.
  • de Nicolas Fournier sur les applications riches pour mobiles.

2009 était un excellent cru, juste un peu déçu par les trop nombreuses private joke. Je reviendrai l'année prochaine. Merci aux organisateurs, aux orateurs, ...

J'oubliais. Je suis reparti avec le bouquin de Amélie Boucher, Ergonomie web, Pour des sites web efficaces que j'hésitais à acheter depuis un bout de temps. Merci à Damien Mathieu et à Eyrolles.

Compte-rendu Paris Web 2008

paris-web.png

J'étais à Paris Web 2008, conférence sur le webdesign, la qualité et l'accessibilité, ces deux derniers jours. Je n'ai malheureusement pas pu assister à l'apéro du vendredi soir et aux ateliers techniques qui avaient l'air excellents.

J'ai un avis mitigé sur l'événement. J'assiste à Paris Web depuis la première édition.

En 2006, c'était génial. Après la création de OpenWeb, on sortait enfin les standards, les bonnes pratiques et l'accessibilité en dehors des sites webs pour l'amener au plus près des développeurs. J'avais été épaté par les prestations de Elie Sloïm sur Opquast, de François Nonnenmacher (à l'époque chez Cap Gemini), de Laurent Gloaguen ou Denis Boudreau. Vraiment une très bonne première édition. J'avais l'impression d'entendre un discours innovant sur le web.

2007 avait confirmé la première édition. Tout était bon et rien n'était à jeter. Un subtil mélange entre des conférences techniques et des conférences décideurs. A nouveau de super intervenants (Denis Boudreau sur l'accessibilité des contenus Flash et PDF, Samuel Latchman sur les enjeux de la production web, Christian Heilman,...,). On y parlait technique mais également gestion de projet.

2008 reste un bon cru. L'organisation était irréprochable (horaires, salles, petit-déjeuner, ...). De nombreuses conférences étaient de très bonnes qualités :

Je reste néanmoins sur ma faim. J'ai trouvé que le contenu ne se renouvelait pas nécessairement (notamment au niveau des tables rondes). Est-ce parce que mon niveau d'expertise s'améliore ? Est-ce parce que je suis les blogs des principaux intervenants ? J'ai moins appris que les années précédentes. La table ronde sur les navigateurs était un événement. Réunir sur un même plateau des intervenants des 4 grands navigateurs est très rare mais ce n'était pas assez concret. Effectivement, "c'est la guerre" entre les navigateurs, c'est important de connaître les évolutions futures mais c'était trop. J'attendais plus de concret. Comment faire pour améliorer mes processus de développement ? Quels sont les meilleurs outils pour faire du CSS/JS,... ? Comment vos équipes sont elles organisées ? Retour d'expériences... ? En fait, je regrette de ne pas avoir pris un pass décideur qui proposait des conférences qui auraient peut-être pu combler mes attentes.

Dans tous les cas, félicitations à toute l'équipe. Il est important que ce genre d'événement perdure à des tarifs aussi attractifs. En 2009, je serai de nouveau de la partie et cette fois, j'essaierai d'obtenir une place pour les ateliers techniques.

En attendant que les slides soient disponibles via les canaux officiels, petite liste des slides des orateurs glanées sur le web :

Jeudi - conférence technique

Vendredi - conférence décideurs :

(on complètera au fur et à mesure)

- page 1 de 2

à propos :: Mots-clés :: archives :: RSS :: Mail