Tous les articles dans Mobile et Responsive Web Design

[Conférence] Optimisation mobile, quelle stratégie pour mon projet ?

[Conférence] Optimisation mobile, quelle stratégie pour mon projet ?

A l’occasion de l’événement Bizz & Buzz organisé par la CCI d’Alsace, j’ai eu l’occasion de parler aujourd’hui de mobilité devant un publique d’entreprises.  J’ai été invitée pour la journée  » Le Mobile dans tous ses états !  » pour y parler optimisation et stratégie mobile. Application mobile, site dédié ou site web RWD, que choisir ? Que coût et impact sur un projet ? Quelques conseils, pièges et mythes à éviter ? Nous utilisons au quotidien des termes comme …

Lire la suite

MobX 2013 et slides de ma conférence

MobX 2013 et slides de ma conférence

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

Tester du responsive sous Chrome sans plugin : 2 astuces

Tester du responsive sous Chrome sans plugin : 2 astuces

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

[Lecture] Projet Responsive Web Design

[Lecture] Projet Responsive Web Design

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

[Traduction] Adaptive VS Responsive Design : quelle est la différence ?

[Traduction] Adaptive VS Responsive Design : quelle est la différence ?

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

Traduction « Responsive Webdesign – présent et futur de l’adaptation mobile »

Traduction « Responsive Webdesign – présent et futur de l’adaptation mobile »

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

Sur Smashing Magazine : Responsive Webdesign – présent et futur de l’adaptation mobile

Sur Smashing Magazine : Responsive Webdesign – présent et futur de l’adaptation mobile

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

Skinny Ties : 211% de vente en plus avec son nouveau site responsive – chiffres et analyse

Skinny Ties : 211% de vente en plus avec son nouveau site responsive – chiffres et analyse

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

Un menu Responsive et Retina-Friendly sur Codrops

Un menu Responsive et Retina-Friendly sur Codrops

Pour mon dernier article sur Codrops, j’ai voulu jouer avec les font-icons et les media-queries pour créer un menu responsive qui s’adapte aux tailles d’appareil et de navigateur. Les couleurs sont inspirées des armes Maliwan de Borderlands et le menu proposé a 3 différentes mises en pages : une navigation en  blocs en ligne avec une animation de box-shadow sur les différentes icônes, une disposition en 2 colonnes pour la version « tablette » au sens très large une mise en page …

Lire la suite

Optimisation mobile et responsive webdesign – mise à jour 2013

Optimisation mobile et responsive webdesign – mise à jour 2013

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