RWD

Jank-Free Image Loads

great news: there are two on-the-horizion web platform features that are trying to make no-jank, fixed-aspect-ratio, fluid-width images a natural part of the web platform.

It’s not about the device.

I generally avoid terms like « mobile », « tablet », and « desktop » in my work. It’s not that they’re bad; it’s because they’re broad. In my experience, terms like these confuse more than they clarify.

Mettez à jour votre Picturefill !

Si vous êtes un peu à jour dans vos développements responsives, vous avez adopté le dernier standard pour les images —srcset, sizes et éventuellement picture— et bien entendu l’excellent polyfill Picturefill qui apporte cette révolution à tous les navigateurs qui n’en disposent pas encore nativement. Si vous n’utilisez pas encore la version 2.3.1, la dernière stable à cet instant, dépêchez-vous de faire la mise à jour !

esviji v2 sera complètement responsive

Voilà plus d’un an que je travaille sur une nouvelle version de mon jeu esviji développé en technologies Web, et plus particulièrement en SVG. Avant la sortie prochaine de cette v2 sur tous vos écrans, voici déjà un petit teasing de son interface devenue complètement responsive.

Suggestions de sujets et orateurs pour Paris Web 2015

Si vous étiez à Paris Web cette année, vous avez dû remplir l’« enquête de satisfaction » comme tout le monde… Quoi ? Pas encore ? Alors allez-y maintenant ! On vous y invitera notamment à suggérer des sujets et orateurs pour la prochaine édition, celle des 10 ans. Voilà ce que j’ai proposé.

Une ode à l’em

Après avoir eu des retours plutôt nombreux et positifs suite à ma conférence à Paris Web 2013, j’ai retroussé mes manches pour proposer une version plus rédactionnelle, en essayant de retranscrire tout ce que j’ai dit mais pas mis dans mes slides, et même plus. Et j’ai la chance d’avoir vu ce très long article publié sur 24 Jours de Web, « le calendrier de l’avent des gens qui font le web d’après ».

Responsive Icons with SVG

There have already been some explorations on responsive SVG images a while back, but when Joe Harrison posted a responsive icon concept on Dribbble and even a working version on a dedicated website, a few people thought this was so wrong they had to make their own version. I must admit I’m one of them… ;-)

Ma conférence à Paris Web 2013

Après y avoir assisté plusieurs années en tant qu’auditeur, j’ai eu la joie — le privilège — d’être sélectionné parmi les orateurs de l’édition 2013. Sélectionné qui plus est avec un sujet plutôt pointu, sur une bonne pratique que tout le monde devrait appliquer depuis plus de 10 ans, mais qui est très largement sous estimée.

L’avenir du Web se prépare aujourd’hui

Dans le billet hebdomadaire de WDFriday, Matthieu Bué lance un appel à la mobilisation pour contribuer à l’élaboration de solutions pour « gérer la multiplication des devices ». Ce billet contient une incitation très pertinente à participer aux community groups du W3C, mais se trompe à mon avis de catalyseur.

Where is the Fold?

OK, on le sait tous, « there is no page fold », mais savoir où est ce non fold peut être carrément utile, alors heureusement qu’il y a des outils qui permettent de visualiser simplement ce que donne un site sur les résolutions les plus courantes.

Other tags to explore

3D 404 500px 62.5% API Algolia AlwaysData Android Apple Blogmarks CSS Canon Chrome Clever Age Cloudinary CrashPlan Daft Punk Diigo DotClear Drobo FeedBurner Firefox Firefox OS Flickr Free GIF Gandi Gastero Prod Google Greasemonkey Grid HD HTML HTTPS Hong Kong IndieWeb Internet Internet Explorer JAMstack JPG Magazine Jan Kounen JavaScript Jekyll KISS Les Nuls Linux Mac Mastodon Medium Microsoft Montessori Mozilla NetBook New York Opquast PEAR PHP POSSE PWA Paris Web Phototrend PicLens Pinboard RATP RWD RewriteRule SAV SEO SNCF SPIP SVG Safari Service Worker Sony Sud Web TGIF TV TinEye Twitter URL UX Venise W3C Web Web 2.0 Web Services Web UX WebPerf Webmention WiFi Windows Yahoo a11y accessibility advertisement agenda animal animation astuce backup bag blog book bookmarks browser bug bullshit cinema comic comments commerce computer concert conference couleur creation design dessin animé diving download droit développement e-commerce ebook em empathy esviji extension fail feed fichier financement participatif flexbox font formulaire fun game gear geolocation history humour hébergement iOS iPad iPhone iPod Touch iTunes icon image informatique innovation jQuery layout life littérature livre loisirs macOS macro mail marketing me media misc mobile moi movie music night offline opensource password phone photo phpHeaven phpMyChat plugin portrait privacy progressive enhancement push quality qualité quote religion rem search security semantic series social network society software spam sport standards statistics tag talk test time-lapse travel video video game viewport vocabulary wiki