Responsive cho navigation bar (không dùng JavaScript)

[@vanthuatle3117]

a dạy còn chất lượng hơn các trung tâm dạy hiện tại, theo cảm nhận mình là vậy e cảm ơn a sơn rất nhiều ạ

[@doremon7334]

không phải cảm nhận đâu mà đúng là như vậy bạn ơi . đang mất tiền đi học mà học ở đây còn chất lượng hơn

[@daenvlog4769]

Nói như a Sơn : "Ngon lành cành đào" kkk. Một khóa học tuyệt vời. Cảm ơn a vì tất cả

[@minhhieunguyen4435]

Từng rất chán code nhưng nhờ a e đã dần có lại tình yêu vs code

[@nguyenthaihien1704]

quá hay luôn anh ơi, kỹ thuật mới mà không cần dùng js click

[@vivuuc4209]

video chất lượng thật sự, giọng nói thầy rất hay ạ!

[@YaraMits]

đã theo 1 sub và 1 like cho bác. Giảng dạy dễ hiểu.

[@phinguyen9768]

hay quá anh ơi ra nhiều video để mọi người học tập nha

[@NganNguyen-ww1ez]

cám ơn anh ạ. dạy quá là chất lượng luôn ạ

[@thienvu1377]

24:32 0.3s hơi nhanh nên a chuyển về 0.2s :D

[@mtit6253]

Cảm ơn bạn Video rất bổ ích

[@baao2748]

Hay quá anh Sơn 😂🎉

[@datwilliama2]

nhờ có anh mà em làm được luôn, hehe, cám ơn anh nhiều

[@HT-il3wg]

A cho e hỏi là nên ưu tiên dùngc checkbox để bật/ tắt nav hay ưu tiên dùng js hơn ạ

[@taivo7010]

A sơn ơi, cho e hỏi với ạ : e đặt thẻ trong thẻ , khì click thẻ để link tới 1 element trong trang thì nó chỉ trượt xuống thôi còn cái menu thì nó ko thụt vào ạ

[@cuocsongtaynguyen89]

Bài này rất hay. Cảm ơn a rất nhiều

[@nvlmf9597]

tuyệt vời lắm ạ, em cảm ơn:)))

[@tamchanel8620]

Tuyệt vời. Cảm ơn anh Sơn.

[@TonyLongNB]

Video rất là chất lượng

[@39domia]

cảm ơn anh, video rất hữu ích ❤

[@thanhat7688]

cảm ơn anh , Video rất dễ hiểu

[@_NguyenVanTien-sb9ur]

Kỹ thuật này mình có thể sử dụng cho phần đăng ký và đăng nhập ở project bán hàng tại khóa HTML-CSS trước được không anh?

[@minhhieuo1043]

Khoá học tuyệt vời anh ạ

[@F8VNOfficial]

Thank youuu

[@kimvu6043]

A Sơn dạy Wordpress nữa đi 😭

[@phamtra4713]

cái extension a dùng để chuyển ipad iphone pc là gì đó ạ

[@dungvu8790]

Đỉnh vãi chưởng anh ạ 👍

[@nguyenngochuy3326]

Anh ơi, cho em hỏi, việc responsive phần lớn là làm việc với html và css đúng không ạ, còn js ít hơn đúng không anh? Em cảm ơn ạ!

[@CooLee]

ví dụ mình không tạo keyframe mình dùng transition opacity cho overlay đc không mọi người ?

[@thuthao4944]

tuyệt vời ông mặt trời ạ :))

[@petrmai9152]

trick đỉnh quá anh!

[@DangNguyen-qr2zf]

cái extention để xem đc trên các thiết bị tên là gì v anh

[@HoangBD]

mn cho mình hỏi là sao cái nav__overlay không có hiện tượng nổi bọt vậy ạ

[@otuan5593]

Trời đất, mấy hôm nọ mọ custom cái bootstrap mãi ko đổi được cái hiệu ứng animation, xong rồi tính code thuần cho đỡ phải tìm class, vì custom tìm class mệt phết. xong hôm nay e thấy bên reactbootstrap có Navbar Offcanvas, mà hôm nọ ko để ý :.

[@longtrieutu7172]

Anh nsi hay vàn cuốn quá,

[@JamLangThang]

anh ơi anh có thể làm 1 cái video về cái animation dc không anh

[@quyenphan5905]

anh ơi em làm theo hướng dẫn của anh thì ok rồi, cơ mà em có một thắc mắc là khi thu nhỏ về giao diện mobile, bật cái nav-mobile lên xong lại phóng về giao diện pc thì cái nav-mobile nó không biến mất. Cái này trong thực tế có cần xử lý không ạ và xử lý như nào ạ?

[@F8VNOfficial]

Thực tế làm gì có ai thu phóng như vậy em? Người vào bằng mobile thì họ phóng lên PC kiểu gì ^^. Case này ko cần xử lý nha e

[@quyenphan5905]

@@F8VNOfficial hơ hơ... Ừ nhỉ, em quên mất. Chắc có mỗi mình em ngồi bật ra bật vào chứ ai thèm care 😂🤣🤣 thế mà trang fullstack của anh ko bị thế ấy

[@F8VNOfficial]

@@quyenphan5905 À Fullstack thì anh làm bằng ReactJS nha. Sau anh sẽ ra cả ReactJS đó

[@quyenphan5905]

@@F8VNOfficial awww mong anh ra khóa reactjs sớm sớm ạ, em muốn học từ lâu rồi nhưng lần lữa mãi chưa làm nữa :)))))

[@duyk30b]

@@F8VNOfficial anh ra phần reactJS sớm nhé, ngóng mãi thôi

[@hihi-ju8bo]

các bác ơi, cho e hỏi phát ạ. khi m bật lớp overlay e muốn các phần tử sau lớp overlay không di chuyển được nữa, kiểu không cho cuộn cuột nữa ý. thì làm như nào vậy ạ

[@F8VNOfficial]

Cái này phải kết hợp với JS bạn ơi, khi overlay hiển thị thì đồng thời thêm overflow: hidden cho thẻ body và ngược lại bạn nhé.

[@kiennguyen2048]

sao anh k lamf ve bootstrap cho cai nay di anh

[@_NguyenVanTien-sb9ur]

Khi làm responsive mình nên css xong table rồi đến mobile hay mình làm nó từng lúc như xong phần nav của tablet rồi đến nav moblie rồi cứ thế như đi đều vâỵ a

[@KhangNguyen-kq2iw]

Luân phiên nha

[@tuannguyenhuu7890]

kien thuc qua tuyet

[@ucNguyen-ie2qi]

Navbar trong video anh làm desktop trước rồi mới qua mobile, tablet. Cho em hỏi là hiện nay thì người ta thường làm mobile first rồi mới qua các device khác phải ko ạ?

[@KhangNguyen-kq2iw]

Tùy người th bạn, nhưng đa số website bán hàng ít ai mobile first lắm, tại nó quá nhiều sản phẩm, nhưng ai quen thì dùng vẫn dc

[@oanchithien9201]

Hay phết anh.

[@thanhnguyvan820]

Cái đây chỉ áp dụng được navbar và appbar cùng 1 file thôi đúng ko ạ. Ví dụ em dùng vue js, appbar và navbar là 2 component dc chưa trong cùng 1 view lớn khác thì áp dụng cách đây ko được đúng ko ạ

[@F8VNOfficial]

Cách này tham khảo thôi e. Trong ứng dụng thực tế e nên dùng JS nhé, JS nó sinh ra để làm những việc này. Dùng CSS như này là tips thôi

[@thanhnguyvan820]

@@F8VNOfficial thank for your response anh nha, em tính lười làm css kaka. Ai ngờ coi giữa clip phát hiện k khả thi trong những app to. Nên để viết function. Cảm ơn a Sơn ạ

[@minhmantran]

đỉnh quá a :D

[@lekhuong767]

lỗi: khi mình reset thì thanh nav__mobile nó thu gon lại ai biết chỉ mình với ạ

[@hieuvan3352]

Đỉnh kout!!!!

[@inhquannguyen937]

hay qua anh oi

[@atovan3236]

hay quá a

[@huy19437]

sao không dùng icon dạng nhúng mà dùng file SVG vậy ạ, em thấy dạng nhúng nó nhanh hơn mà ạ

[@F8VNOfficial]

Về cơ bản em thích dùng cái nào cũng được. Tuy nhiên mỗi cái sẽ có ưu/nhược điểm khác nhau nhé. VD như ưu điểm của icon (đơn giản) với ảnh vector SVG sẽ không bị vỡ khi phóng to, vì là vector mà. Dung lượng nhẹ (với ảnh đơn giản như icon). Em search google tìm hiểu thêm giúp anh nha

[@huy19437]

@@F8VNOfficial dạ cảm ơn anh

[@HuyLe-zx8ko]

hay that

[@doxuancau6491]

thanks dude

[@haanh-m2h]

Sao ko dùng :cusor

[@phamthetrader]

Hay

[@Hieupv2412]

24:32 haha. Tác hại làm video đêm :)))

[@inhphanvan7932]

0.3 hơi chậm. cho về 0.2

[@LeVanMinh-ig5qe]

29:20

[@tranhoang2930]

hay qua

[@deate6653]

♥

[@SkyNetEsport]

thank you

[@toanpm810]

hay

[@phimlehongkong2561]

Em không có ý gì đâu nhưng anh đọc là /aipad/ đúng hơn là /aiped/

[@F8VNOfficial]

Thank you em nha

[@trungthanhbp]

hay quá xD

[@codeanapp23]

ảo quá a :))

[@nguyenvanchung3940]

thiên thần

[@nguyenvanthanh845]

[@lebaloc9114]

cảm ơn anh. video rất bổ ích ạ

[@chicong1333]

Cảm ơn anh. Video bổ ích quá ạ

[@gamehay24g97]

hay qua