Create a Dark Mode Switch with HTML, CSS, JavaScript

แชร์
ฝัง
  • เผยแพร่เมื่อ 24 พ.ย. 2024

ความคิดเห็น • 63

  • @coding2go
    @coding2go  3 หลายเดือนก่อน +3

    The source code is now available on our website: coding2go.com

  • @edwardmintah4476
    @edwardmintah4476 3 หลายเดือนก่อน +17

    The best thing I like about your tutorial is the fact that you have a voice over which makes it more comprehensive not just some mouse moving on the screen

    • @Iamdyzzy
      @Iamdyzzy 2 หลายเดือนก่อน +1

      Chaley make we link up. I need someone discuss with sometimes

  • @KoushikMrunal
    @KoushikMrunal 3 หลายเดือนก่อน +23

    Bro content is just...🗿🔥

  • @letmewatch.
    @letmewatch. 3 หลายเดือนก่อน +10

    This is the newest channel I'm addicted to. Love how you explain very clearly!

    • @coding2go
      @coding2go  3 หลายเดือนก่อน +5

      Nice to hear that!

  • @matousjirovec
    @matousjirovec 3 หลายเดือนก่อน +10

    You create the best coding tutorials on youtube

  • @sanjaux
    @sanjaux 3 หลายเดือนก่อน +4

    Great tip on the localStorage, didn’t know about that and was thinking i’d need to do something more complicated to achieve that.

  • @w3bpiyush_
    @w3bpiyush_ 3 หลายเดือนก่อน +2

    Please start javascript your way of explaining is just 🔥👌

  • @crookinsane6808
    @crookinsane6808 3 หลายเดือนก่อน

    i often dont write comments but this video litrealy forced me to do so, your content is so awesome brother. instead of writing complicated js code you keep things simple where you can . absolutely loved this, Thanks

    • @coding2go
      @coding2go  3 หลายเดือนก่อน +1

      Thank you! Your kind words are very appreciated 💙

  • @asharikalam
    @asharikalam 2 หลายเดือนก่อน +2

    Videodaki uygulamanın mantığı çok giriş seviye olmuş. Bu tür tema etkileşimlerinde server-side çalışmak uygulama optimizasyonu ve kullanıcı arayüzü açısından daha sağlıklı. Çünkü CTRL + F5 yaparsanız, sayfayı ilk olarak beyaz göreceksiniz. Bunun Client-Side olarak çözümü yoktur ve kötü bir deneyim bırakır. Yine de emeğiniz için teşekkürler, tasarım videosu bekliyoruz.

  • @bulolo_wilber
    @bulolo_wilber หลายเดือนก่อน

    What a coincidence, I literally just tried it out today and YT recommends a video about darkMode lol

  • @user-sk9kl9bn1r
    @user-sk9kl9bn1r 3 หลายเดือนก่อน +1

    You always creating the best and hight quality coding tutorials :)

  • @georgejere2306
    @georgejere2306 3 หลายเดือนก่อน

    Everyday i wait for your posts, the gradient button i added in my classwork and it was just wow :)

  • @justforfun3634
    @justforfun3634 3 หลายเดือนก่อน

    Clear and concise

  • @abdisamadkhalif4283
    @abdisamadkhalif4283 3 หลายเดือนก่อน +2

    Have you thought about using HSL for your colors ? It might give you more flexibility with shades and tones and some industry experts recommend it? By the way, great video, man!

  • @RoliBeatzz
    @RoliBeatzz 3 หลายเดือนก่อน

    Now this is how you make tutorials, Great job, awesome !❤

  • @itboostaustralia8498
    @itboostaustralia8498 22 วันที่ผ่านมา

    Great job, mate

  • @MrAlexanderFriedrichder13te
    @MrAlexanderFriedrichder13te 3 หลายเดือนก่อน

    Very helpful and simple video ❤

  • @potachibtw3144
    @potachibtw3144 หลายเดือนก่อน

    bro ur the goat thank u so much

  • @serious_17
    @serious_17 3 หลายเดือนก่อน +1

    you have inspired me so much, I have subscribed you and will learn from your every video.

    • @coding2go
      @coding2go  3 หลายเดือนก่อน

      Awesome! Thank you 💙

  • @ferret0156
    @ferret0156 2 หลายเดือนก่อน

    Bro this content is amazing!

  • @Андрей-к9э
    @Андрей-к9э 29 วันที่ผ่านมา

    Thanks, cool!

  • @oubaidharbi
    @oubaidharbi 3 หลายเดือนก่อน

    thank you for this video see you next video

  • @muhammad_zohaib936
    @muhammad_zohaib936 3 หลายเดือนก่อน

    Great work appreciated sir! 🌟

  • @relaxingbuddygaming8867
    @relaxingbuddygaming8867 3 หลายเดือนก่อน

    Love from india 🇮🇳❤

  • @abdulloh1071
    @abdulloh1071 3 หลายเดือนก่อน

    My brother thanks you for video💪🏻

    • @coding2go
      @coding2go  3 หลายเดือนก่อน

      My pleasure

  • @SarwarUmrzakoff-y6v
    @SarwarUmrzakoff-y6v 3 หลายเดือนก่อน

    broo u are genious

  • @ShahriarCode
    @ShahriarCode 3 หลายเดือนก่อน

    Man make more like thiss 🔥💥
    I loved your Js addEventListner tutorial video that was a masterpiece
    You should make more js tutorial vidoes like that short and informative

  • @mustasinbillah-u7d
    @mustasinbillah-u7d 3 หลายเดือนก่อน

    thank you for this video

  • @SahilPatil-y8h
    @SahilPatil-y8h 3 หลายเดือนก่อน

    vro ur tricks and logic behind coding is simply great thanks for sharing and this video also very informative and great keep growing and uploading these type of videos can u start uploding react videos also btw love ur videos and channel'

  • @Jamy_6b
    @Jamy_6b 3 หลายเดือนก่อน

    Awesome👍❤️

  • @saeentist-hb
    @saeentist-hb 3 หลายเดือนก่อน

    nice, what about html checkbox:checked toggle buttons?

    • @coding2go
      @coding2go  3 หลายเดือนก่อน

      Using checkboxes can be a great CSS only solution to get a darkmode working but if you want to store the theme in the local storage you need JavaScript.

  • @mhuzaifa6040
    @mhuzaifa6040 3 หลายเดือนก่อน

    Bro kindly make video on css grid

  • @edutechab
    @edutechab 3 หลายเดือนก่อน

    How come you don't have 1 million subscribers?

  • @bskviper
    @bskviper 3 หลายเดือนก่อน

    Need Grid Concept Video. When will you upload

  • @moonskined
    @moonskined 3 หลายเดือนก่อน

    That's so coool!

  • @thundercanee
    @thundercanee หลายเดือนก่อน

    Yo are you using normal vscode theme, or a different one (in that case can you tell me?) ?

  • @gloriamasengo
    @gloriamasengo 3 หลายเดือนก่อน

    can you do that for images?

  • @bhanuprakashreddy0601
    @bhanuprakashreddy0601 3 หลายเดือนก่อน

    Can you create a water mark template with html and css for email template and normal template? I'm waiting for these video?

  • @dailynews7822
    @dailynews7822 3 หลายเดือนก่อน

    Nice

  • @JonnakutiKiranBabuBVCE
    @JonnakutiKiranBabuBVCE 2 หลายเดือนก่อน

    super

  • @robertodepasamonte3434
    @robertodepasamonte3434 3 หลายเดือนก่อน

    Excellent and very well presented tutorial on coding dark mode capability. Thank you for sharing. Could you please put the source code on codepen or provide a download link.

    • @coding2go
      @coding2go  3 หลายเดือนก่อน

      Thank you for your kind words! I have now put the source code on our website coding2go.com to download✌

    • @robertodepasamonte3434
      @robertodepasamonte3434 3 หลายเดือนก่อน

      @@coding2go Thank you.

  • @svs1674
    @svs1674 3 หลายเดือนก่อน

    If (you === comfortable){
    Please make a separate video on how you edit your videos and thumbnail if you're comfortable with it
    }
    else{
    Out of syllabus
    }

  • @Runkang10
    @Runkang10 3 หลายเดือนก่อน

    I jumped to React and Next.js without learn basic JavaScript like eventlistener but I learn Advanced TypeScript. 😅

    • @coding2go
      @coding2go  3 หลายเดือนก่อน +1

      Yeah I get that. Learning advanced frameworks can get so exciting that you skip a few steps along the way. But its always good to build a strong foundation by learning the basics thouroughly. That way understanding the advanced concepts will be much easier.

  • @techwake360
    @techwake360 3 หลายเดือนก่อน

    Awesome

  • @WARLORD-SL
    @WARLORD-SL หลายเดือนก่อน

    How can you do this on Wordpress?

  • @Jurassic_Edits83
    @Jurassic_Edits83 3 วันที่ผ่านมา

    3:33

  • @SamuelDesaleng
    @SamuelDesaleng 3 หลายเดือนก่อน

    Bro is😎☀️🤓

  • @Igloo12-o1w
    @Igloo12-o1w 3 หลายเดือนก่อน

    bro suggest me a site from where i can download good color palette..........and also tell me from where do u take your color palette

    • @coding2go
      @coding2go  3 หลายเดือนก่อน

      I come up with my own color palettes in Adobe when building the prototype. But there are also websites like coolors.co or colorhunt.co that provide good color palettes. Use realtimecolors.com to test your color palette on a demo website in real-time.

  • @iqranizamani
    @iqranizamani หลายเดือนก่อน

    how to join your channel?

    • @coding2go
      @coding2go  หลายเดือนก่อน

      You can use this link to join our channel.
      th-cam.com/channels/GpoeEhUBQBaaKZ_a8HB67Q.htmljoin

  • @abdulloh1071
    @abdulloh1071 3 หลายเดือนก่อน

    My brother thanks you for video💪🏻