27P by xguru 1달전 | favorite | 댓글 1개
  • Responsive Design 소개
    • 최신 CSS 사용
    • 미디어 쿼리 사용
  • 몇년간의 반응형 디자인
    • 부트스트랩, 미디어쿼리, Fixed-Width
  • 반응형 디자인과 지루한 웹사이트
  • 웹은 기본적으로 반응형
  • 2023년 이후의 반응형 디자인
    • 콘텐츠 길이에 반응
    • 뷰포트에 반응
    • 컨테이너에 반응
    • 사용자 설정에 반응
  • 반응형 웹사이트 구축의 핵심은 웹사이트를 유동적(fluid)으로 만드는 것
  • 반응형 레이아웃을 구축하는 최신 방법
    • CSS Flexbox
    • CSS Grid Layout
    • Fluid Sizing
    • Size Container Queries
    • Style Container Queries
    • User preference Media Queries
    • Logical Properties
    • Defensive CSS
  • 결론

Fluid Sizing의 경우 몇년전에 비쥬얼 앵글을 기반으로 만들어본적이 있습니다.
https://github.com/black7375/fluid-size/…