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

Поделиться
HTML-код
  • Опубликовано: 23 ноя 2024

Комментарии • 82

  • @vanthuatle3117
    @vanthuatle3117 4 года назад +20

    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
      @doremon7334 3 года назад +1

      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
    @daenvlog4769 4 года назад +3

    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
    @minhhieunguyen4435 3 года назад +1

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

  • @nguyenthaihien1704
    @nguyenthaihien1704 3 года назад +1

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

  • @vivuuc4209
    @vivuuc4209 4 года назад +1

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

  • @mtit6253
    @mtit6253 4 года назад +2

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

  • @NganNguyen-ww1ez
    @NganNguyen-ww1ez 2 года назад

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

  • @nvlmf9597
    @nvlmf9597 Год назад

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

  • @tamchanel8620
    @tamchanel8620 4 года назад

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

  • @thienvu1377
    @thienvu1377 3 года назад +4

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

  • @cuocsongtaynguyen89
    @cuocsongtaynguyen89 3 года назад

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

  • @YaraMits
    @YaraMits 2 года назад

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

  • @TonyLongNB
    @TonyLongNB 3 года назад

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

  • @HT-il3wg
    @HT-il3wg 7 дней назад

    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 ạ

  • @thanhat7688
    @thanhat7688 3 года назад

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

  • @phinguyen9768
    @phinguyen9768 3 года назад

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

  • @baao2748
    @baao2748 Год назад

    Hay quá anh Sơn 😂🎉

  • @taivo7010
    @taivo7010 4 года назад +2

    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 ạ

  • @datwilliama2
    @datwilliama2 4 года назад

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

  • @minhhieuo1043
    @minhhieuo1043 3 года назад

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

  • @otuan5593
    @otuan5593 2 года назад +1

    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 để ý :.

  • @39domia
    @39domia 4 года назад

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

  • @dungvu8790
    @dungvu8790 4 года назад

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

  • @_NguyenVanTien-sb9ur
    @_NguyenVanTien-sb9ur 4 года назад +2

    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?

  • @thuthao4944
    @thuthao4944 4 года назад

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

  • @kimvu6043
    @kimvu6043 4 года назад +1

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

  • @petrmai9152
    @petrmai9152 2 года назад

    trick đỉnh quá anh!

  • @nguyenngochuy3326
    @nguyenngochuy3326 4 года назад +1

    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 ạ!

  • @JamLangThang
    @JamLangThang 4 года назад +1

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

  • @CooLee
    @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 ?

  • @minhmantran
    @minhmantran 2 года назад

    đỉnh quá a :D

  • @longtrieutu7172
    @longtrieutu7172 4 года назад

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

  • @hieuvan3352
    @hieuvan3352 3 года назад

    Đỉnh kout!!!!

  • @phamtra4713
    @phamtra4713 3 года назад

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

  • @DangNguyen-qr2zf
    @DangNguyen-qr2zf Год назад

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

  • @oanchithien9201
    @oanchithien9201 3 года назад

    Hay phết anh.

  • @HoangBD
    @HoangBD 2 года назад

    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 ạ

  • @kiennguyen2048
    @kiennguyen2048 3 года назад

    sao anh k lamf ve bootstrap cho cai nay di anh

  • @tuannguyenhuu7890
    @tuannguyenhuu7890 2 года назад

    kien thuc qua tuyet

  • @quyenphan5905
    @quyenphan5905 4 года назад +2

    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
      @F8VNOfficial  4 года назад +1

      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
      @quyenphan5905 4 года назад

      @@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
      @F8VNOfficial  4 года назад +6

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

    • @quyenphan5905
      @quyenphan5905 4 года назад

      @@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
      @duyk30b 3 года назад

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

  • @atovan3236
    @atovan3236 3 года назад

    hay quá
    a

  • @phamthetrader
    @phamthetrader 2 года назад

    Hay

  • @hihi-ju8bo
    @hihi-ju8bo 2 года назад

    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
      @F8VNOfficial  2 года назад

      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é.

  • @HuyLe-zx8ko
    @HuyLe-zx8ko 3 года назад

    hay that

  • @lekhuong767
    @lekhuong767 4 года назад

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

  • @ucNguyen-ie2qi
    @ucNguyen-ie2qi 4 года назад

    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
      @KhangNguyen-kq2iw 4 года назад

      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

  • @deate6653
    @deate6653 4 года назад +1

  • @_NguyenVanTien-sb9ur
    @_NguyenVanTien-sb9ur 4 года назад

    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

  • @inhquannguyen937
    @inhquannguyen937 3 года назад

    hay qua anh oi

  • @trungthanhbp
    @trungthanhbp 3 года назад

    hay quá xD

  • @doxuancau6491
    @doxuancau6491 4 года назад +1

    thanks dude

  • @thanhnguyvan820
    @thanhnguyvan820 3 года назад

    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
      @F8VNOfficial  3 года назад

      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
      @thanhnguyvan820 3 года назад

      @@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 ạ

  • @toanpm810
    @toanpm810 3 года назад

    hay

  • @phimlehongkong2561
    @phimlehongkong2561 3 года назад

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

  • @tranhoang2930
    @tranhoang2930 3 года назад

    hay qua

  • @huy19437
    @huy19437 4 года назад

    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
      @F8VNOfficial  4 года назад

      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
      @huy19437 4 года назад

      @@F8VNOfficial dạ cảm ơn anh

  • @codeanapp23
    @codeanapp23 3 года назад

    ảo quá a :))

  • @SkyNetEsport
    @SkyNetEsport 4 года назад

    thank you

  • @nguyenvanchung3940
    @nguyenvanchung3940 3 года назад

    thiên thần

  • @haanh-m2h
    @haanh-m2h 11 месяцев назад

    Sao ko dùng :cusor

  • @Hieupv2412
    @Hieupv2412 4 года назад +2

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

  • @LeVanMinh-ig5qe
    @LeVanMinh-ig5qe 2 года назад

    29:20

  • @nguyenvanthanh845
    @nguyenvanthanh845 3 года назад

  • @chicong1333
    @chicong1333 4 года назад

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

  • @lebaloc9114
    @lebaloc9114 3 года назад

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

  • @gamehay24g97
    @gamehay24g97 3 года назад

    hay qua