Guia de design responsivo após 2023

• Introdução ao Responsive Design
  • Uso de CSS moderno
  • Uso de media queries
• Alguns anos de design responsivo
  • Bootstrap, media queries, Fixed-Width
• Design responsivo e sites entediantes
• A web é responsiva por padrão
• Design responsivo após 2023
  • Reagir ao comprimento do conteúdo
  • Reagir à viewport
  • Reagir ao container
  • Reagir às preferências do usuário
• A chave para construir um site responsivo é torná-lo fluido (fluid)
• Formas modernas de construir layouts responsivos
  • CSS Flexbox
  • CSS Grid Layout
  • Fluid Sizing
  • Size Container Queries
  • Style Container Queries
  • User preference Media Queries
  • Logical Properties
  • Defensive CSS
• Conclusão

[alstjr7375]

No caso de Fluid Sizing, cheguei a criar algo baseado no ângulo visual alguns anos atrás.
https://github.com/black7375/fluid-size/…