Animated Login Form Using Only HTML & CSS
HTML-код
- Опубликовано: 8 май 2018
- ◘ Download Files From Here : www.darkcode.info/2018/05/ani...
◘ Facebook Page: / darkcode0
◘ Instagram: / darkcodeonline
◘ Paypal Donation: paypal.me/YBenlachheb
◘ My Patreon: / darkcode
Music__
Music Name : Levianth & Axol - Remember (feat. The Tech Thieves) [NCS Release]
Music Link : • Levianth & Axol - Reme...
*Finally RUclips recommends me something of quality.*
ruclips.net/video/lJU4-x1IDvs/видео.html
Also
I think so too
Yep
its the fucking algorithm that brought you here
Somehow, I understand more by watching this than watching slow tutorials
Me too
Same and music is awesome! Exactly how I code
Haha..same
Same slow tutorials makes me feel bored and sleepy.
Same xd
Thanks. Seriously, the RUclips recommend what I actually need literally now, when I'm rarely checking for this kind of things in RUclips.
Once again, thanks! I love how simple these are and easy to understand on what happens and where to fiddle.
ruclips.net/video/5bsExf9TVcE/видео.html
i am a beginner ...can someone tell me where we have to write these code??? i am writing in notepad will it work?
@@_sirius_black_gaming_2207 yes ofc
Watching you make this I learned more about css then my three years of college in computer programming. Needless to say you just earned yourself another subscriber.
Then you shouldn’t have went to college if you can’t learn shit. I’ve taken one class of web development and learned 100x as much as you in two weeks.
Software name: Atom
Package installed: Preview HTML + Autosave on Change
ImLPZ thanks
i knew it was atom but looked different
Those seem super useful
not brackets?
Thank you kind telepath :)
Finally I can see what changes I got with different lines of code! Thanks for a great video!
Just came across this channel. Great video! No needless introductions; short & straight to the point. And there's no need for talking, since the regular refreshing of the webpage makes it clear what each line of code is doing. I also appreciate how your titles are straightforward and tell us everything we need to use ("HTML & CSS" or "HTML & CSS & JQuey"). And of course, the actual content is beautiful! I didn't know how easy it was to create such a beautiful, dynamic login form with just vanilla HTML & CSS. Subbed!
ruclips.net/video/5bsExf9TVcE/видео.html
Just learning HTML & CSS, after a few weeks I was like: meh.... Watching this and your other video's got me all excited again!
Me too!
@@kokigaming7859 me three!
wow this is the first video that i've watched on your channel and definitely you got my subs! nice job
Cool! The amazing part about coding is that no matter where you from - example: me, from Brazil - the language is the same, so, no matter what language you speak, we will understand each other in our codes! Nice code, bro!
Hello from South Africa :D ...
Me from India🇮🇳 but still using same language 🇧🇷❤😂😂
Israel ma friendss
From Poland with love ❤️
Hello from Algeria 🇩🇿🇩🇿
Loving the saves that show updated changes, thank you.
ruclips.net/video/5bsExf9TVcE/видео.html
This is a great tutorial, because you are showing in real-time what is changing so we learn exactly what the different CSS parameters are doing.
Watched your first video 2 hours ago & I'm already on the third one. Will try all of these tricks hands-on when I get to office day after! Awesome videos! Short enough to keep the viewer engaged & long enough to explain the topic well.
Keep up the good work! Thanks!
welcome ♥♥
Please... Don't ever stop making videos.
Please!!!
That is actually so good DAMN!!!
Lindo demais!
estou praticando e estudando HTML e CSS, e estou gostando demais desses videos.
Omg. I understood more about forms than what i keep it up man !!!
We just learned CSS in school and this looks so simple and understandable suddenly, looks cool tho :D keep it up!
underrated as hell this channel man !!!
These tutorials are great! I like how they're short and very useful
ruclips.net/video/5bsExf9TVcE/видео.html
tbh !! short video+ important selectors+quick review ..... this is so amazing I really liked this lesson thanls alot !!! (:
Very cool. Definitely gonna play around with thia. Thanks for sharing.
Started my web programming course earlier this semester, but that class deals more with client/server applications and not so much the cosmetic side of html, we aren't even taught about CSS. But I love making my applications look as appealing as I can so these videos help a whole lot, and I genuinely enjoy doing CSS
ruclips.net/channel/UCsXEZ8y_zSL2w6BcwCEDycg
You are amazing! Thanks for the tutorial! Looking forward to more tuts.
Great video. Started HTML and Javascript in fall. Those videos bring so much inspiration. Keep it up
So it's been a year, how's it goin? 😆
@@ShivamSharma-rq9ne very well actually. Webdesign is still a fun hobby for me. Thanks for asking.
@@simonhartl460 wow great.
Learnt javascript too?
Oh my god. You're so great! Like
Me too
Thank you for this video!! That's a amazing login view and made with simple html & css. I used it for some school projects. Recommended :)
AWESOME!!! You will always have my like.
Realy Your TUT Is Amazing
Thank You Very Much
That was the coolest! animation for login form ^_^
You really inspired me with html even though I just though ur channel for the first time. I’m Subscribing
This video was the first one that I watched and used for my university project🚬. Now I am full stack web developer
*I have no clue what’s happening but it looks impressive.*
I thought the same when I first came here, then I learnt HTML and CSS from W3School and now I can understand everything going in this video
@@paristar3079 you don't "just" learn html and CSS. The basics? maybe, but not fully.
@Valka they are languages, just not programming languages
@Valka man said html isn't a language... im done 😂👍 good one
@Valka but it's a language, you learn it. Doesn't matter mate.
Nice. Thanks Dark
Awesome! Looks great!
Soo simple after one week of studing and amazing to do,thanx!!
Looks Professional bro.. 👍
And thanks for using Atom, eyes friendly
I even didn't understand how time elapsed!
but in the end, I clicked on the subscribe button :)
thanks.
My guy you saved me from struggling. God bless you
Me suscribo! Saludos desde Argentina!
Wow man u made my day🔥
Really cool and outstanding
Keep up the great work “dark code”.
Bro this is quality content thanks a lot!
Hi I am from Spain and you videos are of many help.
Thanks for you I can do different subjects in html.
Please don't stop upload this type of video
Welcome
Hey I learn so much from your videos! Thank you so much for making these AWESOME videos!
Wow, amazing end result! Nice job.
Thanks man. I learned a lot this was my first day of Coding . Thanks
This is a very beautiful design. Respect.
Cool .....keep it up 😃
ruclips.net/video/q3eBhevkLRs/видео.html
So im Your 100th like Hi!
Not cool... just go to confighub and its the same
theres a difference between original and skidded
I am your 301th like
ruclips.net/video/5bsExf9TVcE/видео.html
After 3 years RUclips recommend this quality thing 👍 thanks
just started css and i can understand this..the way he made it easy thanks mate
Really cool. But it will be great if you try to explain what you are doing. You are really doing a fine design.
Just i want , bro god lord i stay 4 hour trying to make this thanks dude
awesome video, pace, design, and simplicity
great choice of music and great work mate
Cool..from Moldova
It looks awsome!
I was wundering if you can put your code to Github or something with a code preview?
Excellent work. Loved it
It looks very easy, but the fact is that this needs to be in our minds....
Really thanks u
I don't know why youtube recommends me this but I'll keep this information for the future
hi guy, i'm a Frensh student and i would like to be a web developer and i just want to say thanks you to have posted this video :) make me dream again ^^!!!
welcome
Salut!
@@Thomas-ol6wt salut mec!
@@julianhenry907 I'm also a french student and actually I have a project and this helped thanks DarkCode ,
Are you any good with PHP and MySQL ?
Bonjour ^^
That's awesome bro keep going!👊👍
Wow bro! You're amazing!
great job 🤘
You are a genius bro
2 things: you did not need to set border property to 0, you could just override it directly. second, there is lots of repetition of same properties for input fields. you could use them once and then override the ones you didn't want by specifying the type or you could use simple classes but its been 4 years, I"m sure you would have learned that long ago.
THANK YOU FOR THESE SIMPLE TUTORIALS
Amazing just recommend by yt n start watching till end😘😘keep it up
cool music choice
nice informative video, thanks for this.
god bless you. :)
ruclips.net/video/q3eBhevkLRs/видео.html
Damn. Smooth. Clear. Nice
Thanks, I also create sign up form without you in 6min after watching this video
But login form take 2hr to understand how all tags work thank you again
Can you create a beautiful calculator only html and css UI, not the operations.
That's great! Never even thought about something like that... Could you code the login by js or will you need a backend for that?
Late reply, but you would need a backend for security reasons.
Thank you so much for the video, i'm learning and this content is a master piece
That's sick. Can't wait to plug some code into it
Hello Sir!
First of all: Great great Video.
My question:
I know you use Atom, but what do you use for the LiveThing? :D
Install atom-html-priview
you can also install the package: atom-live-server
@@fleecky7011 yep its better
ruclips.net/channel/UCsXEZ8y_zSL2w6BcwCEDycg
Lol I use Brackets code editor which also has a live preview function.
I have liked, Subscribed all I have to do is to steal the code for myself
So much to learn from this single video 🙌🏻 Thankyou so much 💛
ruclips.net/video/5bsExf9TVcE/видео.html
Superb video man.
I loved it..
Omg you have a great humour of css styles..... Give a heart please xD
Wow it was this simple
ok
This guy knows what he is doing. Keep it up
Your videos helps me very much, good work. Thank you😁
I try to do more and more using CSS, instead of writing some JavaScript code
4:31 for the focus effect in the input
you're the best...thank you so much.
You are amazing!! ❣️ ❤️
although want to know URL of the colors source?🙏🙏🙏🙏🙏
Flatuicolors. Com
which is the plugin, to show the preview code?
atom.io/packages/atom-html-preview
Thnx for this awesome content I needed this .
you sir have just earned your self a new subscriber ... awesome video
From which website u pic colora can u tell me?
from flatuicolors.com
@@DarkCodeOnline tks
ruclips.net/video/q3eBhevkLRs/видео.html
@@DarkCodeOnline Same
do the coding accompanied by EDM music, It's amazing
Agreed.. It motivates to code ❤️🔥
Thank U so much!! keep up the good work
Just started my web development journey and i gotta say this is awesome....... I am just waiting for the time when i will be capable of doing this on my own....... I am never going to give up
ruclips.net/video/5bsExf9TVcE/видео.html
what's the idea behind:
18:"border: 0;" and
23:"border: 2px solid color;"?
First you kill the border, just to add it again?
You can remove the first border, it will look the same.
@@Tecnologik87XL in other words, there is no point?
@@stewartzayat7526 Yea, you use the first "border: 0" just to see how that look at the beginning. In CSS, if you write "border: 0" and then "border: 2px solid color", it gives priority to "border: 2px solid color" and ignores "border: 0"
369 dislikes. WTF.
Whyyyyyyyyyyy.
Keep it up sir. Great job
Quality!!! Thank you
You are the savior buddy!!!