27 puntos por xguru 2023-02-10 | 1 comentarios | Compartir por WhatsApp
  • Introducción al Responsive Design
    • Uso de CSS moderno
    • Uso de media queries
  • Varios años de diseño responsivo
    • Bootstrap, media queries, ancho fijo
  • El diseño responsivo y los sitios web aburridos
  • La web es responsiva por naturaleza
  • Diseño responsivo para después de 2023
    • Responder a la longitud del contenido
    • Responder al viewport
    • Responder al contenedor
    • Responder a las preferencias del usuario
  • La clave para construir un sitio web responsivo es hacerlo fluido (fluid)
  • Métodos modernos para construir layouts responsivos
    • CSS Flexbox
    • CSS Grid Layout
    • Fluid Sizing
    • Size Container Queries
    • Style Container Queries
    • User preference Media Queries
    • Logical Properties
    • Defensive CSS
  • Conclusión

1 comentarios

 
alstjr7375 2023-02-10

En el caso de Fluid Sizing, hace algunos años intenté crear algo basado en el ángulo visual.
https://github.com/black7375/fluid-size/…