Tous les articles dans Mobile et Responsive Web Design

Je reviens de 4 jours formidables à Berlin où j’ai eut la chance d’être invitée en tant que speaker à la conférence MobX, conférence dédiée à la mobilité, design et expérience utilisateur sur mobile. C’était ma seconde conférence, et encore une fois une conférence que je donnais en anglais. J’y ai parlé de Responsive Web Design et de tout ce qui reste encore complexe aujourd’hui malgré ce que certains articles de blogs essaient de nous faire croire. Grilles fluides, images …

Lire la suite

Beaucoup connaissent déjà le CTRL + SHIFT + M pour passer en mode « teste responsive » sur Firefox, mais saviez vous que Chrome propose plus ou moins un équivalent natif sans avoir à installer un seul plugin ? Ce qui suit à été testé sur Chrome 28+. Astuce 1: l’inspecteur et le mode « règle » Lorsque vous ouvrez un site et que vous ouvrez l’inspecteur, si vous redimensionnez votre fenêtre vous voyez désormais apparaitre une petite règle horizontale et verticale sur les …

Lire la suite

6h de train m’ont permis d’enfin finir le livre du Rudy Rigot et Jémérie Patonnier « Projet Responsive Web Design, Du recueil des besoins à la mise en ligne ». Voici ma première impression après la lecture de ce livre. Si vous vous attendiez à un guide pratique sur comment créer un site responsive, passer vos chemin, ce n’est pas le but, et tant mieux. Pleins d’autres livres traitent de la technique, HTML, CSS, media-queries, la valeur ajoutée de ce livre réside dans …

Lire la suite

La différence entre le « Responsive Webdesign » et ce qu’on appelle « Adaptive Design » ou « Design Adaptatif » n’est pas forcément facile à saisir.  Viljami Salminen dans son article  Adaptive vs. Responsive, what’s the difference? donne une explication assez claire, dont je vous propose la traduction aujourd’hui avec son autorisation. Il semble y avoir confusion entre ces deux termes et leur signification. Je vous propose donc mon avis sur le sujet ainsi que quelques liens annexes pour continuer vos lectures. Je ne suis …

Lire la suite

La traduction Vous avez été nombreux à très rapidement me demander par mail et twitter une traduction de « The State Of Responsive Web Design« . Après de longues heures de traduction et surtout une grosse relecture de mes collègues, la traduction est disponible en ligne sur alsacréations : Responsive Webdesign – présent et futur de l’adaptation mobile Nous avons essayé de rajouter des liens vers des ressources françaises dans l’article, mais beaucoup des liens de base restent vers des sites anglophones. …

Lire la suite

Après plusieurs mois de recherche sur le sujet et plusieurs relectures, mon article qui dresse l’état des lieux de ce qui est aujourd’hui faisable en terme de responsive webdesign et adaptation mobile, ce qu’il reste à creuser et améliorer et surtout ce que l’on pourra (peut-être) faire dans le futur est publié aujourd’hui sur Smashing Magazine. Tout avait commencé en Octobre 2012, à Paris Web, au hasard d’une rencontre autour de la machine a café avec Vitaly Friedman. Après une …

Lire la suite

En octobre 2012, Skinny Ties lançait la nouvelle version de son site qui est également responsive.  Même si le responsive webdesign semble presque être devenu la norme pour les sites vitrines et blogs, la version « site mobile dédié » en m.monsite ou mobi.monsite est encore très courante en e-commerce. D’après l’article « Skinny Ties gets a 211% bump in mobile sales with its responsive design site , le choix osé de Skinny Ties c’est dont avéré judicieux, puisqu’ils ont connu un hausse …

Lire la suite

Cette année encore j’ai donné des cours sur l’optimisation mobile à l’université de Strasbourg. J’ai donc mis à jour mes cours de l’an dernier. Le domaine du responsive webdesign a tellement évolué en un an que cette année j’ai deux fois plus de slides, deux fois plus de choses à dire et quelques nouveautés. J’y donne toujours quelques chiffre, quelques bonnes pratiques en terme d’ergonomie et d’expérience utilisateur sur mobile. Une grande partie est consacrée aux media-queries, au layout CSS …

Lire la suite