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. - Наука та технологія
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
Source code?
thank you for these. How did you fasten the camera?
@@m.fatihalbayrak7283 do you mean how fast the camera is? Or how it's positioned
That IS like ASMR for programmers!
So quick, so efficient, and the cute animation...
I like it! 😄
Thankss!
Html and css
Cool styling
This man really writing css code in index.html
Now, do it with blue switches
So cool. It's like heart beating.
Yesss!
SPEEDING LIKE CRAZY😮
Looks like m90 mouse. Best mouse ever
the heart is pumping blood 🗿
Wow 🤩
Do yall prefer writing html and css in the same file or separate them?
Great!
Thanks! 😉
I think it could be better without speeding up the video and the sound
It because he slow so he speed it up to look like a pro
@@adityamarzuk5970 What ☠️, he only sped it up for it to fit in a short
😮😮😮😮
You could've also use grid with place items of I'm not mistaken
Great content !
Thanks Rapid!
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.
Thanks Regulareric!
What plug-in ur using to display tht heart in vscode i mean output of tht code
Hello! I just copy and paste a emoji into the HTML. It's not a plugin. Thanks for watching!
@@codebycode22 okay thanks for replying
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 :)
@@dhimannavjot1 thanks for the insight.
@@omachokomark9028 hope it worked ;)
Hello sir
Which complier you are used.....?
Hi Kushbu! In this video, I use the extension HTML Preview, by George Oliveira.
@@codebycode22thanks looking what you used to do it
@@developedbypy it's vscode software.
Use cubic-bezier() cuz heart
Thanks!
What is name vs code theme in video
Its Dracula's theme
I want to buy computer so suggest me which is best for coding like web designing in lowest price.
Hi Abdul! How are you? I Recommend this: Notebook Acer Aspire 3: amzn.to/3FOSF07
@@codebycode22 hmm I am good thanks bro.
How do people even code
Practicing and doing projects...
how to open icon heart hix
Just paste the heart my friend.
Please use .example this make this: Tip
If you need ID make this: .example#exid
How we get heart ❤️ symbol
Hi Ravi! Just look on websites that have emoticons.
Extension on vscode : emojisense
Any child could do this
It achieves?😱
Which extension you used for that html:5
Hello Salman! In this video, I use the extension HTML Preview, by George Oliveira.
@@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 ?
Bros WPM is 1000💀
That 💓 ❤️ symbol how to create a link
Like if you click the link heart ❤️ like animation
What is ASMR coding mean. Is it just silent coding?
Yesss
What theme do you use
Hi, Amir! I use Dracula Theme.
Thanks
What programming language is this?
This is HTML and CSS.
Alr thank you.
Which language of programming is it ?
Hello TURY! This is HTML(Hypertext Markup Language) and CSS(Cascading Style Sheets).
@@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?
@@musictury HTML is basic web structure, with css we add coloring and design, with JavaScript we make them dynamic
@@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++
@@Vexxel256 HTML/CSS is like a plugin for a programs as Javascript or Python C++ ?
Are you student
Yesss!
Which Institute are study today
Source code please 🥺
the source code was literally in the video... btw dont ask for source code, learn it yourself.
What is the name of this editor?
Hi Karenbanget! I use Visual Studio Code.
@@codebycode22 thanks so much, do we still need to download python if i want to code python?
@@kerenbanget1 halo bang
Mouse user alert!
OMG
how
Where
HTML and CSS aren’t programming languages
Sure?
Html isnt a programming language
OMG😱
Theme name pls???
I use the theme Dracula.
@@codebycode22 i have also uses Dracula but can’t find like this
مبرمج و يعمل بالفأرة
🙂
wtf is that keybiard
That is not programming 😂
Are you sure?😱
@@codebycode22 100%
@@codebycode22 Sry now I notice the sarcasm
@@deiverbernal5406 Don't worry, thank you very much for the comment hahah