Create a Dark Mode Switch with HTML, CSS, JavaScript

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

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

  • @coding2go
    @coding2go  3 месяца назад +2

    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

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

  • @KoushikMrunal
    @KoushikMrunal 3 месяца назад +22

    Bro content is just...🗿🔥

  • @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 💙

  • @bulolo_wilber
    @bulolo_wilber Месяц назад

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

  • @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.

  • @user-sk9kl9bn1r
    @user-sk9kl9bn1r 3 месяца назад +1

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

  • @abdisamadkhalif4283
    @abdisamadkhalif4283 2 месяца назад +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!

  • @georgejere2306
    @georgejere2306 3 месяца назад

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

  • @RoliBeatzz
    @RoliBeatzz 3 месяца назад

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

  • @itboostaustralia8498
    @itboostaustralia8498 20 дней назад

    Great job, mate

  • @justforfun3634
    @justforfun3634 3 месяца назад

    Clear and concise

  • @ferret0156
    @ferret0156 Месяц назад

    Bro this content is amazing!

  • @potachibtw3144
    @potachibtw3144 Месяц назад

    bro ur the goat thank u so much

  • @MrAlexanderFriedrichder13te
    @MrAlexanderFriedrichder13te 3 месяца назад

    Very helpful and simple video ❤

  • @muhammad_zohaib936
    @muhammad_zohaib936 3 месяца назад

    Great work appreciated sir! 🌟

  • @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 💙

  • @oubaidharbi
    @oubaidharbi 3 месяца назад

    thank you for this video see you next video

  • @edutechab
    @edutechab 3 месяца назад

    How come you don't have 1 million subscribers?

  • @Андрей-к9э
    @Андрей-к9э 27 дней назад

    Thanks, cool!

  • @SarwarUmrzakoff-y6v
    @SarwarUmrzakoff-y6v 3 месяца назад

    broo u are genious

  • @relaxingbuddygaming8867
    @relaxingbuddygaming8867 3 месяца назад

    Love from india 🇮🇳❤

  • @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.

  • @thundercanee
    @thundercanee Месяц назад

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

  • @abdulloh1071
    @abdulloh1071 3 месяца назад

    My brother thanks you for video💪🏻

  • @gloriamasengo
    @gloriamasengo 3 месяца назад

    can you do that for images?

  • @mustasinbillah-u7d
    @mustasinbillah-u7d 3 месяца назад

    thank you for this video

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

  • @mhuzaifa6040
    @mhuzaifa6040 3 месяца назад

    Bro kindly make video on css grid

  • @Jamy_6b
    @Jamy_6b 3 месяца назад

    Awesome👍❤️

  • @WARLORD-SL
    @WARLORD-SL Месяц назад

    How can you do this on Wordpress?

  • @bskviper
    @bskviper 3 месяца назад

    Need Grid Concept Video. When will you upload

  • @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.

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

  • @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'

  • @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
    }

  • @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.

  • @dailynews7822
    @dailynews7822 3 месяца назад

    Nice

  • @JonnakutiKiranBabuBVCE
    @JonnakutiKiranBabuBVCE 2 месяца назад

    super

  • @Jurassic_Edits83
    @Jurassic_Edits83 21 час назад

    3:33

  • @moonskined
    @moonskined 3 месяца назад

    That's so coool!

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

  • @SamuelDesaleng
    @SamuelDesaleng 2 месяца назад

    Bro is😎☀️🤓

  • @iqranizamani
    @iqranizamani Месяц назад

    how to join your channel?

    • @coding2go
      @coding2go  Месяц назад

      You can use this link to join our channel.
      ruclips.net/channel/UCGpoeEhUBQBaaKZ_a8HB67Qjoin

  • @abdulloh1071
    @abdulloh1071 3 месяца назад

    My brother thanks you for video💪🏻