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 09 54 73 40 18