メインコンテンツまでスキップ

Trang web tĩnh nâng cao 01

Code trang web tĩnh cafe-moco.

Design​

👉 cafe-moco

PCSP
index-moco.jpgindex_SP-moco.jpg

Yêu cầu công việc​

  • Kiểm tra file thiết kế (PSD) và mark up bằng EJS/SCSS.
  • Code trang web tương thích với tất cả các độ rộng màn hình, đồng thời cũng phải lưu ý đến size hiển thị của tablet.
  • Code theo hướng dẫn trong design data.

Nhiệm vụ và điểm quan trọng​

  • Nhận biết lỗi thiết kế trong file design để không mất thời gian vô ích cho việc cố code theo đúng design lỗi đó.
  • Thiết lập nhiều breakpoint để tái hiện design thật chi tiết. Hoặc nếu không thiết lập nhiều breakpoint thì cũng có thể thiết kế CSS tự động responsive. Ví dụ, có thể sử dụng display: flex để phóng to, thu nhỏ phần tử theo tỷ lệ màn hình, đồng thời thiết lập minimum size và maximum size.