IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)

Vous êtes nouveau sur Developpez.com ? Créez votre compte ou connectez-vous afin de pouvoir participer !

Vous devez avoir un compte Developpez.com et être connecté pour pouvoir participer aux discussions.

Vous n'avez pas encore de compte Developpez.com ? Créez-en un en quelques instants, c'est entièrement gratuit !

Si vous disposez déjà d'un compte et qu'il est bien activé, connectez-vous à l'aide du formulaire ci-dessous.

Identifiez-vous
Identifiant
Mot de passe
Mot de passe oublié ?
Créer un compte

L'inscription est gratuite et ne vous prendra que quelques instants !

Je m'inscris !

Le Responsive Design : un livre blanc pour comprendre la méthode
Par Miratech

Le , par Bovino

0PARTAGES

1  0 


Miratech vous propose son nouveau livre blanc sur le Responsive Design.

Le responsive design permet d’adapter le design d’un site web à tous types de terminaux : smartphone, ordinateur, télévision, tablette…

Quels sont les principes à respecter pour réussir son site web en responsive design ? Quels sont les écueils à éviter ? Quelles sont les limites de la méthode ?

Le livre blanc présente les guidelines illustrées des meilleures pratiques, ainsi que l’analyse d’un cas e-commerce concret.

47 pages pour saisir l’essentiel sur le responsive design ! Télécharger gratuitement Le Responsive Design : Livre Blanc Miratech


Le Responsive Design : sommaire du livre blanc
Introduction

Qu’est-ce que le « Responsive Design » ?
Pourquoi le Responsive Design ?

Guidelines

Les blocs de contenu
  • Penser en bloc
  • Conserver un ordre logique
  • Adapter les blocs

Les menus mobiles
  • Présentation du menu en haut de page
  • Menu en liste déroulante ‹select›
  • Déploiement du menu « Toggle »
  • Menu déroulant par la gauche
  • Menu avec ancre vers le footer
  • Menu uniquement dans le footer
  • Supprimer l’accès au menu

Les visuels
  • Supprimer les visuels trop importants
  • Adapter les icônes d’un site

Les éléments cliquables
  • Rendre explicite les éléments cliquables
  • Étendre les zones d’interaction
  • Adapter le nombre de fonctionnalités présentées

Les fonctionnalités des terminaux mobiles
  • Géolocalisation
  • Attention aux animations
  • Gestion du clavier tactile

Le développement technique
  • En bref
  • Grille relative
  • Media-queries
  • Penser Responsive Design


Étude d’un cas e-commerce concret

Présentation du cas
Revue de l’adaptation du contenu
  • Menu « toggle »
  • Gestion des visuels
  • Longueur de page
  • Interactions

Un développement vraiment Responsive ?
Les limites du Responsive Design

Une erreur dans cette actualité ? Signalez-nous-la !