ASMR Programming - Modern Signup Page Ui Design - No Talking
HTML-код
- Опубликовано: 25 июл 2024
- Hello Everyone ✨ Welcome to AsmrProg web design coding bootcamp😅 in this web coding bootcamp i started to create useful video's about responsive ui design from beginner to advanced 😁
source of all projects also will upload in AsmrProg github page :
github.com/AsmrProg-YT
with this coding bootcamp you will learn how to be an ui interface designer✅
Follow my web design coding bootcamp playlist i will upload video's of web desing bootcamp in it for easier access and video's in this playlist sorted by beginner to advanced 😉
Web Design Coding Bootcamp Playlist : bit.ly/3hX95v0
Every week i will update this playlist ✅
About this video :
In this video, i designed a signup page using only HTML and CSS 💎 This signup page is fully responsive for mobile devices 📱 You can use this signup form for your website projects.
it's modern signup page #1 from my web coding bootcamp ⚙️
in the future we will have other parts of signup pages 😉
Github Source Code : github.com/AsmrProg-YT/css-si...
Video Contents :
00:00 - Intro (Signup #1)
00:24 - Main html codes
00:55 - Adding Fonts & Icons
02:08 - Html coding
03:37 - Main style codes
04:33 - Circles styles
05:57 - Card styles
09:15 - Form styles
12:13 - Card footer
12:50 - Responsive codes
13:20 - Final result
Asmr Game Coding Playlist : bit.ly/3Ojajgm
Other Video's :
Coding IOS (Iphone) Calendar : • ASMR Programming - Cod...
Coding IOS (IPhone) Dynamic Music : • ASMR Programming - Cod...
Subscribe → bit.ly/3Lf1K4A ✅
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
AsmrProg web design ui tutorials course started ! like and subscribe please to support me create new video's 🙏❤
Don't stop this! This help me soo much!
Thanks a lot bro 🙏❤️
Try something unique and different I'll show you videos to my friends too they also do coding! They'll get help through your videos!!!
After design coding course we will have javascript coding bootcamp 😉
@@AsmrProg I'll follow your videos and this help me in my project just make videos in sequence so it will easy for me!!!! And most lovely thing is you're responding me♥️💯
Thank you for helping me get started making ASMR programming content!
Thanks a lot bro i will check and subscribe your channel 😉🙏❤️
one of the most underrated channels i hope u a great future with ur channel
Thanks a lot bro 🙏❤️
I love this !!!
Hi, it’s a part of web design coding bootcamp, you can view other parts in web design coding bootcamp playlist in my channel 😉🙏
Your channel is so inspiring
Thanks saeed but it’s just the first 😉🙏
Sooooo underrated channel. hope you will grow soon
Thanks bro ❤️🙏
It is so attractive, I can't stop hearing the sound
Thank asif 🙏❤️
Bro you are a great man .. i'm follow you from egypt 🙏❤
Thx a lot bro 🙏❤️
The sounds coming out from keyboard is so satisfying to listen 👂 from which planet is the keyboard came from 😂
Thanks so much bro 🙏❤️
Fantastic ❤️
Thanks a lot 🙏❤️
Keep going 🔥
🙏❤️
Hey which extension do u have that transforms div.something into the tag with something as the class? Great idea combining programming and Asmr btw!
Thanks a lot bro 🙏 it’s vscode default extensions and I didn’t installed any extension for it 😉
There is a lot of really great shorthand like this. Try it out. You enter in the element and you can put a period and then the class name, no spaces, hit tab and it will do it. Also, you can replace the period with # and > and also get different results. 😁
Yes, these are emmet shortcuts, if you want learn all of this check emmet 😉
This is paaain. The ASMR is so good, but I don't want to sleep, I wanna see how you do it :(
Yes, it’s all people pain🤦🏻♂️
Hello sir! May I know what font, theme are you using? Great video, btw.❤
Thanks bro 🙏 Reui 2 font, Cascadia Code font
Thank you ❤️ can you make mini project with tailwind css please?
After this bootcamp we will have other bootcamps, bootstrap, tailwind, javascript project by project bootcamp and … 🙏😉
@@AsmrProg 🙏😍😍❤️
This is just the beginning 😉 we will have video about anything ❤️🙏
Brother how to make mouse cursor red line like that its so attractive
best way to learn, thank you :}
Thanks bro, check web design coding bootcamp playlist 😉
THANKS YOU cuz
you I could made a webpage
Great 😉❤️
Hi - which extension do you use for the HTML preview on the right?
Hi, live server, some times live preview 🙏
Hi what programming language or application do you use ?
Hello, thank you for this lesson!
I'm learning a Django python's framework for webdesign. Your videos make me stronger in basic HTML, CSS, and I could use this projets in backend practice
Oh thanks, keep going on 🙏
Bro can you teach me how to install vs code just like yours? And I don't know how to use it. Also i learned a lot of your code series and makes me relax to listen while learning
Hi, i will create a github readme about it 😉🙏
@@AsmrProg can i ask where to find your tutorial how to install vs code in your github?
I didn’t uploaded it, working on it, will upload soon and write a community post about it 😉🙏
@@AsmrProg thank you sir! much love and already subscribed almost a year
Now check my github, todays post is about it but you can check it now 😉
Why is your mouse click so long? Are you using a program like mechakeys?
It’s screen recorders click effect !
can you collect the data all of users inputs in this login form?
If you connect it to backend with php or something else, yes why no!?
I like you am from thailand I follow you❤❤❤❤❤
Thanks 🙏❤️
Hi, can u show your downloanded functions and options? (Pl live server stb.)
Hic sorry I didn’t understand!!
@@AsmrProg He means the extensions. I would like to see them too.
Oh i will write all here or in a community post😉
@@AsmrProg Thanks!
😉
how do u make ur text cursor move like that
Hi, with vscode settings 🙏
Knk klavye marka model ne acaba? Merak etti, videolarını beğeniyorum bu arada.
Sorry can’t understand!
How are you able to style the second [ .circle ] without a new HTML element?
With "after" in css
@@AsmrProg and this creates a new instance?
Need to set styles in it, yes 😉🙏
@@AsmrProg alright I’ll look into that, thx man
🙏❤️
Kindly start basic to advance HTML & CSS tutorials.
🙏❤️
what keyboard is that? tip: put the keyboard model on description
Hi, baytion bk002 🙏 also thanks for tip
Cual es el tema de visual que tienes ? I want
Pdt: Buen video
It’s html css js, my channel is about web programming
@@AsmrProg Yes, I knew that, I was referring to the issue you have in the code editor, so that the background looks transparent
It’s extension, glass ui extension
What's the name of your screen recorder?
Hi Limon, It’s name is Screen Recorder
what theme are you using?
Hi, reui 2
What was the purpose of the animation property in the body?
Sorry what animation property?!
@@AsmrProg .body { animation: rotate 6s infinite alternate linear;}
@ 4:40
It’s for two circles behind the body
keyboard?
Hi, bk002 blue switch mechanical keyboard 🙏❤️
what extension do you use in html?
Hi bro, check my channel community page, i have a post about it!
@@AsmrProg Thanks❤️
🙏❤️
@@AsmrProg hello i have looked through every one of your community posts and i cant find the extensions you have at all listed anywhere. ive looked through github files, as well, just incase it might be there to no avail. please help! im following along with some of your projects (theyre awesome thank you!) but i think because of some extensions being missing, as i checked the code for accuracy, something isnt right.
So send message to me on telegram! Link on channel about page 🙏
Hi,the font-family is not working for me.Can u help me?
Yes contact me on telegram to check your code
@@AsmrProg How can I.Because i don't use telegram
Goto telegram.org and download app then from my channel about section click on telegram
@@AsmrProg I am using my desktop and its not letting me install because my OS is not compatible with the program.Also i dont have my phone right now so i cant sent the code :(
So check my github for correct code !
Keyboard name??
Hi, Baytion bk002
Keyboard name plz
Baytion bk002
hi bro
Keyboard ?
Hi bro, in this video baytion bk002
your github ？
Hi bro, link in description but here the link :
github.com/AsmrProg-YT
what is the name of the program ?
Visual studio code
@@AsmrProg thank you
🙏❤️
Я лучше тебя
Ok 🙏
@@AsmrProg Сорри бро
English please!
@@AsmrProg Sorry bro
No problem 🙏❤️