ASMR Programming: Dark/Light Toggle | Pure CSS

Поделиться
HTML-код
  • Опубликовано: 6 июн 2024
  • Hi! Today I'm coding Dark/Light Toggle with only HTML and CSS - No talking. It's only 40 lines of CSS (excluding body and *) and only 20 html lines.
    ➡️ 60 CSS Interview question (-50% discount for very limited time‼️):
    codetiveco.gumroad.com/l/60-c...
    🖥️ Web Dev Everyday Newsletter (1 tip, 1 challenge & more everyday): web-dev-everyday.beehiiv.com/...
    Learn coding through fun and interactive challenges (FREE, but VERY early stage, might be bugs)
    codetive.dev
    0:00 Preview
    0:22 Coding HTML
    1:25 Coding CSS
  • НаукаНаука

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

  • @codetiveasmr
    @codetiveasmr  2 дня назад

    If anyone is interested about my other channel with 2 minute videos about software engineering (mindset, a bit of humor), you can check it out here:
    ruclips.net/video/MQZfd48eLzw/видео.html

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

    You deserve more subs!

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

      Thanks mate! On the road to 1000

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

    wonderful work

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

    I have a quick question, where did you get the "svg" feature, doesn't seem to be showing that feature in VS code (0:59). Does an extension need to be installed?

    • @codetiveasmr
      @codetiveasmr  2 месяца назад +1

      I just copied and pasted svg from the internet, it's not VS code extension

  • @NamHoang-un1yu
    @NamHoang-un1yu Месяц назад +2

    what extension do you use that the VS Code suggest the code for you? 1:31

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

      It’s GitHub copilot. Like 10$/month. I normally disable it for the videos but here I forgot for like 2-3 mins then disabled. I recommend having it, speeds up a lot

  • @vxunire
    @vxunire 5 месяцев назад +2

    great work, bro 💎

  • @VEMP-hu9ss
    @VEMP-hu9ss Месяц назад +2

    i need to image link to make the toggle mode

    • @codetiveasmr
      @codetiveasmr  24 дня назад

      www.figma.com/community/file/977510812493321569/toggle-buttons?searchSessionId=lw4w8o02-v1r0elghmk

  • @cabir_beatsz
    @cabir_beatsz 4 месяца назад +1

    This is a great video. Congratulations

  • @lucascordeiro2257
    @lucascordeiro2257 2 месяца назад +1

    Very objective video bro! Congrats,sub n like ! How can i get this light and dark images?

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

      Thanks man!! You can try coding it urself images are in this figma project:
      www.figma.com/community/file/977510812493321569/toggle-buttons?searchSessionId=lu12nz06-07lscehwkh6

  • @B.T.D234
    @B.T.D234 3 месяца назад +4

    What theme do you use?

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

      Material Theme Ocean (VSCode extension)

  • @techgamerz5656
    @techgamerz5656 2 месяца назад +1

    coooollllllllllllllllllllll

  • @amdjedtricky
    @amdjedtricky 5 месяцев назад +1

    that cool can i get the The course you learned

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

      Hi! Sorry for late response I had a lot of stuff going on. I'm fully self-taught and learned from videos just like this haha