ASMR Programming - Heart Animation with CSS - No talking

แชร์
ฝัง
  • เผยแพร่เมื่อ 24 ต.ค. 2022
  • Hi Everyone! What's up?
    In this video, I make a Heart Animation using HTML and CSS. I hope you enjoy it!
    My equipment:
    - Keyboard MOTOSPEED CK61: amzn.to/3WzmwR2
    - Mouse Logitech G203: amzn.to/3hOfNnA
    - Notebook Acer Aspire 3: amzn.to/3FOSF07
    - Headset Redragon Themis: amzn.to/3HXt9bS
    - Clean Architecture book: amzn.to/3HWTred
    If you liked this video, please hit the like button and subscribe to see more videos like this one.
  • วิทยาศาสตร์และเทคโนโลยี

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

  • @codebycode22
    @codebycode22  ปีที่แล้ว +21

    My equipment:
    - Keyboard MOTOSPEED CK61: amzn.to/3WzmwR2
    - Mouse Logitech G203: amzn.to/3hOfNnA
    - Notebook Acer Aspire 3: amzn.to/3FOSF07
    - Headset Redragon Themis: amzn.to/3HXt9bS
    - Clean Architecture book: amzn.to/3HWTred

    • @DoCoding07
      @DoCoding07 ปีที่แล้ว

      Source code?

    • @m.fatihalbayrak7283
      @m.fatihalbayrak7283 6 หลายเดือนก่อน +1

      thank you for these. How did you fasten the camera?

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

      ​@@m.fatihalbayrak7283 do you mean how fast the camera is? Or how it's positioned

  • @yyyyyk
    @yyyyyk ปีที่แล้ว +96

    That IS like ASMR for programmers!
    So quick, so efficient, and the cute animation...
    I like it! 😄

  • @LucasMorrison100
    @LucasMorrison100 ปีที่แล้ว +7

    So cool. It's like heart beating.

  • @nfuhanderson319
    @nfuhanderson319 ปีที่แล้ว +6

    Cool styling

  • @aneesdeveloper110
    @aneesdeveloper110 ปีที่แล้ว +43

    Html and css

  • @littledev556
    @littledev556 8 หลายเดือนก่อน +7

    Now, do it with blue switches

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

    SPEEDING LIKE CRAZY😮

  • @adihpocketmailrocket
    @adihpocketmailrocket ปีที่แล้ว +4

    the heart is pumping blood 🗿

  • @developedbypy
    @developedbypy ปีที่แล้ว +1

    Wow 🤩

  • @wwh...4599
    @wwh...4599 หลายเดือนก่อน

    Looks like m90 mouse. Best mouse ever

  • @teodorchirileanu
    @teodorchirileanu ปีที่แล้ว +2

    Great!

  • @imfastboi
    @imfastboi ปีที่แล้ว +5

    You could've also use grid with place items of I'm not mistaken
    Great content !

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

    😮😮😮😮

  • @captaincommand-devminecraf2210
    @captaincommand-devminecraf2210 ปีที่แล้ว +16

    I think it could be better without speeding up the video and the sound

    • @adityamarzuk5970
      @adityamarzuk5970 ปีที่แล้ว

      It because he slow so he speed it up to look like a pro

    • @w0rd735
      @w0rd735 ปีที่แล้ว

      ​@@adityamarzuk5970 What ☠️, he only sped it up for it to fit in a short

  • @vrushabkudchi5328
    @vrushabkudchi5328 ปีที่แล้ว +6

    What plug-in ur using to display tht heart in vscode i mean output of tht code

    • @codebycode22
      @codebycode22  ปีที่แล้ว +3

      Hello! I just copy and paste a emoji into the HTML. It's not a plugin. Thanks for watching!

    • @vrushabkudchi5328
      @vrushabkudchi5328 ปีที่แล้ว +1

      @@codebycode22 okay thanks for replying

    • @dhimannavjot1
      @dhimannavjot1 ปีที่แล้ว

      You dont need a Plug in It depends which Op you are using .. in Windows since Win10 you can use .. Window button + . (period) to get Emojie box .. Good Luck🍀 have fun :)

    • @omachokomark9028
      @omachokomark9028 ปีที่แล้ว +1

      ​@@dhimannavjot1 thanks for the insight.

    • @dhimannavjot1
      @dhimannavjot1 ปีที่แล้ว

      @@omachokomark9028 hope it worked ;)

  • @regulareric8759
    @regulareric8759 ปีที่แล้ว +1

    should have linked the repository or something for the code instead of everything else especially since some of it wasn't visible because this video was not made to be a short.

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

      Thanks Regulareric!

  • @khushbudhariwalcreation
    @khushbudhariwalcreation ปีที่แล้ว +3

    Hello sir
    Which complier you are used.....?

    • @codebycode22
      @codebycode22  ปีที่แล้ว +2

      Hi Kushbu! In this video, I use the extension HTML Preview, by George Oliveira.

    • @developedbypy
      @developedbypy ปีที่แล้ว

      @@codebycode22thanks looking what you used to do it

    • @Monkey.D.Dragaon
      @Monkey.D.Dragaon ปีที่แล้ว

      @@developedbypy it's vscode software.

  • @TranHaoNam-wm2gf
    @TranHaoNam-wm2gf 4 หลายเดือนก่อน +1

    What is name vs code theme in video

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

      Its Dracula's theme

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

    Bros WPM is 1000💀

  • @abdul78183
    @abdul78183 ปีที่แล้ว +1

    I want to buy computer so suggest me which is best for coding like web designing in lowest price.

    • @codebycode22
      @codebycode22  ปีที่แล้ว

      Hi Abdul! How are you? I Recommend this: Notebook Acer Aspire 3: amzn.to/3FOSF07

    • @abdul78183
      @abdul78183 ปีที่แล้ว +1

      @@codebycode22 hmm I am good thanks bro.

  • @abrahamrodriguez5313
    @abrahamrodriguez5313 4 หลายเดือนก่อน +1

    How do people even code

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

      Practicing and doing projects...

  • @salmanraj1595
    @salmanraj1595 ปีที่แล้ว +1

    Which extension you used for that html:5

    • @codebycode22
      @codebycode22  ปีที่แล้ว +1

      Hello Salman! In this video, I use the extension HTML Preview, by George Oliveira.

    • @MK-gg1ce
      @MK-gg1ce ปีที่แล้ว

      ​@@codebycode22 but its open in new tab in vs code instead of small down preview as its showing in your video or please mention if you purchase any membership in HTML preview extension ?

  • @Tijme
    @Tijme ปีที่แล้ว +1

    Use cubic-bezier() cuz heart

  • @sagarprajapati6533
    @sagarprajapati6533 ปีที่แล้ว +2

    Any child could do this

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

      It achieves?😱

  • @ravichandraj6741
    @ravichandraj6741 ปีที่แล้ว +1

    That 💓 ❤️ symbol how to create a link
    Like if you click the link heart ❤️ like animation

  • @rob2theworld
    @rob2theworld ปีที่แล้ว +1

    What is ASMR coding mean. Is it just silent coding?

  • @Nthao0812
    @Nthao0812 11 หลายเดือนก่อน +1

    how to open icon heart hix

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

      Just paste the heart my friend.

  • @Az3LDev
    @Az3LDev 6 หลายเดือนก่อน +1

    What programming language is this?

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

      This is HTML and CSS.

    • @Az3LDev
      @Az3LDev 5 หลายเดือนก่อน +1

      Alr thank you.

  • @ravichandraj6741
    @ravichandraj6741 ปีที่แล้ว +2

    How we get heart ❤️ symbol

    • @codebycode22
      @codebycode22  ปีที่แล้ว

      Hi Ravi! Just look on websites that have emoticons.

    • @raviel498
      @raviel498 ปีที่แล้ว

      Extension on vscode : emojisense

  • @amirkamar8629
    @amirkamar8629 ปีที่แล้ว +1

    What theme do you use

  • @musictury
    @musictury ปีที่แล้ว +3

    Which language of programming is it ?

    • @codebycode22
      @codebycode22  ปีที่แล้ว +2

      Hello TURY! This is HTML(Hypertext Markup Language) and CSS(Cascading Style Sheets).

    • @musictury
      @musictury ปีที่แล้ว

      @@codebycode22 So, I'm new to this industry. For example, what is Python and C++? And how are they different from HTML? Can you tell me the basic terms?

    • @salmanraj1595
      @salmanraj1595 ปีที่แล้ว

      ​@@musictury HTML is basic web structure, with css we add coloring and design, with JavaScript we make them dynamic

    • @Vexxel256
      @Vexxel256 ปีที่แล้ว

      @@musictury html is used to structure javascript, python and C++ are gerenal purpose programming languages used mostly web apps (python) and games/low level infrastructure (C++

    • @musictury
      @musictury ปีที่แล้ว

      @@Vexxel256 HTML/CSS is like a plugin for a programs as Javascript or Python C++ ?

  •  6 หลายเดือนก่อน +1

    Mouse user alert!

  • @krystofviktora1211
    @krystofviktora1211 ปีที่แล้ว +1

    HTML and CSS aren’t programming languages

  • @kerenbanget1
    @kerenbanget1 ปีที่แล้ว +1

    What is the name of this editor?

    • @codebycode22
      @codebycode22  ปีที่แล้ว +2

      Hi Karenbanget! I use Visual Studio Code.

    • @kerenbanget1
      @kerenbanget1 ปีที่แล้ว

      @@codebycode22 thanks so much, do we still need to download python if i want to code python?

    • @Normal_dudeez
      @Normal_dudeez ปีที่แล้ว

      ​@@kerenbanget1 halo bang

  • @offline-kubus-tv
    @offline-kubus-tv หลายเดือนก่อน +1

    Please use .example this make this: Tip
    If you need ID make this: .example#exid

  • @muhammadshah-vd9hd
    @muhammadshah-vd9hd ปีที่แล้ว

    how

  • @aneesdeveloper110
    @aneesdeveloper110 ปีที่แล้ว +3

    Are you student

  • @bbarreto18
    @bbarreto18 ปีที่แล้ว +1

    Html isnt a programming language

  • @gerardmarcelo2722
    @gerardmarcelo2722 ปีที่แล้ว +1

    Source code please 🥺

    • @martinwin11b21H2
      @martinwin11b21H2 6 หลายเดือนก่อน +1

      the source code was literally in the video... btw dont ask for source code, learn it yourself.

  • @Brawlboy-ut1vs
    @Brawlboy-ut1vs 2 หลายเดือนก่อน

    wtf is that keybiard

  • @anytech2435
    @anytech2435 ปีที่แล้ว +1

    Theme name pls???

    • @codebycode22
      @codebycode22  ปีที่แล้ว

      I use the theme Dracula.

    • @anytech2435
      @anytech2435 ปีที่แล้ว

      @@codebycode22 i have also uses Dracula but can’t find like this

  • @abdkrim6117
    @abdkrim6117 ปีที่แล้ว +1

    مبرمج و يعمل بالفأرة

  • @deiverbernal5406
    @deiverbernal5406 ปีที่แล้ว +1

    That is not programming 😂

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

      Are you sure?😱

    • @deiverbernal5406
      @deiverbernal5406 5 หลายเดือนก่อน +1

      @@codebycode22 100%

    • @deiverbernal5406
      @deiverbernal5406 5 หลายเดือนก่อน +1

      @@codebycode22 Sry now I notice the sarcasm

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

      @@deiverbernal5406 Don't worry, thank you very much for the comment hahah