ASMR Programming - Animated Login Page - No Talking
HTML-код
- Опубликовано: 13 июн 2024
- Create a Login Page Design using HTML, CSS and JavaScript.
In this tutorial, I'm going to show you how to use modern HTML, CSS, and JavaScript to create a complete Login Page Design with Login and Sign up animations. We'll be using CSS Flexbox, CSS transition for some cool animation effects!
Source Code : github.com/AsmrProg-YT/animat...
Join the full "100 Days Of JavaScript Code - Web Development Bootcamp" course :
• 100 Days of JavaScript...
Keyboard Link : iqunix.store/collections/80-s...
Keyboard Info : Epomaker TH80 X
Keyboard Link :epomaker.com/products/epomake...
Epomaker Instagram : / epomakerkeyboard
Email : support@epomaker.com
Discord : / discord
Facebook : / epomaker
RUclips : @Epomaker
Web Design Coding Bootcamp Playlist : • ASMR Web Design Bootcamp
source of all projects also will upload in AsmrProg github page :
github.com/AsmrProg-YT
Video Contents :
00:00 - Intro
00:45 - Warming hands
00:52 - Main codes
01:16 - Adding icons
01:39 - Google fonts
02:10 - Html coding
05:19 - Main styles
05:58 - Container styles
06:45 - Sections
08:38 - Social buttons
10:05 - Separator styles
10:59 - Form styles
14:08 - JavaScript coding
15:22 - Active styles
16:42 - Final Result
Asmr Game Coding Playlist : • ASMR Game Coding
Other Video's :
Coding IOS (Iphone) Calendar : • ASMR Programming - Cod...
Coding IOS (IPhone) Dynamic Music : • ASMR Programming - Cod...
Coding a Snake Game : • ASMR Programming - Cod...
Movie Guide App Coding : • ASMR Programming - Mov...
Coding IOS (IPhone) Dynamic Music : • ASMR Programming - Cod...
Subscriptions, good comments and likes are great support for me 😍
Don't re-upload or edit the videos on your channel.
All copyrights by AsmrProg.
About AsmrProg Channel :
Here I upload ASMR programming tutorials related to HTML, CSS, Sass, JavaScript, React, PHP, Frameworks such as Bootstrap and more along with creative UI/UX Designs.
AsmrProg is a community for web developers from all levels to learn and grow their skills in front-end and back-end web development.
AsmrProg
Asmr Prog
ASMR Programming
ASMR Coding
ASMR keyboard typing
ASMR web design
ASMR coding html
ASMR coding website
No Talking ASMR
No Talking Coding
No Talking Programming
This Design is fully responsive 😉 Please LIKE video to support my channel 🙏❤
Part #01 : ruclips.net/video/PlpM2LJWu-s/видео.html
I love Your Coding & Design Style… I am Your Big Fan From Bangladesh❤️
Love it, unique
Thanks so much bro 🙏❤️
Amazing I want this type of videos❤
🙏❤️
Love this♥ cheers from Argentina
Thanks so much 🙏❤️
nice design ❤
Thanks 🙏❤️
Amazing ❤
Thanks 🙏❤️
Nice one bro!!❤❤
Thanks 🙏❤️
thanks!
🙏❤️
Amazing✌🏻✌🏻
Thanks, please Like video 😉
Hello! Im here again asking you to do a section of projects you would consider useful for landing a first job as a developer. Love your videos man never stop. Thank u for ur efforts
Hi, for this we will have full playlist, but not now! We need React for it, after React tutorials we will have a separate playlist for it 😉
hopefully next you share the tutorial to build webstore please@@AsmrProg
@mansyurnasution2493 e-commerce projects after backend tutorials 🙏😉
Wow I respect that you respond to every single comment
Thanks so much, Sorry for late response 🙏
good video!
Thanks 🙏❤️
Started following you when you uploaded the sudouku generator and solver with only 800 views and maybe 2k subs (used it as my sem project reference 😛) but now look at you go…❤
Oh, we have an old subscriber here 😁 thanks so much for all of supports 🙏❤️
I have a quick questinon, can you add the modern login page you did the other day ago to the dashboard that you made? So that when you login, it takes you to the dashboard depending on the user.
Hi, yes we will do it with more better designs 😉 but after backend tutorials, because it’s need backend 🙏
What program do you use to make the mouse cursor have this green circle and red stripe?
Hi, it’s screen recorder effects!
nice 🥰
Thanks so much 🙏❤️
quick question are these pre coded or do you just come up with it on the spot
Hi, videos are edited!
schaue mir deine videos gerne an und mache auch noch eine 2 lehre als applikationsentwickler und lerne gerade html css javascript und php und mysql weil mich fasziniert programmieren einfach schon seit jahren und will es jetzt umsetzen den code kann ich ja immerhin lesen aber programmieren sowie ich es mir vorstelle sitzt noch nichts so ganz
Hello, I know I already asked this months ago but what software do you use to make the mouse do those cool effects.
Hi, EZ Screen Recorder 🙏
bro listen, you want a "mouse trajectory" program, that's what it's called, google that. do some research and you'll find it
his screen recorder is what adds the effect, it's not there in realtime
@@infecta Yes, I understand that, and also thank you.
Yes! 🙏❤️
🙏❤️
💯💯💯
🙏❤️
I have a question if you don’t mind answering…
How do you connect the user inputs to a database. Like for example every time they register a new account it appears in a database like in MySQL ? Do you have any feedback on that?
Hi, with backend, depending on which language you used in backend, for example with php or … we use MySQL queries to create it 🙏
@@AsmrProg thanks brother!!!
@iipowerr2280 🙏❤️
Your are my fan because you from turkey nice design asmr give some video from HTML5 course
Hi, thanks 🙏 for course we will have soon 😉
well done , just i wanna ask a question can you tell me how increase ur skills in js?pls
Hi, with daily experience and doing mini-projects!
@@AsmrProg thanks bro
@zryanomer6214 🙏❤️
Transition property not working even I write this in ".login-section" in CSS? Help me.
Hi, did you check my source code?! Sorry for late response 🙏
❤❤
🙏❤️
Hello bro! Please help me! How to make a responsive website? I don't understand at all.Maybe I should use bootstrap?
You can do it in different ways, easiest way is using frameworks such as bootstrap 🙏
@@AsmrProgcan you send me the link?
What mic are you using? And in general, what is your setup?
Hi, it’s iphone 13 promax mic, you mean my pc specs?!
@@AsmrProg Νο, I meant how do you record the keyboard sound. I love the whole video style, and would like to create something similar.
Nothing just recording with iphone 13 promax and editing it in Adobe Audition 🙏
What kind of font do you use?
Hi, i answered you in your another comment 🙏
Noice
Thanks 🙏❤️
Hello sir, i want to know how to do full webpages please help me
Hi, sorry but what means full webpage?!
Hey... What's your theme in vs code and cursor.. i like that
Hi, please check my GitHub, there is a repository about all of my vscode settings
Sorry for late response 🙏
🤩🥰🥰
🙏❤️
How do you get that background?
Hi, with glassit extension, Sorry for late response 🙏
when is it going to be my idea on the rocket thing
🙏❤️😉
how do i make my html vs code run and auto update?
Hi, with live server extension 🙏
@@AsmrProgoh thanks i did that too
@thesillyaz 🙏❤️
Why there is forgot pass in signup form 🤔
Oh! Yes, i added it by mistake, i will fix it in source code, thanks for telling me 🙏❤️
What is Responsible in Web-Development?
Hi, you mean responsive?!
@@AsmrProg yes
It refers to the design and development approach that ensures a website or application adapts and displays appropriately on various devices and screen sizes.
Can you make SQL code for signup page
We will have full backend tutorials soon 😉
What mouse you have?
Hi, it’s screen recorder effects!
@@AsmrProg so the mouse is fake?
@Ghostlynotme445 isn’t fake, animations are with it!
Uiux designer ka interview hard hota hai kya 😢
No why!?
please name of this keyboard
Hi, it’s Epomaker TH80-X, full info on description 🙏
What happened to 100 days of code?
We have a new video of it 😉
best keyboard sound chill not like other sound very noisy and uncomfortable
Thanks, keyboard info on description 🙏❤️
how do you forget ur password when you sign up?
Hi, yes, it was a mistake, fixed in source code 🙏
how do you make the buttons actually work? as in logging them in/signing them up then transitioning to a new page?
Hi, you need to add backend to it 🙏
pls URL
Hi, Added ✅
You dont really need a "Forgot password" link in the sign up tab, right? haha
Hi, yes, did it by mistake, i will fix it in source code 🙏❤️
pls make video doing a game with JAVASCRIPT ty
Hi, did you checked my ASMR Game Coding playlist?!
@@AsmrProg no but i,m gonna check rn tyy so much and i rlly love ur work keep it up
@erdyssloli798 thanks so much 🙏❤️
sir how to learn javascript
Bro code course on RUclips
Hi, with courses!
Thanks for answering 🙏
@rafileigh790 🙏❤️
@HuGoVeRdOsE999 🙄🙄
Hello am still asking about your editor design
I would love to setup mind like yours
Hi, did you checked my github?! There is a repository about all of my vscode settings!
@@AsmrProg let me check
🙏
@@AsmrProg I did check it was missing how you added the background image, but I found it online, thanks
ruclips.net/video/QjdKcIVtFLI/видео.htmlsi=elRSrEvt_tkigQD7 What kind of font do you use?
Hi, Cascadia Code font 🙏
Face reveal when bro
Hi, in courses 😉❤️
可以教我吗
Sorry!?
@@AsmrProg 我想学编程
@user-yn1sr8ws8w !!!
where are you from brother
Hi, sorry but it’s private 🙏
I learn coding from RUclips, in which I have subscribed to 3 channels, one of which is yours. Sir, you are a teacher for me.
@try_again...9107 thanks so much, in the future you will surprise with courses 😉