Cắt HTML từ PSD cực đơn giản với bộ ba phương pháp thần thánh mà mình đang áp dụng trong công việc của mình.
Trong video này, mình sẽ chia sẻ với các bạn:
✅ Nghề cắt HTML/CSS ngày xưa 🙂
✅ Kỹ thuật chuyển từ PSD to HTML một cách đơn giản
✅ Demo chuyển PSD to HTML cho một trang web thực tế
Hi vọng qua video này, các bạn sẽ nắm được kỹ thuật cắt html css từ psd có sử dụng bootstrap 4 grid.
Link tham khảo:
– Bootstrap 4 Grid:
– Flexbox:
– Flexbox MDN:
– Flexbox by InternetingIsHard:
– BEM:
#psd_to_html
#psd_to_html_tutorial
#psd_to_html_using_bootstrap4
—–
💻 Easy Frontend 🎉
Nơi kiến thức lập trình web frontend (html/css/javascript/reactjs) được chia sẻ một cách đơn giản, dễ hiểu mà đặc biệt là vui 😊 Với những tài liệu (tutorial) được biên soạn một cách kĩ lưỡng để giúp các bạn developer mới có thể nắm bắt vấn đề một cách nhanh chóng và hiệu quả. Từ đó nâng dần khả năng coding của các bạn lên theo thời gian.
❤️ Ủng hộ mình làm videos thì đóng góp tại đây nhé:
– Ủng hộ tôi:
– MoMo/ZaloPay: 0901 309 729
Kết nối với mình:
– 🎉Fan page:
– ❓Group:
– 💻Github:
– 💼 LinkedIn:
Cảm ơn các bạn đã xem video của mình! ❤️
Bạn nào đã nắm được bộ quy tắc thần thánh trong video rồi thì điểm danh nào 🤩
đã xem
Hay quá !!!
anh cho em hỏi:
Các cty hay đòi hỏi cắt HTML CSS chuẩn pixel là sao vậy anh ? có phải đúng chuẩn kích thước từng phần, left, right, margin,… các kiểu đều giống y kích thước từ file PSD photoshop không ạ ?
Nếu code từng phần quy định rõ kích thước thì responsive sao vậy anh, không lẽ từng màn hình ta thay đổi từng kích cỡ pixel ạ? anh có biết video nào cắt html chuẩn pixel từ psd cho em tham khảo với ạ
Cám ơn anh vì đã xem.
Mình muốn đổi từ jsx sang psd dạng như nào ạ
hay quá anh
Cảm ơn video của anh nhiều lắm. Anh ơi cho em hỏi với ạ. Ở block about mình dùng container fluid, còn block fact mình dùng container, cả 2 block em đều thấy background nó full màn hình, background thì mình set ở thẻ section phải không ạ? vậy block about mình dùng container fluid hay container thì đâu có gì khác biệt ạ?
Cảm ơn anh đã chia sẻ!
anh ơi những cái tips này ngoài của anh ra thì mình muốn học thêm thì tìm những từ khóa nào vậy ạ, Em cảm ơn ạ
Cảm ơn anh, e học xong khoá html css cơ bản và cả grid, flex, bem cơ bản rồi mà chưa biết app dụng như thế nào, xem được video của anh xong e đã hiểu cách chia hơn rồi ạ, video quá hữu ích ạ
Hay. 1 năm rồi mà video vẫn giữ nguyên giá trị.
Rất dễ hiểu nhưng dùng quá nhiều từ "Được chưa", "Ok chưa" nghe rất khó chịu. Góp ý
Cám ơn anh! Đây chính là video cơ bản nhất các bạn nên xem!
từ ngày sang làm mobile quên sạch cắt html
Anh ơi. Anh có thể lm video từ docs chuyển thành đuôi html ko ạ?
Trên điện thoại đc ko ạ
Hay quá a ơi làm nhiều mà xem mới vỡ ra nhiều cái hay :)) ngày xưa e làm toàn cứ mò mẫm sửa lên sửa xuống mới xong chia bố cục như của a dễ làm và dễ hình dung thật . Rất có ích cho cả người mới và người đã làm mà chưa tối ưu . Like
Hay quá ạ :3
Video kĩ và chất lượng quá a, em đi làm 1 thời gian rồi mà không nghĩ tới chuyện phân tích ra như vầy, cảm ơn anh 😀
Gửi lời cảm ơn sâu sắc đến anh Hậu với những video hướng dẫn cực kỳ dễ hiểu và bổ ích từ anh. Cách truyền đạt và giảng giải của anh giống như đang dạy học tại lớp vậy hihi. Chúc anh sức khỏe và chúc kênh của anh càng phát triển hơn nữa, đặc biệt càng giúp được nhiều bạn như em!
cám ơn video của anh ạ !
Cảm ơn anh Hậu nhiều, diễn giải cực dễ hiểu luôn
A premium teacher!
cắt tóc anh ơi :v :)),
Công nhận mỗi video của a Hậu chứa 1 lượng kiến thức bổ ích siêu to khổng lồ. Em nghĩ hơi vững r nên ch xem video về html/css của a, nay xem lại nhận ra cả bầu trời bổ ích ^^ cách giải quyết 1 vấn đề to, mình dùng chia để trị để giải quyết. Em thường hay bị rối phần này, biết là khen hoài nó dư nhưng mà k khen lại k đc😂
bài giảng hay quá a ơi!!! anh cho e thắc mắc xíu về structure layout của anh với ạ. Trong mỗi section anh có một child container hoặc container-fluid.
Câu 1: Cho em hỏi là mình có thể bọc container lại tất cả các section thay vì như trên ko a. Em hay làm theo kiểu container xong cái em quăng hết vào đó hihi. Em nghĩ chắc là bad practice 🙁
Câu 2: Trong thực tế cũng chia theo cách như a dạy phải ko a. hehe
Em cám ơn a nhiều nhiều ạ <3
Xem khá nhiều nơi nhưng video này em công nhận là anh truyền đạt rất logic và khoa học. Tuyệt vời !
Mong anh ra nhiều video hơn
haha, video của thầy Hậu mà cũng có đến 3 cái dislike :))
trước viết HTML là cứ viết tùm lum xong chỉnh chỉnh mãi ko ra. Giờ xem đc video này của a mới ngộ ra vài thứ hay ho! Cảm ơn anh!
Rất hay ạ !
Thanks!
Mong anh Hậu sớm ra thêm video cho series này. Clip của anh dạy quá hay luôn ạ !
mong a cho e file pdf ạ
Hay quá anh Hậu ơi ! Hy vọng anh làm thêm clip về HTML, CSS nữa ạ. Cảm ơn anh ! Chúc anh nhiều sức khỏe.
Anh ơi..anh làm thêm video về cắt html CSS nữa đi..xem clip anh dễ hiểu..nhưng có 2 clip thì nó chưa sâu lắm
Hi anh Hậu. Anh có thể làm tiếp series về nội dung này không. Em đã xem hết mà sao chưa thấy cách a làm việc với file PSD trên photoshop hay phần mềm load file psd để phân tích và làm ra html. Mong anh tiếp tục ra thêm video. Cảm ơn a rất nhiều chúc anh có nhiều sức khỏe để ra tiếp các video bổ ích.
bắt nguồn từ sự vô tình ở vd deloy website của a trên ytb thấy rất dễ hiểu nên đăng kí kênh để học , like a:))
mong anh làm 1 khóa dạy boostrap 4 hoàn chỉnh
cảm ơn anh nhiều
Quá hay anh Hậu ơi. Clip này thực sự rất bổ ích luôn. Chúc kênh sẽ đạt được nhiều Sub và like hơn
cảm ơn anh nhé!!!
Ah ơi, cho e hỏi là khi viết ra 1 trang web thì sẽ có bên design thiết kế ra giao diện r coder như e ms code hay là coder sẽ làm lun phần thiết kế giao diện vậy ạ
Mong ah tl, e cảm ơn ah ạ <3
dễ hiểu lắm anh, cám ơn anh nhiều nhiều.