Layout and structure

Cette traduction est incomplète. Aidez à traduire cet article depuis l'anglais.

Une série d'articles qui vous aideront à créer la structure parfaite pour vos applications web.

Les blocs constitutifs du design adaptatif (responsive design)
Apprenez les bases du design adaptatif, un sujet essentiel pour les applications modernes.
Media queries
L'une des technologies les plus importantes dans les applications avec un design adaptatif est la media query. Les media queries autorisent votre application à s'adapter à la taille de l'écran, la résolution, l'oriention de l'appareil et encore de nombreuses autres variables d'environnement utilisant des règles CSS ou des écouteurs (listeners) Javascript. Regardez aussi Utilisez les media queries and MediaQueryList.
Le mobile en premier
Souvent lorsque l'on créé des dispositions (layout) adaptatives pour nos applications, cela a du sens de considérer la disposition mobile comme celle par défaut. Ensuite, on en construit de plus larges par-dessus pour les appareils plus grands.
Les boîtes flexibles
Les boîtes flexibles en css vous permettent de configurer l'interface utilisateur de votre application afin d'automatiquement ajuster le positionnement et les tailles des éléments qui sont basés sur la taille et l'orientation de l'écran.

Note: Si vous développez des applications pour Firefox OS, soyez conscients que les boîtes flexibles multi-lignes sont supportées sur Firefox OS 1.3 et plus; pour les versions plus anciennes, vous devrez peut-être adopter une disposition plus simple ou bien fournir une autre solution.

 

Étiquettes et contributeurs liés au document

 Contributeurs à cette page : foxstorm
 Dernière mise à jour par : foxstorm,