ASMR Programming - Animated Login Page - No Talking

Подписаться 315 тыс.

Просмотров 25 тыс.

50% 1

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
RU-vid : @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

Опубликовано:

4 июн 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 147

@AsmrProg 5 месяцев назад

This Design is fully responsive 😉 Please LIKE video to support my channel 🙏❤ Part #01 : ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-PlpM2LJWu-s.html

@raponduty 5 месяцев назад

Love it, unique

@AsmrProg 5 месяцев назад

Thanks so much bro 🙏❤️

@osamapalmarocchi8399 4 месяца назад

Love this♥ cheers from Argentina

@AsmrProg 4 месяца назад

Thanks so much 🙏❤️

@DevDiario_ 4 месяца назад

What program do you use to make the mouse cursor have this green circle and red stripe?

@AsmrProg 4 месяца назад

Hi, it’s screen recorder effects!

@abdullah-ghaffar825 5 месяцев назад

Amazing I want this type of videos❤

@AsmrProg 5 месяцев назад

🙏❤️

@VMTCC_25 5 месяцев назад

Amazing ❤

@AsmrProg 5 месяцев назад

Thanks 🙏❤️

@isaiahjackson7592 5 месяцев назад

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.

@AsmrProg 5 месяцев назад

Hi, yes we will do it with more better designs 😉 but after backend tutorials, because it’s need backend 🙏

@justohechim4822 5 месяцев назад

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

@AsmrProg 5 месяцев назад

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 😉

@mansyurnasution2493 5 месяцев назад

hopefully next you share the tutorial to build webstore please@@AsmrProg

@AsmrProg 4 месяца назад

@mansyurnasution2493 e-commerce projects after backend tutorials 🙏😉

@user-ot5mr3kn2b 5 месяцев назад

thanks!

@AsmrProg 5 месяцев назад

🙏❤️

@titrersin 5 месяцев назад

nice design ❤

@AsmrProg 5 месяцев назад

Thanks 🙏❤️

@engagemedia.612 4 месяца назад

Wow I respect that you respond to every single comment

@AsmrProg 3 месяца назад

Thanks so much, Sorry for late response 🙏

@Rohxntharealest 4 месяца назад

quick question are these pre coded or do you just come up with it on the spot

@AsmrProg 3 месяца назад

Hi, videos are edited!

@QuikiHub 5 месяцев назад

Hello, I know I already asked this months ago but what software do you use to make the mouse do those cool effects.

@AsmrProg 5 месяцев назад

Hi, EZ Screen Recorder 🙏

@infecta 4 месяца назад

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

@QuikiHub 4 месяца назад

@@infecta Yes, I understand that, and also thank you.

@AsmrProg 4 месяца назад

Yes! 🙏❤️

@AsmrProg 4 месяца назад

🙏❤️

@shahzaibbukhari6163 5 месяцев назад

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…❤

@AsmrProg 5 месяцев назад

Oh, we have an old subscriber here 😁 thanks so much for all of supports 🙏❤️

@iipowerr2280 2 месяца назад

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?

@AsmrProg 2 месяца назад

Hi, with backend, depending on which language you used in backend, for example with php or … we use MySQL queries to create it 🙏

@iipowerr2280 2 месяца назад

@@AsmrProg thanks brother!!!

@AsmrProg 2 месяца назад

@iipowerr2280 🙏❤️

@CSGauravChaubey 5 месяцев назад

Amazing✌🏻✌🏻

@AsmrProg 5 месяцев назад

Thanks, please Like video 😉

@Kaidarkwind1 Месяц назад

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

@user-qq2mx2qj5k 4 месяца назад

Transition property not working even I write this in ".login-section" in CSS? Help me.

@AsmrProg 4 месяца назад

Hi, did you check my source code?! Sorry for late response 🙏

@JaniDhyey 5 месяцев назад

Nice one bro!!❤❤

@AsmrProg 5 месяцев назад

Thanks 🙏❤️

@ahmedraza6984 5 месяцев назад

Hey... What's your theme in vs code and cursor.. i like that

@AsmrProg 4 месяца назад

Hi, please check my GitHub, there is a repository about all of my vscode settings Sorry for late response 🙏

@zryanomer6214 5 месяцев назад

well done , just i wanna ask a question can you tell me how increase ur skills in js?pls

@AsmrProg 5 месяцев назад

Hi, with daily experience and doing mini-projects!

@zryanomer6214 5 месяцев назад

@@AsmrProg thanks bro

@AsmrProg 5 месяцев назад

@zryanomer6214 🙏❤️

@nerevar4826 5 месяцев назад

Hello bro! Please help me! How to make a responsive website? I don't understand at all.Maybe I should use bootstrap?

@AsmrProg 5 месяцев назад

You can do it in different ways, easiest way is using frameworks such as bootstrap 🙏

@nerevar4826 5 месяцев назад

@@AsmrProgcan you send me the link?

@MrVelionid 5 месяцев назад

What kind of font do you use?

@AsmrProg 5 месяцев назад

Hi, i answered you in your another comment 🙏

@fotisrokanis5463 5 месяцев назад

What mic are you using? And in general, what is your setup?

@AsmrProg 5 месяцев назад

Hi, it’s iphone 13 promax mic, you mean my pc specs?!

@fotisrokanis5463 5 месяцев назад

@@AsmrProg Νο, I meant how do you record the keyboard sound. I love the whole video style, and would like to create something similar.

@AsmrProg 5 месяцев назад

Nothing just recording with iphone 13 promax and editing it in Adobe Audition 🙏

@GorkemYazici53 5 месяцев назад

💯💯💯

@AsmrProg 5 месяцев назад

🙏❤️

@unepiic 3 месяца назад

How do you get that background?

@AsmrProg 3 месяца назад

Hi, with glassit extension, Sorry for late response 🙏

@bestamazonfinds214 5 месяцев назад

Hello sir, i want to know how to do full webpages please help me

@AsmrProg 5 месяцев назад

Hi, sorry but what means full webpage?!

@Nimda_xd 5 месяцев назад

good video!

@AsmrProg 5 месяцев назад

Thanks 🙏❤️

@najmcreatives 5 месяцев назад

nice 🥰

@AsmrProg 5 месяцев назад

Thanks so much 🙏❤️

@calligraphywriting777 5 месяцев назад

Your are my fan because you from turkey nice design asmr give some video from HTML5 course

@AsmrProg 5 месяцев назад

Hi, thanks 🙏 for course we will have soon 😉

@yahatkunnarak1919 5 месяцев назад

❤❤

@AsmrProg 5 месяцев назад

🙏❤️

@notrealaz 5 месяцев назад

how do i make my html vs code run and auto update?

@AsmrProg 5 месяцев назад

Hi, with live server extension 🙏

@notrealaz 5 месяцев назад

@@AsmrProgoh thanks i did that too

@AsmrProg 4 месяца назад

@thesillyaz 🙏❤️

@Hacker1.K 4 месяца назад

please , What is the name of the app you're working on?

@AsmrProg 4 месяца назад

Hi, it’s visual studio code 🙏

@Hacker1.K 4 месяца назад

thanks @@AsmrProg ❤

@AsmrProg 3 месяца назад

@Hacker1.K 🙏❤️

@YoussefAhmed-pm1nf 5 месяцев назад

Noice

@AsmrProg 5 месяцев назад

Thanks 🙏❤️

@whshjxu 5 месяцев назад

Can you make SQL code for signup page

@AsmrProg 5 месяцев назад

We will have full backend tutorials soon 😉

@sankarreddy9424 5 месяцев назад

Why there is forgot pass in signup form 🤔

@AsmrProg 5 месяцев назад

Oh! Yes, i added it by mistake, i will fix it in source code, thanks for telling me 🙏❤️

@garrettbricker4765 5 месяцев назад

how do you forget ur password when you sign up?

@AsmrProg 4 месяца назад

Hi, yes, it was a mistake, fixed in source code 🙏

@jamofv. 3 месяца назад

how do you make the buttons actually work? as in logging them in/signing them up then transitioning to a new page?

@AsmrProg 3 месяца назад

Hi, you need to add backend to it 🙏

@nassermrine5936 5 месяцев назад

please name of this keyboard

@AsmrProg 5 месяцев назад

Hi, it’s Epomaker TH80-X, full info on description 🙏

@Ghostlynotme445 5 месяцев назад

What mouse you have?

@AsmrProg 5 месяцев назад

Hi, it’s screen recorder effects!

@Ghostlynotme445 5 месяцев назад

@@AsmrProg so the mouse is fake?

@AsmrProg 5 месяцев назад

@Ghostlynotme445 isn’t fake, animations are with it!

@rafileigh790 5 месяцев назад

What happened to 100 days of code?

@AsmrProg 5 месяцев назад

We have a new video of it 😉

@Yash_badgujar64 5 месяцев назад

Uiux designer ka interview hard hota hai kya 😢

@AsmrProg 5 месяцев назад

No why!?

@MishaNguyen-kv6bi 5 месяцев назад

best keyboard sound chill not like other sound very noisy and uncomfortable

@AsmrProg 5 месяцев назад

Thanks, keyboard info on description 🙏❤️

@TipforyouByD 5 месяцев назад

🤩🥰🥰

@AsmrProg 5 месяцев назад

🙏❤️

@gagan7092 4 месяца назад

when is it going to be my idea on the rocket thing

@AsmrProg 4 месяца назад

🙏❤️😉

@LorenzoBrumDietrich 5 месяцев назад

What is Responsible in Web-Development?

@AsmrProg 5 месяцев назад

Hi, you mean responsive?!

@LorenzoBrumDietrich 5 месяцев назад

@@AsmrProg yes

@AsmrProg 5 месяцев назад

It refers to the design and development approach that ensures a website or application adapts and displays appropriately on various devices and screen sizes.