- Giới thiệu về Responsive Design
- Sử dụng CSS hiện đại
- Sử dụng media query
- Vài năm của thiết kế responsive
- Bootstrap, media query, fixed-width
- Thiết kế responsive và những website nhàm chán
- Web về cơ bản vốn đã responsive
- Thiết kế responsive sau năm 2023
- Phản ứng theo độ dài nội dung
- Phản ứng theo viewport
- Phản ứng theo container
- Phản ứng theo thiết lập của người dùng
- Cốt lõi của việc xây dựng website responsive là làm cho website trở nên linh hoạt (fluid)
- Những cách hiện đại để xây dựng layout responsive
- CSS Flexbox
- CSS Grid Layout
- Fluid Sizing
- Size Container Queries
- Style Container Queries
- User preference Media Queries
- Logical Properties
- Defensive CSS
- Kết luận
1 bình luận
Trong trường hợp của Fluid Sizing, vài năm trước tôi đã từng thử tạo nó dựa trên visual angle.
https://github.com/black7375/fluid-size/…