Responsive Web Design
Concevoir le graphisme des sites dans une approche multi-support. Réaliser un site qui soit lisible sur ordinateur, tablette ou smartphone.
- Introduction
- Qu'est-ce que le design responsif ?
- Pourquoi y mettre tant d'énergie ?
- Analyse de sites adaptatifs
- Par où commencer ?
- Se recentrer sur les contenus
- Le responsive design
- Tailles d'écran "critiques"
- Les unités pixel, em et %
- Colonnes fluides : les limites ergonomiques
- Minimas et maximas
- Les viewports
- Les Media Queries
- Les médias en CSS
- Ajouter des conditions avec Media Queries
- Les critères pour mobiles (width, height, device-width, device-pixel-ratio, orientation, etc.)
- Rédéfinir la navigation
- Bonnes pratiques
- Clarifier ses CSS
- Minifier et optimiser ses fichiers
- Créer des sprites
- Solutions et frameworks : wp-toutch de wordpress, tumblr, jquerry mobile, Adaptive image, Bootstrap, Modernizr
-
En présentiel
- Durée conseillée3 jours
- Tarif de base €/j
- Informations et Inscriptions
- Tel 02 99 14 58 82