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 and also CSS keyframes!
Source Code : https://github.com/AsmrProg-YT/Modern-Login
Join the full “100 Days Of JavaScript Code – Web Development Bootcamp” course :
https://www.youtube.com/playlist?list=PLkC56g8fboI0HghByzVuD2Vz8ROUXfF_j
Keyboard Link : https://iqunix.store/collections/80-series/products/iqunix-og80-wormhole-wireless-mechanical-keyboard?variant=39828940423228
IQUNIX Youtube : @IQUNIX
Web Design Coding Bootcamp Playlist : https://www.youtube.com/playlist?list=PLkC56g8fboI0QgD6VvH5TN0Nm1i5dVITH
source of all projects also will upload in AsmrProg github page :
https://github.com/AsmrProg-YT
Video Contents :
00:00 – Intro
00:29 – Warming hands
00:35 – Main codes
00:53 – Adding fonts and icons
01:43 – Html coding
04:46 – Toggle html codes
06:03 – Main styles
06:54 – Container styles
10:35 – Form container styles
11:49 – Keyframes
12:12 – Social icons styles
12:56 – Toggle styles
16:52 – JavaScript codes
17:55 – Final Result
Asmr Game Coding Playlist : https://www.youtube.com/playlist?list=PLkC56g8fboI3nNZQS2mb6kCqK9yS0XgD9
Other Video’s :
Coding IOS (Iphone) Calendar : https://youtu.be/uy4f2Pn9FaY
Coding IOS (IPhone) Dynamic Music : https://youtu.be/W5LPcpIRLzs
Coding a Snake Game : https://youtu.be/wM7eMJ26kc8
Movie Guide App Coding : https://youtu.be/J6uam9jEmDU
Coding IOS (IPhone) Dynamic Music : https://youtu.be/W5LPcpIRLzs
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
source
I’m working on 3D website tutorials, Please LIKE video’s to support my channel 🙏❤️
🔥🔥🔥
I just started learning coding development 1 week ago and I understand like 30% of the coding(html,css,js) and understand 100% of the keyboard sound.
Which is pretty good right? Anyway keep up the work!
What extensions do you have downloaded?
I’m now 1 month into web development and I’m pretty proud because I understood everything
Which keyboard u use ?
Have you coded on Kotlin before? If yes, how's the experience?
This is not just an asmr, i can learn html alot in the video!
I know I’m late to the video, I’m not good at programming whatsoever, especially not HTML. But this looks incredibly fun if I figure out how to do it. This is insanely impressive and honestly beautiful to watch. Side note: that keyboard sounds absolutely amazing
Pro keyboard name please
What theme vscode?
Nobody tells you how difficult it is to center a web page haha
nice bro, good job 👊🏻
Your keyboard sounds😮😮😮😮
what is the name of that vs code theme ?
How can i download the code bro😢
Very nice work 😮
What is your Visual Studio Code Theme?
Keyboard name please 🙏
I have a question this project is responsive?
bro it does not working properly those animation effect are not working what should i do?
This is not even Programming. People writing HTML and CSS codes and telling programming 🤡
Any advice who just finished html,css and i will start js in few days..
Very clean work!
Can you tell me what all extensions you are using?
can i use this? im planning to make a library open for all students since i will graduate college incoming months.. i would like to make a website thats open for all students HAHAH
Hello why my animation is not working. Nothing happens when i click on register
Hello, this is a truly amazing design, and I was wondering if I could use it in one of the projects I am making. It is not an exact copy, but it has very similar frameworks. But again, incredible job!
everything works except the alignment, the buttons wont get centered for some reason and i've looked thru the code to check for any mistakes but there were none
me sinto um merd akkkkkkkkkkkkkkkkkkkk, passei 7 horas pra fzr um mais simples que esse ;-;
from her vids i learned java a little and CSS and HTML but i already half way mastered HTML and CSS in amateur but on Java Script I'm still a beginner but i can learn even better from her vids♥♥♥♥♥♥♥♥
Super
How can i become expert like you?
the name of the app?
Make responsive html css and javascript email signature
Bro you are so talented i want to learn programing but i think its too hard for me to understand this complicated codes 🙁
superb phaa 😍😍😍😍
Whats the name of vs code theme
Very pleasant to watch, I'm new here.. the vscode theme caught my attention, what's the name of that theme? Keep going 🙂
дайте ссылку на эту тему в вс код
Please give me names of all of the extensions you use for vscode. 😊
can you tell me your extension to support create the Div from ".container" + tab? thank you