September 9, 2015 — Retina screens will soon become the new standard for resolution but not all users need to be served a giant image. The giant image looks crisp on a retina screen but it also creates bloated page load. In the talk we dive into how to support responsive images without using a heavy WordPress plugin. We go step by step, breaking down how the picture element works, browser support fallbacks, native wordpress image resizing and serving the correct image based on viewports and pixel density. We finish up with the future of serving images based on new media queries.

Presentation Slides »

May 30, 2015 — Amaze your friends, confound your enemies! Oh, and save bandwidth and speed up your site by sending the correctly-sized images for the device with HTML’s new responsive images capabilities.

Presentation Slides »

April 15, 2015 — Avec l’arrivée du rétina et des multiples résolutions d’écrans, la mise en place du responsive image dans WordPress n’est pas si simple. Aujourd’hui le W3C n’a pas encore acte sur une structure à appliquer sur nos intégrations HTML, cependant il existe des solutions fonctionnant sur l’ensemble des navigateurs du marché au travers de scripts JS. L’objectif de cet atelier est de vous présenter un plugin WordPress qui implémente les attributs srcset dans les balises images couplé à librairie JavaScript Picturefill. Ce plugin est destiné aux intégrateurs et aux développeurs pour simplifier la mise en place du responsive image dans les thèmes WordPress.

Presentation Slides »