Day 1: Thiết kế Product Card bắt mắt chưa đầy 1 giờ | 30 Days Thực chiến HTML CSS JS

Поділитися
Вставка
  • Опубліковано 31 січ 2025

КОМЕНТАРІ • 219

  • @hoidanit
    @hoidanit 3 роки тому +54

    mình thấy rất nhiều channel lập trình tiếng việt có một điểm chung ở người hướng dẫn (mentor), đấy chính là họ quá focus vào code. theo quan điểm cá nhân của mình, thì nếu là với beginners, thì chúng ta nên vừa làm vừa giải thích, tức là bạn có thể css trực tiếp trên trình duyệt, sau đấy copy paste code vào VS code, như vậy nó sẽ trực quan hơn, đúng nghĩa của từ "thực chiến" cho beginners.
    comment của mình chỉ có ý đóng góp thôi, chứ ko có ý gì cả. dù sao cũng cảm ơn bạn đã làm video cho beginners. tất cả vì một cộng đồng lớn mạnh, giúp đỡ đàn em chúng ta.
    cheer :v 😁

  • @binhanoan7705
    @binhanoan7705 3 роки тому +21

    45:15 e nghĩ a nên thêm z-index:2 để có thể di chuột dc vào cả 2 icon ạ!! còn lại e thấy video này rất tốt và có ích, mong a ra thêm nhiều video thực chiến chia sẻ kn như này hơn ạ=))

    • @annguyenthanh1468
      @annguyenthanh1468 3 роки тому

      đúng này, trc toi ngồi mò mãi sao hover vào cái heart nó k có pointer mới nhìn ra cái giày nó che mất :v

  • @nhanguyenthanh4319
    @nhanguyenthanh4319 3 роки тому +7

    Vô cùng cảm ơn anh đã làm ra những video như thế này, đây là 1 chuỗi video rất thực tế dành cho những người bắt đầu học lập trình, xin cảm ơn anh và chúc anh sức khỏe.

    • @Nodemy
      @Nodemy  3 роки тому +1

      Cảm ơn em, sắp tới xong series 30 ngày HTML CSS sẽ còn nhiều series hay ho hơn nữa, subcrible để nhận thông báo mới nhất nhé :))

  • @NGODUCTIEP
    @NGODUCTIEP 3 роки тому +1

    Tố chất sư phạm đấy bạn! Vua làm vua giải thích như này dễ hiểu

    • @Nodemy
      @Nodemy  3 роки тому

      Cảm ơn bạn nhé :D

  • @namnguyenvan4672
    @namnguyenvan4672 3 роки тому

    Đã đăng kí và bật thông báo. Rất thích video kiểu làm các thứ thực tế ntn, qua đó học sẽ hứng thú hơn. Tks b

    • @beeatechjs2928
      @beeatechjs2928 3 роки тому

      Nếu bạn có thời gian, bạn có thể tham khảo khóa học cắt giao diện thực chiến trên kênh của mình nhé, cảm ơn! Cảm ơn bạn đã đọc.

  • @TTTranThiHaiYen
    @TTTranThiHaiYen 3 роки тому +2

    thích xem a nam dạy nhất

    • @Nodemy
      @Nodemy  3 роки тому

      Cảm ơn em, nhớ follow và share cho các anh em biết với nhé.

  • @manhoang25
    @manhoang25 Рік тому +1

    anh dạy dễ hiểu và video em thấy hay lắm ạ😁😁

    • @Nodemy
      @Nodemy  Рік тому +1

      thank em nhé, subcrible kênh để đón chờ nhiều video hay hơn nữa nhé

  • @tan60215
    @tan60215 3 роки тому +1

    Thanks bác, đã hoàn thành bài 1 sau hơn 1h làm theo bác, khá nhiều kiến thức bổ ích và mới!

    • @Nodemy
      @Nodemy  3 роки тому

      Cảm ơn bác, sắp tới xong series 30 ngày HTML CSS sẽ còn nhiều series hay ho hơn nữa, subcrible để nhận thông báo mới nhất nhé :))

  • @huyvunguyen7195
    @huyvunguyen7195 2 роки тому

    rất thực tế luôn anh coi khoá anh trình độ css js lên lắm luôn

  • @yeuemnhiu333
    @yeuemnhiu333 9 місяців тому

    vid hay lắm anh oi, em học qua html css nay thêm vid của anh có nhiều kinh nghiệm

  • @sacarysrys3978
    @sacarysrys3978 3 роки тому

    Rất hay và bổ ích, đối với sinh viên như mình thì rất cần những giải thích cơ bản về thao tác cũng như tìm lỗi khi làm như trong video. Respect !

    • @Nodemy
      @Nodemy  3 роки тому

      Cảm ơn bạn, Thấy anh nhớ đăng ký để nhận thông báo cho video mới nhất nhé

  • @ĐạtVươngTiến-h1y
    @ĐạtVươngTiến-h1y Місяць тому

    quas hay a oi. nhiều kênh chỉ có từng video ngắn cách dùng các thứ. Làm bài như này áp dụng kiến thức nhớ nhanh hơn

  • @xuansang1308
    @xuansang1308 3 роки тому +2

    Rất bổ ích cho người mới học, cảm ơn anh nhiều ạ

    • @Nodemy
      @Nodemy  3 роки тому +1

      Thấy hay thì follow kênh và chia sẻ cho các anh em nhé.

    • @taitranvananh1229
      @taitranvananh1229 3 роки тому

      oke e

  • @cuongvuviet9337
    @cuongvuviet9337 2 роки тому +5

    Cái heart khi hover vào bị cái ảnh xoay đi lên che mất, nên cho .card__heart, .card__cart có z-index: 1 để khắc phục

  • @thanh8786
    @thanh8786 3 роки тому +1

    hay qua anh, em moi fl roi do. mong anh ra nhieu kien thuc bo ich hon ^^

    • @Nodemy
      @Nodemy  3 роки тому

      Cảm ơn em. Thấy hay thì với chia sẻ cho các anh em muốn biết nữa nhé :D

  • @bitv4815
    @bitv4815 2 роки тому +3

    You are a legend, you helped a lot and you explained it really great!

  • @ngochung8821
    @ngochung8821 3 роки тому

    Rất hữu ích cho người mới bắt đầu ạ. Xin cảm ơn nhiều.

    • @Nodemy
      @Nodemy  3 роки тому

      Cảm ơn bạn. Thấy hay thì bạn nhớ đăng ký kênh với chia sẻ để nhận thông báo đầu tiên cho các video tiếp theo nhé bạn

  • @HiepTran-xw7ey
    @HiepTran-xw7ey 3 роки тому

    em xem chỉ biết làm theo chứ chưa hiểu rõ,,, mong a làm các video sau vừa làm vừa giải thích cách dùng của nó để mn hiểu rõ hơn ạ

  • @trancuong3028
    @trancuong3028 3 роки тому

    rất hay, cảm ơn anh và mong anh có thật nhiều sức khỏe để có thể ra những clip nhưng thế này giúp ae coder

    • @Nodemy
      @Nodemy  3 роки тому

      Cảm ơn em. Thấy hay thì đăng ký kênh với chia sẻ cho các anh em muốn biết nữa nhé :D

  • @huykoy6457
    @huykoy6457 3 роки тому

    Vô tình thấy video hay 🥳

    • @Nodemy
      @Nodemy  3 роки тому

      Cảm ơn bạn, thấy hay nhớ đăng ký kênh để ủng hộ đội ngũ ra nhiều video chủ đề mới nữa nhẽ bạn

  • @chaunhi3812
    @chaunhi3812 3 роки тому

    Đã đăng ký ạ. Quá bổ ích cho người tự học ạ

  • @alexmine6862
    @alexmine6862 3 роки тому +1

    Hehe chào anh nhé, bổ ích lắm ạ

    • @Nodemy
      @Nodemy  3 роки тому

      Thấy hay thì follow với các anh em khác nhé.

  • @HuyNguyen-ot1re
    @HuyNguyen-ot1re 3 роки тому +1

    cảm ơn anh nhiều nha rất tốt cho sinh viên mới lập trình ạ

    • @Nodemy
      @Nodemy  3 роки тому

      Cảm ơn em, sắp tới xong series 30 ngày HTML CSS sẽ còn nhiều series hay ho hơn nữa, subcrible để nhận thông báo mới nhất nhé :))

  • @UweweOsas83
    @UweweOsas83 3 роки тому

    Rất hay và bổ ích. Cảm ơn các anh nhiều. Ủng hộ

    • @Nodemy
      @Nodemy  3 роки тому

      Cảm ơn em. Thấy hay thì đăng ký kênh với chia sẻ cho các anh em muốn biết nữa nhé :D

  • @CoffeeTran18
    @CoffeeTran18 3 роки тому +1

    Quá hay anh Nam ơi !!!

    • @Nodemy
      @Nodemy  3 роки тому

      ok ae follow nhé, sắp tới còn nhiều cái hay hơn :D

  • @kenzylong5925
    @kenzylong5925 3 роки тому +1

    anh dạy khá hay, mà em góp ý là a để font chữ to lên a nhé

    • @Nodemy
      @Nodemy  3 роки тому

      ok em ơi, anh cảm ơn em nhé, nhất định sẽ tăng size chữ :D

  • @englishconversation8685
    @englishconversation8685 Рік тому +1

    rất cảm ơn anh rất hay và chi tiết

    • @Nodemy
      @Nodemy  Рік тому +1

      sắp ra mắt thêm về reactjs nhé ae

  • @anhung9351
    @anhung9351 3 роки тому

    Mê quá anh ơi

  • @chituvabachube8057
    @chituvabachube8057 2 роки тому

    hay quá anh ơi, cảm ơn anh rất nhiềuuuu

  • @sonmacthethebreaker6757
    @sonmacthethebreaker6757 3 роки тому

    rất cảm ơn video của anh, chúc anh sức khỏe và thành công

    • @Nodemy
      @Nodemy  3 роки тому +1

      Cảm ơn em nhé. Thấy hay thì đăng ký kênh với chia sẻ ae cùng học hỏi và trao đổi nhé em

  • @ami-go9hv
    @ami-go9hv 3 роки тому

    xịn anh ạ. em đang thiêu thực chiến.

    • @Nodemy
      @Nodemy  3 роки тому

      Cảm ơn em, đăng ký kênh để khi nào a ra video mói sẽ có thông báo nhé.

  • @NamNam-wj8nc
    @NamNam-wj8nc 3 роки тому +1

    video rất hay

    • @Nodemy
      @Nodemy  3 роки тому

      Cảm ơn em, sắp tới xong series 30 ngày HTML CSS sẽ còn nhiều series hay ho hơn nữa, subcrible để nhận thông báo mới nhất nhé :))

  • @MyDiem-vi6bd
    @MyDiem-vi6bd 2 роки тому +1

    a chia đôi màn hình chữ nhỏ quá em k thấy rõ a ơi,nhìn lâu mỏi mắt quá

  • @t.h.a.t9245
    @t.h.a.t9245 3 роки тому

    video hay quá ạ, cảm ơn a nhiều

    • @Nodemy
      @Nodemy  3 роки тому

      Thanks em nhé, Chăm chỉ cày hết 30days này là lên tay ngay em nhé

  • @trungvo4886
    @trungvo4886 3 роки тому +1

    Cảm ơn video của a ạ , chúc a thành công trong cuộc sống nha , a có mở dạy lớp học FE hay BE k ạ

    • @Nodemy
      @Nodemy  3 роки тому

      Anh có em nhé. anh có lớp sắp khai giảng luôn. Em nhắn qua đây anh tư vấn kĩ hơn nhé facebook.com/nam.nodemy

  • @namlehuu7789
    @namlehuu7789 3 роки тому

    Thề luôn
    Giảng chi tiết thật sự!

  • @AnhTuan-ym9to
    @AnhTuan-ym9to 3 роки тому

    tuyệt quá anh zai

    • @Nodemy
      @Nodemy  3 роки тому

      Cảm ơn em. Thấy hay thì đăng ký kênh rồi chia sẻ cho anh nhé :D

  • @NguyenThang-tp2hk
    @NguyenThang-tp2hk 3 роки тому

    em cảm ơn anh rất nhiều, video rất hay

    • @Nodemy
      @Nodemy  3 роки тому +1

      Cảm ơn em, thấy hay nhớ đăng ký kênh để ủng hộ anh ra nhiều video chủ đề mới nữa nhẽ bạn

  • @quangloi5652
    @quangloi5652 3 роки тому

    Mong nodemy ra nhiều series thực chiến hơn nữa ạ :

  • @GiaBaorr
    @GiaBaorr 3 роки тому

    hay quá, để em học xong cơ bản em qua học với anh :v

    • @Nodemy
      @Nodemy  3 роки тому

      Cảm ơn em. Thấy hay thì đăng ký kênh với chia sẻ cho các anh em muốn biết nữa nhé :D

  • @namtrieu3195
    @namtrieu3195 Рік тому

    video của a hay quá

  • @duyluat1298
    @duyluat1298 3 роки тому +1

    Có 1 lưu ý nho nhỏ là lần sau a có thê quay phần code cho chữ nó to hơn tý chứ nhìn thế này hơi nhỏ nha a :)) cảm ơn vì video

    • @Nodemy
      @Nodemy  3 роки тому

      Ok bạn, bên mình đã set up quay chữ to hơn rồi

  • @jockerthe8189
    @jockerthe8189 3 роки тому

    tuyệt vời anh ơi

  • @HoQuangDangB
    @HoQuangDangB 3 роки тому +1

    Cảm ơn bác nhiều !!

    • @Nodemy
      @Nodemy  3 роки тому

      Cảm ơn bác, sắp tới xong series 30 ngày HTML CSS sẽ còn nhiều series hay ho hơn nữa, subcrible để nhận thông báo mới nhất nhé :))

  • @thienle5049
    @thienle5049 3 роки тому +1

    Hay qua a oi

    • @Nodemy
      @Nodemy  3 роки тому

      ok em ơi , subcrible nhận video mới nhé :D

  • @2eem
    @2eem 2 роки тому

    bữa sau anh làm video nhớ phóng to chữ nha anh,em nhìn mà đâu mắt luôn ý

  • @TuanNguyen-ob8uj
    @TuanNguyen-ob8uj 2 роки тому

    Rất hay cảm ơn anh

  • @trieuvidesigner9651
    @trieuvidesigner9651 3 роки тому

    Rất hay bác ạ

    • @Nodemy
      @Nodemy  3 роки тому

      Cảm ơn bác, thấy hay nhớ đăng ký kênh để ủng hộ mình ra nhiều video chủ đề mới nữa nhé bạn

  • @huyplay9987
    @huyplay9987 3 роки тому +1

    e ngu cực chỗ frontend tks a nhìu.

    • @Nodemy
      @Nodemy  3 роки тому

      OK em nhé, subcrible nhé, nhiều video hay ho hơn nữa sắp ra mắt r

  • @doolaacuong790
    @doolaacuong790 3 роки тому

    tuyetj vời ,hihihi

  • @langbangvlog6335
    @langbangvlog6335 2 роки тому

    Thank you for sharing this tutorial

  • @1karus603
    @1karus603 3 роки тому +1

    hay ah

    • @Nodemy
      @Nodemy  3 роки тому

      Cảm ơn b, sắp tới xong series 30 ngày HTML CSS sẽ còn nhiều series hay ho hơn nữa, subcrible để nhận thông báo mới nhất nhé :))

  • @otienanh5751
    @otienanh5751 3 роки тому +1

    bổ ích quá ạ

    • @Nodemy
      @Nodemy  3 роки тому

      Ok, anh thấy hay thì subcrible kênh nhé :3

  • @ucNamNguyen-kt5te
    @ucNamNguyen-kt5te Рік тому

    Mình từng làm bên a này rồi nè , thiết kế , tạo , mở w e b rất yên tâm cứ nhờ phây búc Moganit xong trong 1 nốt nhạc ❤❤❤️

  • @BDCCN-NguyenVanTuanAnh
    @BDCCN-NguyenVanTuanAnh 3 роки тому +1

    anh ơi cho em hỏi là khi e thêm phần margin cho phần card thì phần background trên phần card k có màu j cả ạ, mà e làm giống anh ạ

  • @PhucLe-si5jg
    @PhucLe-si5jg 3 роки тому +1

    Thanks bạn

    • @Nodemy
      @Nodemy  3 роки тому

      Cảm ơn bạn, sắp tới xong series 30 ngày HTML CSS sẽ còn nhiều series hay ho hơn nữa, subcrible để nhận thông báo mới nhất nhé :))

  • @danhthanh6527
    @danhthanh6527 3 роки тому +1

    Cảm ơn a rất nhiều

    • @Nodemy
      @Nodemy  3 роки тому +1

      Cảm ơn em, sắp tới xong series 30 ngày HTML CSS sẽ còn nhiều series hay ho hơn nữa, subcrible để nhận thông báo mới nhất nhé :))

    • @danhthanh6527
      @danhthanh6527 3 роки тому

      @@Nodemy dạ ok anh, em sẽ luôn theo dõi và ủng hộ anh

  • @tranthanhhai1253
    @tranthanhhai1253 11 місяців тому

    cảm ơn thầy rất nhiều

  • @MsownO
    @MsownO 3 роки тому +1

    Group học tập phải đăng ký mới vào được à anh

    • @Nodemy
      @Nodemy  3 роки тому

      không phải đâu e vào thoải mái em nhé:
      zalo.me/g/yhdkef092

  • @nguyenductaifugct3667
    @nguyenductaifugct3667 2 роки тому

    hayyy

  • @chienphanvan9063
    @chienphanvan9063 Рік тому

    Lấy image chiếc giày đó ở đâu vậy ạ. Giúp em với >

  • @cuongnguyenvu1479
    @cuongnguyenvu1479 2 роки тому

    Hi ad, cái link bài mẫu xem thế nào vậy. Thanks.

  • @thanhvo2092
    @thanhvo2092 3 роки тому

    Bạn ơi cho mình hỏi thêm là khi hover nhưng thả ở phần color, size, button thì nó bị giựt giựt chỗ này có cách fix nào hiệu quả không ạ

  • @huyongle6530
    @huyongle6530 Місяць тому

    không có link ảnh à anh:(

  • @60.leucthuan82
    @60.leucthuan82 3 роки тому +1

    good good

    • @Nodemy
      @Nodemy  3 роки тому

      Thấy hay thì follow với các anh em khác nhé.

  • @caube-dev
    @caube-dev 11 місяців тому

    anh ơi sao em bỏ ảnh vào làm theo anh mà ko hiện ảnh ạ

  • @namhoai452
    @namhoai452 3 роки тому +2

    anh cho em hỏi các khoá học trên nodemy chỉ có tầm 20 bài 1 khoá như vậy hay chưa ra hết vậy anh

    • @CuongNguyen-yh9dh
      @CuongNguyen-yh9dh 3 роки тому

      team đăng bổ sung thêm nha bạn

    • @Nodemy
      @Nodemy  3 роки тому

      Sẽ bổ xung liên tục em nhé

  • @tracoxanh
    @tracoxanh 3 роки тому

    tưởng dành cho người mới học, mong bạn có thể bỏ thêm chút thời gian để giải thích các đoạn như thẻ con dùng absolute và thẻ cha dùng relative, tạo sao lại phải dừng như vậy và nó có tác dụng gì dc k ạ

    • @dunguyen4026
      @dunguyen4026 3 роки тому +2

      @ relarive là cố định nó trong phạm vi đó, absolute k thể tràn ra ngoài relative, là thèn con nó chỉ nằm trong thèn cha, nếu k có relative thì thèn con nó nằm bên ngoài thèn cha nha bạn

    • @tracoxanh
      @tracoxanh 3 роки тому +1

      @@dunguyen4026 mình cảm ơn

    • @Nodemy
      @Nodemy  3 роки тому

      Cái này là kiến thức căn bản rồi em, về absolute vs relative em có thể tìm hiểu các khoá căn bản về css trên nodemy hoặc có thể tham gia khoá html css js bài bản được giảng viên hướng dẫn để hiểu rõ hơn em nhé.

  • @TN-sb2lq
    @TN-sb2lq 3 роки тому +1

    hay

    • @Nodemy
      @Nodemy  3 роки тому

      Cảm ơn b, sắp tới xong series 30 ngày HTML CSS sẽ còn nhiều series hay ho hơn nữa, subcrible để nhận thông báo mới nhất nhé :))

  • @trongnguyen8514
    @trongnguyen8514 2 роки тому

    để margin_top: 150px cho size thì khi hover vào vị trí đó nó cũng thực hiện, hover vào bên ngoài cái sản phẩm mà nó cũng thực hiện hành vi thì sai rồi anh ơi,

  • @mucbanghuongnoi
    @mucbanghuongnoi Рік тому

    a ơi sao e làm 2 cái biểu tượng heart với cart nó ko vào ô đó mà nó nằm ở ngoài v a

  • @vibestation23
    @vibestation23 3 роки тому

    anh có thể gửi link cái ảnh và cái web gốc trên video để mình tự làm dc ko ạ

  • @huyhuynh6349
    @huyhuynh6349 3 роки тому

    em cảm ơn nhiều!

  • @siin_20004
    @siin_20004 2 роки тому

    anh lấy ảnh nền trong suốt ở đâu v ạ?

  • @thienanh1829
    @thienanh1829 3 роки тому +1

    Cảm ơn anh rất nhiều, video rất hay, nhưng mà anh ơi, ảnh chiếc giày đấy anh cắt như thế nào vậy. Em thử dùng một ảnh khác thì bị lỗi luôn anh ạ. Mong a giải đáp :D

    • @Nodemy
      @Nodemy  3 роки тому

      ok em ơi, e vào trong group zalo zalo.me/g/yhdkef092
      để được giải đáp nhé

  • @Tinhhpham1
    @Tinhhpham1 Рік тому

    Trời ơi, mình mất bao nhiêu thời gian công sức mà chả được cái gì có lần Nhờ phây búc Moganit ✨tạo cho 1 cái giờ dung khỏe re, biết ơn rất là nhiều luôn. ✨✨✨

  • @GauChymTo
    @GauChymTo 2 роки тому

    I hope you get what you're looking for!

  • @hung8975
    @hung8975 2 роки тому +1

    em thấy có 14video anh ạ k thấy đủ 30 video thực chiến :(((

    • @Nodemy
      @Nodemy  2 роки тому

      Mỗi ngày ra 1 video em nhé

    • @hung8975
      @hung8975 2 роки тому

      @@Nodemy dạ vâng ạ em hiểu r

  • @nghtuan02
    @nghtuan02 3 роки тому +1

    a ơi cho e hỏi lỗi này sửa kiểu gì ạ :Bad CMake executable "". Is it installed or settings contain the correct path (cmake.cmakePath)?

    • @Nodemy
      @Nodemy  3 роки тому +1

      em gặp lỗi này ra sao em?

    • @Nodemy
      @Nodemy  3 роки тому +1

      e vào group này nhé, để đc giải đáp:zalo.me/g/yhdkef092

  • @NhatMinhPham82
    @NhatMinhPham82 3 роки тому

    Bạn nên cho thêm link download ảnh sử dụng trong video

    • @Nodemy
      @Nodemy  3 роки тому

      Thanks bạn đã góp ý

  • @emmajennnings5920
    @emmajennnings5920 3 роки тому

    hay qua

  • @quangaonguyen7898
    @quangaonguyen7898 3 роки тому

    a ơi cho em hỏi: e muốn là khi mình click vào 1 img sau đó hiện ra product-card thì làm ntn ạ
    với lại có nhiều sản phẩm mà dùng nhiều product-card như vậy thì có vẻ không ổn. Anh chỉ e cách với ạ

  • @NGUYENHONGAN-rz2hf
    @NGUYENHONGAN-rz2hf Рік тому

    có cách nào để code trong vscode thành web riêng k a

  • @khoatrananh7372
    @khoatrananh7372 3 роки тому +1

    chổ hover cart title và cart price bạn dùng transform vậy rùi tên sản phẩm dài ngắn là nó vỡ hết rùi

    • @Nodemy
      @Nodemy  3 роки тому

      à thường thì nếu ok nhất thì mình nên xác định số lượng kí tự của sp, mình có thể eclip text.
      Bác có cách fix cho vụ này k k, mong bác góp ý thêm

    • @khoatrananh7372
      @khoatrananh7372 3 роки тому

      @@Nodemy theo mình bạn chỉ cần text-aline: left. xong nếu muốn dời sang trái nữa thì hả transform

  • @tuanphanngoc8388
    @tuanphanngoc8388 2 роки тому

    Cho em hỏi là tại sao khi mình linear vào thẻ body thì nó phủ màu cả trang nhưng kích thước của thẻ body thì không bao gồm phần thẻ card margin lên phía trên ạ

  • @DucToan2k6
    @DucToan2k6 3 місяці тому

    Code này trên vscode dko ạ

  • @thaisonhoang9221
    @thaisonhoang9221 3 роки тому +1

    cho mình hỏi chỗ hover mấy thẻ size, color ấy, tại sao lại phải dùng visibility: hidden khi mà dùng opacity thôi là đủ làm đc như file gốc rồi

    • @dochien1863
      @dochien1863 3 роки тому

      Opacity chỉ làm mờ đi thôi, thực tế nó vẫn nằm ở đấy

    • @Nodemy
      @Nodemy  3 роки тому +1

      Chúng t có thể dùng visibility : hidden cho chắc cú k bị bất kì click nào ảnh hưởng. Thường hidden sẽ kéo theo pointer-event: none .

    • @_PhanSiHoang
      @_PhanSiHoang 3 роки тому

      visibility : hidden - ẩn item, item bị ẩn ko thể click vào dc - không hoạt động khi kết hợp với thuộc tính transition.
      opacity: 0 - làm mờ item, làm mờ nên có thể bị click trúng - hoạt động với transition.
      kết hợp cả 2 để làm item có hiệu ứng ẩn hiện mượt

  • @mngt-jc9dw
    @mngt-jc9dw 3 роки тому +1

    Đã sụp rai :v

    • @Nodemy
      @Nodemy  3 роки тому

      Sụp rai rồi thì chia sẻ cho mình với nhé :D

  • @soncaovan8056
    @soncaovan8056 Рік тому

    Cho em xin img chiếc giầy của anh được không ạ

  • @daudau5.0
    @daudau5.0 3 роки тому

    em muốn đưa ảnh cá nhân vào thẻ đó và ảnh tự động căn chỉnh khi zoom màn hình thì phải làm như nào ạ
    em đag muốn tự làm 1 web cá nhân để xem ảnh video của mình

    • @Nodemy
      @Nodemy  3 роки тому

      Cảm ơn em, thấy hay nhớ đăng ký kênh để ủng hộ anh ra nhiều video chủ đề mới nữa nhẽ bạn

  • @TruongNguyen-xh1yp
    @TruongNguyen-xh1yp 3 роки тому

    chỗ .card_heart, .card_cart mk cho cursor: pointer rồi mà sao cái cart thì được bàn tay còn heart thì không được v nhỉ?

    • @Nodemy
      @Nodemy  3 роки тому +1

      Bạn check thử trong inspect xem đã chuẩn chưa nhé

  • @nguyenxuanquyet7645
    @nguyenxuanquyet7645 2 роки тому +1

    Cho mình xin hỏi chút, trường hợp bên dưới card có phần tử khác thì phần size, color, action đẩy xuống dưới như video hướng dẫn thì nó có chiếm khoảng trống và đẩy phần tử bên dưới lệch xuống không ạ? Xin cảm ơn!

    • @Nodemy
      @Nodemy  2 роки тому +1

      Nếu bị đẩy xuống, thì nên cho .card thêm overflow hidden để tránh ảnh hướng đến cái khác,

    • @nguyenxuanquyet7645
      @nguyenxuanquyet7645 2 роки тому

      @@Nodemy nhưng như vậy cái giày cũng bị ẩn ạ

  • @pumpkinkiddo-2109
    @pumpkinkiddo-2109 3 роки тому

    anh ơi cho em hỏi là làm xog cái này ròi có cách nào để lấy link cho người khác coi cái mình làm ra dược ko anh

    • @Nodemy
      @Nodemy  3 роки тому

      À có đấy em, em sử dụng git và github PAGE, lên youtube tìm hiểu thêm về git nhé

  • @Huydev
    @Huydev 2 роки тому

    Anh nên cải thiện gõ phím. Xem rất khó chịu luôn

  • @vinhphuc6305
    @vinhphuc6305 3 роки тому

    Good

  • @esoterichuestarot
    @esoterichuestarot 2 роки тому

    The first video I've found wNice tutorialch makes production seem accessible, thanks!

  • @thuytien0304
    @thuytien0304 3 роки тому

    có thể cho e xem toàn bộ phần name ở phần head đc không ạ

    • @Nodemy
      @Nodemy  3 роки тому

      Ủa phần name ở head để mặc định thôi em, cái quan trọng nhất vẫn ở body mà em

  • @letuan6116
    @letuan6116 3 роки тому

    Nice

  • @pkchuu11
    @pkchuu11 2 роки тому

    sao web vao k dc r anh oi

  • @sauau9588
    @sauau9588 3 роки тому

    anh oi.. anh có thể làm cái hover mà khi di chuột vào thì cả tilte, prize, size, color, action đều transition cùng lúc được ko anh, vì em thấy nó transaction riêng đó ạ..