Bài 11: Responsive Design – Media Query
Ngày nay, mọi người truy cập website từ nhiều thiết bị khác nhau: desktop (1920px), tablet (768px), mobile (375px)… Nếu trang web chỉ tối ưu cho desktop, nó…
Html-Css
20 bài viết
Bài 12: Transform và Transition – Hiệu ứng động
Một trang web tĩnh — không có animation hay hiệu ứng — sẽ trông nhàm chán. Nhưng thêm hiệu ứng động nhẹ nhàng sẽ làm trang web trở…
Bài 13: Animation – Tạo hoạt ảnh CSS
Nếu Transition là hiệu ứng chuyển tiếp giữa hai trạng thái, thì Animation là hoạt ảnh phức tạp với nhiều bước. Animation cho phép bạn tạo những chuyển…
Bài 14: Font, Text và Color
Typography — cách sắp xếp chữ, màu sắc, khoảng cách — là yếu tố rất quan trọng để trang web trông chuyên nghiệp. Một trang web có giao…
Bài 15: Background, Shadow và Opacity
Để trang web trông thực sự chuyên nghiệp, bạn cần nhiều hơn chỉ text và borders. Background, shadow, và opacity là những công cụ tạo độ sâu, kết…
Bài 16: Mobile First – Thiết kế mobile trước
Ngày xưa, lập trình viên thiết kế trang web cho desktop trước, sau đó “chèn ép” nó vào mobile — kết quả là rất khó sử dụng. Nhưng…
Bài 17: Mini Project – Xây dựng trang web đơn giản
Bạn đã học hết các kiến thức HTML & CSS cơ bản. Bây giờ đến lúc áp dụng thực tế — xây dựng một trang web thực sự…
Bài 18: Tối ưu hóa & Best Practice CSS
Viết CSS không khó. Nhưng viết CSS sạch, dễ bảo trì, hiệu suất cao là một kỹ năng khác. Khi bạn làm việc với team, hoặc dự án…
Bài 19: CSS Preprocessor – SCSS/SASS cơ bản
CSS vanilla (thuần) có một vấn đề: nó lặp lại nhiều. Mỗi khi đổi màu primary, bạn phải tìm và thay đổi ở 20 chỗ. Mỗi lần tạo…
Bài 20: Mini Project – Website Portfolio cá nhân
Bạn đã học hết 19 bài về HTML, CSS, responsive design, animations, SCSS… Bây giờ đến lúc tạo một trang Portfolio thực sự chuyên nghiệp — một trang…