20e édition
du 25 au 27 septembre 2025
Vous consultez le programme d'une ancienne édition de Paris Web.
Dans un projet web lambda, il y a des choses qui ne se passent pas toujours très bien. Dans beaucoup de projets ces petits défauts, ces coûts de non qualité finissent par coûter très cher. Quels sont-ils ? Combien coûtent-ils ? Comment est-il possible et combien coûte-t'il de …
La science-fiction est souvent citée quand l'on veut parler d'innovation en termes d'interaction humain machine. D'un côté, nous avons des films (ou des séries) qui nous prédisent le futur et d'un autre côté les technologies qui évoluent souvent plus rapidement que les …
Si quand on comprend vraiment ses ennemis on ne peut faire autrement que les aimer, alors après ça tu vais aimer JS. JavaScript, l’un des langages les plus incompris de la planète, en est pourtant devenu le langage n°1… Derrière les trucs surprenants, les quelques verrues, les …
Les masques existent depuis « presque » toujours dans Photoshop, c’est même l’une des fonctionnalités primordiales. Aucun designer ne peut s’en passer. Pourtant, c'est tout frais sur le web, en tout cas depuis que la communauté délaisse Flash. En se basant sur mes …
La permaculture est un ensemble de pratiques, de principes, et un mode de pensée visant à créer une production agricole durable (Wikipedia). Design, planif, hacktivisme sont quelques uns des nombreux points communs entre le web et la Permaculture. Comment mes connaissances web …
La conception d'une interface repose sur un grand nombre de disciplines. Être UX designer demande des compétences en architecture de l'information, ergonomie, ou même en design d'interface. Devoir penser à toutes ces disciplines pour obtenir une bonne expérience utilisateur, …
Web Components, the right way Web Component are to developers what catnip is to cats, or roast beef is to English and Americans. Yes, that exciting, because they're so powerful. But with the power to write your own shiny HTML elements, you lose all the built-in goodies that …
La vision simpliste « Moi développeur, toi graphiste » est une illusion dangereuse. À force d'y croire, on se rouille du cerveau, alors que tout le monde a la capacité de créer, rêver, rebondir et échanger autour des besoins et contraintes de chaque projet pour les emmener …
De nos jours, mettre en production une application web c’est la mettre à disposition sur un nombre vertigineux de combinaisons os/browser. Mac OS, Windows, Linux, Iphone, Android, Chrome, Firefox… et le nombre de combinaisons ne fait qu’augmenter. Du coup il devient coûteux …
Plus besoin aujourd'hui de présenter les méthodes agiles qui axent la réussite d'un projet sur des contraintes de communication, d'intégration du client au process de création du projet, de privilégier le développement à la documentation, etc. Cependant, il existe d'innombrables …
Responsive Web Typography Responsive Web Design done correctly is based upon content rather than actual device resolutions, and so typography should adapt to both layout and sizing across content breakpoints. However, mere font sizing along the typographic scale based upon …
Responsive Web Design: Clever Tips and Techniques Responsive Web design challenges Web designers to adapt a new mindset to their design processes as well as techniques they are using in design and code. This talk provides an overview of various practical techniques, tips and …
L'intégration d'e-mails est un sujet souvent méprisé. Et pour cause, le mauvais support de CSS, les problèmes d'interopérabilité et de respect des standards ont de quoi rendre fou le plus avisé des intégrateurs. Pourtant, les e-mails sont un élément de communication essentiel …
Emmener les clients vers la vente en ligne était un premier défi. Les faire revenir au point de vente physique après avoir goûté la facilité du web, rassembler vente physique et en ligne pour former une expérience d'achat complète en sont deux autres. Tous les moyens possibles …
Il existe beaucoup trop de projets velus où la confiance en la « Technique » et les personnes a disparu et/ou qui sont considérés comme morts, victimes de dette technique, managériale ou de processus. Certaines entreprises arrivent à prendre conscience de ce problème et font …
Les usages d’aujourd'hui sont en passe de devenir majoritairement mobiles. Leader européen des sites de rencontres, Meetic est un pionner du web français. Historiquement orienté vers le Desktop, l’entreprise se transforme en profondeur pour s’adapter aux nouveaux usages. Je vous …
Things I wish I knew when I started in Digital Accessibility Knowing first hand how difficult accessibility can be for someone who is new, Billy aims to nurture their passion and boost their confidence by sharing some important lessons he wished he knew when he was starting out. …
Dans cette session, nous regardons un éventail d'outils et de processus qui vous permettront d'augmenter la qualité du code de votre projet. Et cela sans ralentir le rythme de travail. Ces méthodes de travail sont largement utilisées par de nombreux projets à succès. Nous …
Les interfaces des réseaux sociaux et des blogs, appelés aussi dispositifs médiatiques numériques, visent à instaurer une convivialité des interactions entre les internautes. La convivialité intervient à deux niveaux : dans l’expérience interactionnelle et les usages qu’elle …
Chez TEA, nous faisions un peu de revue de code de temps en temps. Nous avons décidé de faire revoir TOUT notre code par nos collègues avant de le passer en production. Comment nous en sommes-nous sortis ? Laissez-moi vous présenter nos outils, nos processus et les bénéfices que …
Plus le web et ses technologies évoluent, plus elles commencent à marcher sur les platebandes des logicielles traditionnels: Les applications web brouille les cartes; Les performances de JavaScript qui rivalisent avec les langages compilés autorisent le portage d'application …
Avec l'arrivée de PHP-FPM et la fin des mod_* d'Apache, nous glissons nécessairement vers une configuration à base de reverse proxys. Au travers de l'histoire de l'évolution d'un site, vous verrez comment un reverse proxy peut être déployer pour vous permettre d'offrir un accès …
Learn what accessibility issues exist in the popular front-end framework Bootstrap, and how to fix them with the PayPal Bootstrap Accessibility Plugin. Several components will be demonstrated including tooltip, modal, and dropdown. Code will be examined thoroughly, including how …
Au fil des années, la taille de nos écrans a beaucoup évolué. Le concept de responsive design nous a poussé à adapter nos applications web à différents facteurs comme la résolution ou la densité de pixels. Un facteur nous résiste encore : le multi-écran. Répandu d’abord dans le …
Rentrer en surchauffe (oui, c'est la traduction de burnout, en fait), c'est finir par ne plus avoir les neurones qui réagissent, les nerfs en vrac, et la plupart du temps ne s'en rendre compte que trop tard. Par chance, cette fois-ci j'ai pu le prévenir. Quelques pistes pour …
TypeScript ou comment goûter à une partie d’ECMAScript 6 le tout de manière typée. Inventé par le créateur de C# et Delphi ! JavaScript est passé d’un jouet utilisé dans une simple page web à de grosses applications en production tournant à la fois sur un serveur et dans le …
webmaster, chef de projets, développeurs, intégrateurs, administrateur réseau… Nous avons tous entre les mains des mots de passe de nos collègues, amis, responsables, voire de nos sociétés, certains de nos clients. Pourtant combien d'entre nous ont une clause de confidentialité …
Frontend Performance Beginner to Expert to Crazy Person The very first requirement of a great user experience is actually getting the bytes of that experience to the user before they they get tired and leave. In this talk we'll start with the basics and get progressively insane. …
Qui n'a jamais reçu un courrier ou un e-mail l'invitant à souscrire à la facturation électronique, en remplacement de la facturation papier ? Fournisseurs d'énergie, opérateurs de téléphonie, banques, assurances… toutes les entreprises vendent ce changement comme une bonne …
Dans une galaxie lointaine, d’obscures forces sont à l’œuvre pour créer des stratégies perverses piégeant les internautes. Nous explorerons en détail et à travers de nombreux exemples ces techniques qui ont pris le nom de « Dark patterns ». Que ce soit dans l’e-commerce, dans …
Trop souvent les projets web virent au chaos. Mal maitrisés, ils deviennent un enfer pour tout le monde : développeurs, clients, chef de projet, etc. Pourtant, il y a plein de petits trucs simples pour éviter ça. Il ne s'agit pas de disserter sur les grandes théories de la …
De par la situation de mobilité du smartphone, la phase du checkout est délicate, car l'internaute ne risque pas de sortir sa carte bleue quand il n'est pas chez lui. En sachant qu'en ajoutant une étape dans le process de checkout, on perd à chaque fois la moitié de ses …
Aucun projet ne se déroule correctement, et nous cherchons bien souvent à mieux faire. Mais comment ? J’aimerais vous raconter comment (grâce au debrief', au "mur d’erreur", et quelques astuces) je puise dans mes erreurs pour améliorer le projet suivant, et les futurs.
Devant la complexité de notre environnement, le cerveau va chercher à mettre en forme, à donner une structure signifiante à ce qu’il perçoit suivant plusieurs lois : la loi de proximité, la loi de similarité, la loi de clôture et la loi de Fitts. Nous verrons en quoi celles-ci …
La conception d'interfaces web est de plus en plus complexe : les navigateurs, terminaux et plateformes permettant d'accéder au web sont de plus en plus nombreux et divers, de même que les utilisateurs et leurs contextes d'usage. Si l'on souhaite faire une interface web de …
Le thème de cette année : Les 25 ans du web. Les heureux postulants suivants auront 240 secondes pour développer leur sujet : Victor Brito : En 25 ans de Web, qu'avez-vous fait des promesses du Web accessible ? Sophie Drouvoy : Le web sort de l’écran ! Coralie Mercier : C'est là …
Peut-on considérer le HTML5 comme une technologie mature pour la réalisation d'applications mobile ? Qu'en est-il de l'interface graphique ? A-t-on accès aux mêmes APIs internes que les applications natives ? Quels sont les différents outils de développement ? Quid du debugging …
Photoshop et Illustrator sont peut-être des logiciels très puissants mais ils ne sont pas spécifiquement dédiés à la conception graphique de sites web. Quant à Fireworks, bien que spécifique cette fois au web, il n’a jamais réussi à conquérir sa place de marché. Les métiers du …
Avec l’avènement des applications web et l'arrivée de Node.js il est très tentant de vouloir maximiser la réutilisation de son code JavaScript côté serveur et coté client afin d'éviter de dupliquer la logique de son application et de faciliter sa maintenance. Cet atelier vous …
ARIA permet de rendre accessible une interface riche. Or, quoi de plus riche que l'interface d'un jeu web ? Cet atelier démontrera qu'avec HTML5, JavaScript et ARIA, il est tout à fait possible de développer un jeu web accessible à tous.
Savez-vous que les animations et clignotements peuvent rendre un site inutilisable si l'on ne fournit pas de moyen de les arrêter, que votre solution anti-spam, si elle est mal choisie, empêche de nombreuses personnes de s'inscrire à votre infolettre, qu’une personne aveugle …
Ils sont deux, ils sont beaux, et ils mettent à genoux les problématiques liées aux webperfs et Responsive web Design. Faire du RWD, on commence à connaître. Faire de la performance, les bases sont connues et (plutôt) bien documentées. Faire du RWD Performant, on fait ça comment …
Dans votre métier, vous utilisez énormément de projets libres: jQuery, Symfony, node, grunt, Firefox, MySQL, et j'en passe. Il est sans doute arrivé que vous trouviez un problème, voire que vous le corrigiez dans votre projet, sans envoyer la correction au projet initial faute …
Entre notre magnifique page web et le cerveau de l'utilisateur il y a les yeux ! Deux yeux qui transmettent très rapidement au cerveau une grande image grise et floue, puis, beaucoup plus lentement, des éléments partiels mais nets, précis et en couleur. Pendant ce temps le …
On utilisera le projet Leaflet pour montrer comme il peut être simple de construire une application web cartographique typique, bâtie autour d'une carte dynamique. On fera en sorte que ce site soit particulièrement adapté au contexte mobile. On exploitera des données issues …
HTML Templates, Shadow DOM, HTML imports, Custom Elements, decorators : derrière ces termes obscurs se cachent les principes fondateurs de la nouvelle génération de composants d'interface. Les Web Components offrent la possibilité d'étendre les possibilités du navigateur en …
On entend bien souvent parler de collaboration ou de coopération au sein d'organisations ou d'équipes agiles. C'est d'ailleurs l'un des principes du manifeste agile : « les utilisateurs ou leurs représentants et les développeurs doivent travailler ensemble quotidiennement tout …
Node.js est en train de s'imposer comme un acteur majeur des développements petits et gros, de Grunt à PayPal, de Brunch à Walmart… Pourtant, la France accuse comme toujours un retard significatif sans son adoption de cette technologie pourtant si utile. Cet atelier vise à vous …
Un atelier-débat improvisé à Sud web en mai 2014 a permis de lister quelques pistes sur l’enseignement du développement front-end. Parmi ces pistes, la difficulté de la pédagogie et le manque d’outils sont ressortis. Il s’agit en effet de bien transmettre les principes et les …
Au cours de cet atelier, nous commencerons par identifier les principaux points de blocage de l’édition de code. Les problèmes posés par la souris, les limitations des claviers — qui n’ont pas été prévus pour les développeurs web ! — et comment les contourner au mieux. Nous …
1 minute, 2 minutes, 5 minutes… Le temps d'attente d'un ascenseur est particulièrement pénible… surtout quand on se rend compte que rien n'est fait pour optimiser leur trajet. Oh, mais si on s'amusait à comprendre le problème et à expérimenter sa résolution par le biais d'un …
