Là một Front-end developer, chúng ta cần biết tới khái niệm cũng như tư tưởng thiết kế của Grid system. Tuy không chuyên sâu như dân thiết kế – design, nhưng chúng ta cần hiểu được ưu điểm cũng như ứng dụng của Grid system trong việc thiết kế layout website.
Video này và thêm 1 video nữa (10 phút) chỉ nói về lý thuyết. Sau đó chúng ta sẽ cùng nhau thực hành tự tạo ra 1 thư viện CSS ứng dụng Grid system để phục vụ việc responsive cho website sau này.
🔥 Hãy chia sẻ các khóa học, vì ngoài kia có rất nhiều người đang cần nó ❤️
🔥 Truy cập (miễn phí) để quản lý được tiến độ học của bạn. Trong tương lai còn giúp bạn có hồ sơ đẹp trong mắt Nhà Tuyển Dụng.
🔥 Tham gia nhóm Học lập trình tại F8 trên Facebook:
#hoclaptrinh #mienphi #frontend #backend #devops
—————————————
HỌC LẬP TRÌNH MIỄN PHÍ
1. Khóa Javascript cơ bản:
2. Khóa HTML, CSS:
3. Khóa Responsive web design:
—————————————
LIÊN KẾT HỮU ÍCH
1. Học lập trình:
2. Viết CV xin việc:
———————————————————–
LIÊN HỆ
1. Facebook:
2. Email: sondnf8@gmail.com
Yêu các bạn ❤️
Cái này nếu mình dùng chung với bootstrap thì ntn nhỉ? vd mình muốn dùng các element khác của bootstrap và dùng grid system này thì có xung đột j không nhỉ? hoặc có cách nào để mình loại bỏ cái grid của bootstrap và thay thế bằng grid system của a Sơn đc không nhỉ?
13:50 Gutter
1. Xuất hiện từ đầu thế kỷ XX trong phong trào (Constructivism) nghệ thuật / kiến trúc
2. Tạo nên các khung nền, hỗ trợ việc sắp xếp bố cục theo trật tự / thống nhất / cân bằng
3. Hệ thống lưới thường gặp:
– Lưới nhiều cột (Mutilcolumn grid)
– Lưới một cột (Single column grid)
– Lưới module (Modular grid)
– Lưới đường cơ sở (Baseļine grid)
4. Vai trò
– Tổ chức: Có các đường căn gióng tiện lợi, dễ dàng sắp xếp các thành phần được ngăn nắp
– Cân bằng: Dù là đối xứng / bất đối xứng, mang lại cái nhìn trực quan, đảm bảo sự cân bằng
– Tách biệt thành phần: Phân chia nội dung, tạo khoảng cách các thành phần hiệu quả
5. Ứng dụng
– Lưới trong thiết kế UI UX: Vai trò đặc biệt quan trọng trong Responsive web design
– Lưới trong in ấn: Googe "Grid system"
6. Responsive web design
– Grid: Thành phần cha
– Row: Dòng
– Column: Cột ( Column Parent – Column Child )
– Getter: Khoảng cách 2 phía của cột
khoang cach giua cac cot la Gutter anh a.
gutter
Anh ơi chỉ em cách show bài viết ra dạng lưới như Pinterest trong WordPress với. Rất mong pro hướng dẫn
video rất bổ ích. luôn ủng hộ anh
khoảng cách giữa các column là gutters chứ không phải getters anh ơi
Các video của anh rất hay lại còn rất bổ ích , lại free nữa . Em cảm ơn anh rất nhiều , chúc anh Sơn thật nhiều sức khoẻ và F8 ngày càng phát triển nhé :)))
hay quas anh oiiiiiiii
sếp không gửi file tài liệu vào đây hả sếp? :v
cảm ơn anh.
Cái này giống boostrap đúng kh a
cái khoảng cách mà anh bảo nó là gutter đúng ko ạ?
Cái addon để đo với vẽ lưới trên chrome là gì vậy ạ
Anh ơi, anh làm video hướng dẫn PHP đi anh. Nếu cả msql nữa thì hay quá.
Bên css gatter nó gọi là gap
a có làm về boostrap k ạ
Rất hay anh ạ
video hay hóng phần tiếp
Comment đầu aihihih. Like cmt phát rồi xem video. Chắc lại ngon lành cành đào