Video: Code HTML/CSS nhanh, dể bảo trì hơn với BEM

Nếu team cắt HTML/CSS của bạn chưa có một tiêu chuẩn chung nào để làm việc hợp rơ với nhau thì hãy thử qua BEM (Block, Element, Modifier).

Nếu bạn đã biết BEM rồi thì các bạn có thể thấy các UI framework phổ biến như Bootstrap, Foundation, Google Material Web, ... đều không ít thì nhiều có cảm hứng từ BEM.

Sau đây sẽ là hai video của mình về BEM khi train mấy đứa sinh viên. Video mình làm hơi nghẹt mũi nên bạn chịu khó xem qua =)). Bạn nhớ tăng tốc độ video lên 1.25 để xem cho đở chán nhé!

Mình cũng có viết một tool để một team làm việc ăn ý với nhau thông qua BEM. Link của nó đây https://github.com/maxvien/psd2html. Nếu bạn thấy hứng thú thì thả cho nó một star! ⭐️ Mình sẽ làm video hướng dẫn sử dụng khi có thời gian.

Thanks for reading :-D

Bình luận


White
{{ comment.user.name }}
Bỏ hay Hay
{{comment.like_count}}
Male avatar
{{ comment_error }}
Hủy
   

Hiển thị thử

Chỉnh sửa

White

Đinh Viễn

3 bài viết.
9 người follow
Kipalog
{{userFollowed ? 'Following' : 'Follow'}}
Cùng một tác giả
White
6 2
(Link) (Link) — tracks device battery state. (Link) (Link) — tracks geo location state of user's device. (Link) (Link) — tr...
Đinh Viễn viết 14 ngày trước
6 2
Bài viết liên quan
Male avatar
0 2
Chào mọi người, trong bài viết này chúng ta sẽ tìm hiểu cách (Link) 1 cách đơn giản dễ làm với HTML và Google Charts. Đầu tiên các bạn tạo 1 file ...
TungVuong viết hơn 1 năm trước
0 2
{{like_count}}

kipalog

{{ comment_count }}

bình luận

{{liked ? "Đã kipalog" : "Kipalog"}}


White
{{userFollowed ? 'Following' : 'Follow'}}
3 bài viết.
9 người follow

 Đầu mục bài viết

Vẫn còn nữa! x

Kipalog vẫn còn rất nhiều bài viết hay và chủ đề thú vị chờ bạn khám phá!