Billets tagués « RWD »

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.

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.

Autres tags à explorer

3D 404 500px Algolia AlwaysData 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 HD HTML HTTPS Hong Kong IndieWeb Internet Internet Explorer JAMstack JPG Magazine Jan Kounen JavaScript Jekyll Les Nuls Linux Mac 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 Web 2.0 Web Services Web UX Webmention WiFi Windows Yahoo a11y accessibility advertisement agenda animal animation astuce backup bag blog book bookmarks browser bug 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 font formulaire fun game gear geolocation humour hébergement iOS iPad iPhone iPod Touch iTunes image informatique innovation jQuery life littérature livre loisirs macOS macro mail marketing misc mobile moi movie music night offline opensource password phone photo phpHeaven phpMyChat plugin portrait presse progressive enhancement quality qualité quote recherche religion search security series social network society software spam sport standards statistics série tag test time-lapse travel twitter video video game viewport vocabulary webperf wiki