Responsive web design – Éthan Marcotte

Au sommaire

  • Principes du responsive design
    • Attachez vos ceintures
    • Responsive architecture
    • La voie à suivre
  • La grille flexible
    • Composition flexible
    • Créer une grille flexible
    • Marges et espacement flexibles
  • Les images flexibles
    • Retour aux (codes) sources
    • Images fluides
    • Mosaïque d’arrière-plan flexible
    • Apprenez à aimer overflow
    • Négociez votre contenu
    • Images et grilles flexibles, tenez-vous bien
  • Les media queries
    • Cicatrisation douloureuse
    • Le problème en question
    • Traînasser vers plus de réactivité
    • Un robot plus « responsive »
    • Les media queries en action
    • Au sujet de la compatibilité
    • Pourquoi la flexibilité ?
  • Passer au responsive, design
    • Une question de contexte
    • Mobile first
    • Vers un responsive workflow
    • Être « responsive » et responsable
    • L’amélioration progressive revisitée
    • Va et sois « responsive »

Mobile first – Luke Wroblewski

Au sommaire

  • Pourquoi mobile first ?
    • Croissance
      • Tous les appareils ne sont pas créés égaux
      • Et les applications natives ?
      • C’est maintenant ou jamais
    • Contraintes
      • Taille des écrans
      • Performances
      • Lieu et heure
    • Capacités
      • Et le navigateur ?
      • Développer vos capacités
  • Passer à l’ère mobile
    • Organisation
      • S’adapter aux comportements mobiles
      • Privilégier le contenu aux liens
      • Rebondir et explorer
      • Retour en arrière
      • Rester clair et focalisé
      • Organiser l’expérience mobile
    • Actions
      • Réduisez en agrandissant
      • Le langage du toucher
      • Ne craignez pas la NUI
      • Compenser la perte des interactions de survol
      • Intouchables
    • Saisie
      • Mobile demande
      • Mobile répond
      • Masquer les difficultés
      • Exposer les options
      • Au-delà des formulaires
      • Libérer la saisie
    • Mise en page
      • Seule constante, le changement
      • Fluide, flexible et réactif
      • Responsive design
      • Utilisation des appareils
      • Réduisez
      • Aménagement du paysage