Paris Web 2013

parisweb-logo

La minute culture !

Paris Web c’est :

  • Une association française sans but lucratif « loi 1901 »
  • Fondée en 2005 par Éric Daspet, Stéphane Deschamps et Adrien Leygues.
  • Tous les ans un cycle de conférences et d’ateliers répartis sur trois jours à Paris.

Le mot d’ordre, l’objectif ultime est "la promotion du développement web de qualité avec tout ce que cela implique : standards, normes, accessibilité, ergonomie & méthodes de conception."

Retenez ces trois mots : "webdesign, qualité et accessibilité" : véritable leitmotiv des orateurs !
Le public, quant à lui est aussi large que les spécifications d'un projet ; tous les métiers du web sont présents : chef de projets, designers (–ux aussi), intégrateurs (ou dev front-end), et évidemment nos flegmatiques développeurs.

Que vous soyez jeune padawan ou jedi averti, vous trouverez votre bonheur dans les nombreuses conférences proposées qui sont par ailleurs filmées, retranscrites en simultané sur grand écran (vélotypie), traduites en français (si orateurs anglais) & en langue des signes.

En étant assidu, bien que pas toujours concerné, mais confortablement installé dans ce qui peut s’apparenter à une salle de cinéma, vous en découvrirez surement un peu plus sur le métier de la personne que vous côtoyez le plus après votre compagnon : votre collègue de bureau.

parisweb-salle

Paris Web, c’est une mise à jour de vos connaissances sur les technos d’hier et de demain, c’est cette énergie positive qui anime la communauté réunie ; communauté avec qui vous pouvez partager vos expériences, vos projets, vos réussites et aussi vos ratés (Les 7 préceptes d'un projet web raté ! ).

Finalement, c'est comme le Festival de Cannes, mais au palais Brongniart avec les marches mais sans tapis rouge. Évidemment, les "stars" du web dont vous suivez le blog et le compte twitter sont toutes présentes et dans un élan d'admiration, vous êtes souvent à 2 doigts de leur demander :
"Hey, on peut faire une photo pour que je la poste sur twitter ?" 😉

Accréditation

Maintenant que vous mourrez d’envie d’y être, pour l’année prochaine, il faut commencer par suivre le compte twitter @ParisWeb pour être tenu au courant de la vente des pass. Et je vous conseille d’être très rapides : les pré-ventes ont vu les 120 places s’écouler en … 12 mins.

Les pass au tarif normal (plus cher) sont mis en vente un peu plus tard, mais vendu tout aussi rapidement.

parisweb-goodies

Sélection officielle (à retenir)

Design

  • "Le design n'est pas qu'une affaire de goût"
  • Développer constamment sa culture visuelle et connaitre les références
  • Les 10 principes d'un bon design par Dieter Rams
  • Pour éviter un mauvais design : concevoir des interfaces en prenant en compte le contexte (époque, social, culturel), le code esthétique d'une époque, le message à faire passer et les utilisateurs.

Pour lire les slides de Jean-Philippe Cabaroc

Intégration ... ce monde du "ça dépend"

  • Utiliser des em (ou des rem) pour respecter les préférences et les supports des utilisateurs.

Pour lire les slides de Nicolas Hoizey

  • Éviter le javascript pour adapter les images à tous les supports, quelques solutions parmi celles présentées : le format SVG, le background-size: 100%, la technique Clown Car.

Pour lire les slides de Christophe Schmitt

  • Des "Must Do" pour améliorer l'accessibilité de votre site :
    • Ne jamais cacher vos liens d'évitements avec un display: none ou un visibility: hidden.
    • Ne pas supprimer l'outline des éléments cliquables dans votre reset.
    • A garder en mémoire : le survol d'un lien sur un desktop sera différent pour du responsive design.

Pour lire les slides de Johan Ramon

  • Encore et toujours : arrêter les tableaux pour la mise en page d'un site.
  • Les frameworks vous évitent de démarrer votre projet de zéro, mais ne s'adaptent pas forcément à votre projet.
  • Avant de se précipiter à utiliser CSS3, bien maitriser les propriétés CSS 2.1 : display, overflow, sélecteurs d'attributs...
  • Les préprocesseurs vous feront économiser du temps ( sass/compass, less ...)
  • Créer des conventions entre les équipes ( langues, commentaires, syntaxe ...)

Pour lire les slides de Raphaël Goetter

parisweb-integration

Développement

  • Utiliser des outils pour faire des tests unitaires, d'intégration, fonctionnels : Casper, Karma, Selenium, w3c, Opquast …

Pour lire les slides de Cyril Balit

Environnement de travail

Critiques

  • Une salle parfois trop petite pour des orateurs très plébiscités
  • Ne pas avoir le don d'ubiquité pour assister à 2 conférences intéressantes simultanément

Clôturons le festival

La palme d'or ex-æquo des conférences :

  • La folle journée, ou les fourberies d'un projet par Julien Dubedout, Florian Boudot et Christophe Andrieu
  • HTML / CSS : bousculez vos habitudes ! par Raphaël Goetter

Ce qui ressort de toutes ces conférences est qu'il faut être souple, s'adapter et bousculer nos habitudes. Créer du code flexible dans un souci de modifications ou d'évolutions futures.
Nous nous devons de nous adapter aux préférences de l'utilisateur, et selon les supports.

Le responsive design nous invite à repenser les sites depuis leur début de conception, il faut saisir l'occasion d'y intégrer les problématiques d'accessibilité en parallèle.

Merci à toute l'équipe bénévole de Paris Web 2013 !

Toutes les conférences ont été filmées, enregistrées et seront mises en ligne sur le site de Paris Web.
Pour vous faire patienter, les vidéos du grand auditorium ont déjà été diffusées en direct à cette url.

Un commentaire

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Captcha *

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.