Guide du design responsive après 2023

 (ishadeed.com)
27 points par xguru 2023-02-10 | 1 commentaires | Partager sur WhatsApp
  • Introduction au Responsive Design
    • Utiliser le CSS moderne
    • Utiliser les media queries
  • Quelques années de design responsive
    • Bootstrap, media queries, largeur fixe
  • Le design responsive et les sites web ennuyeux
  • Le web est responsive par défaut
  • Le design responsive après 2023
    • Réagir à la longueur du contenu
    • Réagir au viewport
    • Réagir au conteneur
    • Réagir aux préférences utilisateur
  • L’essentiel pour créer un site web responsive est de le rendre fluide (fluid)
  • Les méthodes modernes pour créer une mise en page responsive
    • CSS Flexbox
    • CSS Grid Layout
    • Fluid Sizing
    • Size Container Queries
    • Style Container Queries
    • User preference Media Queries
    • Logical Properties
    • Defensive CSS
  • Conclusion

À lire aussi

1 commentaires

 
alstjr7375 2023-02-10

Pour le dimensionnement fluide, j’en ai déjà créé un il y a quelques années en me basant sur l’angle visuel.
https://github.com/black7375/fluid-size/…