Trang web tĩnh cơ bản 03
Code trang LP (Landing page) tĩnh mdm-design.
| Ước tính thời gian làm việc | Thời gian làm việc (bao gồm chỉnh sửa) |
|---|
| - | 52h |
Files thiết kế
👉 mdm-design
| PC | SP |
|---|
 |  |
Yêu cầu công việc
- Kiểm tra file design (AI) rồi mark up bằng EJS/SCSS. Website tham khảo:
- Thiết kế CSS theo qui tắc của FLOCSS/BEM và lưu ý đến tính tái sử dụng khi code.
- Phần Youtube, Google map thì code bằng iframe.
Nhiệm vụ và các điểm quan trọng
- Khi xuất file ảnh cần lưu ý đến offset 1px. Đặc biệt, illustrator thường được sử dụng nhiều trong các thiết kế dùng để in ấn nên sẽ xảy ra trường hợp pixel grid không phù hợp (chỉ định bằng mm hoặc pt). Lúc đó, hãy sử dụng pixel preview và cẩn thận không để xảy ra việc chênh lệch "1px" trong file ảnh được xuất ra.
- Tuân thủ qui tắc của FLOCSS/ BEM và đặt tên class CSS sao cho không xảy ra xung đột về tên class trong trường hợp có thêm các trang con được tạo thêm sau này.
- Không lạm dụng properties display: flex trong lúc code. Đối với các phần tử block xếp ngang hàng thì nhiều lúc chỉ cần dùng
display: inline-block hoặc float: left là đủ. Nên sử dụng những properties đó một cách hợp lý.