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.
Thanks. Seriously, the TH-cam recommend what I actually need literally now, when I'm rarely checking for this kind of things in TH-cam. Once again, thanks! I love how simple these are and easy to understand on what happens and where to fiddle.
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!
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
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!
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!
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 ^^!!!
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
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.
@@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"
At 2:02,why did you use negative percent values(-50%,-50%) in transform property?And what exactly is the difference b/w transform: translate() and top,left properties? P.S. I am new to HTML and CSS
The negative 50% means the element will be shifted towards top / left by half of its width (so that its centered), and translate means the element will only "visually" be moved, but it won't affect the flow of the document. Imo not the best way of doing it, but hey.
top and left shift the element relative to its parent's size (placing the element's top left corner at the exact center), then transform shifts the element relative to its own size, moving it back just slightly so that its center is in the center of its parent. A quick and easy way to center horizontally and vertically an absolutely-positioned element :)
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
at @5:03 you did a "focus", I tried copying your code and that part if the focus doesn't work for me. I'm using sublime text as my text editor and is there a different tag to use?
TBH, the way you did this is the way all login forms are done. By this measure, all login forms are just HTML and CSS. I thought it was actually going to, you know, log someone in without javascript or a server side script. It works because a submit button on a form will automatically post back to itself if you don't supply some other "action". And the login part will be handled by the code in the page that this form is posted to. That said, I do like the styling you used.
*Finally TH-cam recommends me something of quality.*
th-cam.com/video/lJU4-x1IDvs/w-d-xo.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
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 :)
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.
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!
Please... Don't ever stop making videos.
Please!!!
Thanks. Seriously, the TH-cam recommend what I actually need literally now, when I'm rarely checking for this kind of things in TH-cam.
Once again, thanks! I love how simple these are and easy to understand on what happens and where to fiddle.
th-cam.com/video/5bsExf9TVcE/w-d-xo.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
@@_sirius_black_gaming_2207
Better to use Vs code bro
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 🇩🇿🇩🇿
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
th-cam.com/channels/sXEZ8y_zSL2w6BcwCEDycg.html
Finally I can see what changes I got with different lines of code! Thanks for a great video!
*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.
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 ♥♥
wow this is the first video that i've watched on your channel and definitely you got my subs! nice job
This video was the first one that I watched and used for my university project🚬. Now I am full stack web developer
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!
th-cam.com/video/5bsExf9TVcE/w-d-xo.html
Omg. I understood more about forms than what i keep it up man !!!
tbh !! short video+ important selectors+quick review ..... this is so amazing I really liked this lesson thanls alot !!! (:
We just learned CSS in school and this looks so simple and understandable suddenly, looks cool tho :D keep it up!
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.
After 3 years TH-cam recommend this quality thing 👍 thanks
That is actually so good DAMN!!!
Lindo demais!
estou praticando e estudando HTML e CSS, e estou gostando demais desses videos.
That was the coolest! animation for login form ^_^
underrated as hell this channel man !!!
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?
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 ^^
Loving the saves that show updated changes, thank you.
th-cam.com/video/5bsExf9TVcE/w-d-xo.html
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
th-cam.com/video/5bsExf9TVcE/w-d-xo.html
It looks very easy, but the fact is that this needs to be in our minds....
Really thanks u
Cool .....keep it up 😃
th-cam.com/video/q3eBhevkLRs/w-d-xo.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
th-cam.com/video/5bsExf9TVcE/w-d-xo.html
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.
And thanks for using Atom, eyes friendly
just started css and i can understand this..the way he made it easy thanks mate
Wow, amazing end result! Nice job.
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
1:27: The awesome website of the set of beautiful colors: flatuicolors.com/
Ty
ty
ty
#227093
ty
This is a very beautiful design. Respect.
Amazing just recommend by yt n start watching till end😘😘keep it up
These tutorials are great! I like how they're short and very useful
th-cam.com/video/5bsExf9TVcE/w-d-xo.html
Oh my god. You're so great! Like
Me too
Very cool. Definitely gonna play around with thia. Thanks for sharing.
Looks Professional bro.. 👍
This guy knows what he is doing. Keep it up
This might be old but is pure quality
Really cool. But it will be great if you try to explain what you are doing. You are really doing a fine design.
Hey I learn so much from your videos! Thank you so much for making these AWESOME videos!
From which website u pic colora can u tell me?
from flatuicolors.com
@@DarkCodeOnline tks
th-cam.com/video/q3eBhevkLRs/w-d-xo.html
@@DarkCodeOnline Same
awesome video, pace, design, and simplicity
Superb video man.
I loved it..
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"
I don't know why youtube recommends me this but I'll keep this information for the future
Just i want , bro god lord i stay 4 hour trying to make this thanks dude
Really cool and outstanding
Keep up the great work “dark code”.
great choice of music and great work mate
4:31 for the focus effect in the input
369 dislikes. WTF.
Whyyyyyyyyyyy.
Keep it up sir. Great job
I try to do more and more using CSS, instead of writing some JavaScript code
My guy you saved me from struggling. God bless you
Wow bro! You're amazing!
great job 🤘
Realy Your TUT Is Amazing
Thank You Very Much
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
th-cam.com/channels/sXEZ8y_zSL2w6BcwCEDycg.html
Lol I use Brackets code editor which also has a live preview function.
Omg you have a great humour of css styles..... Give a heart please xD
That's awesome bro keep going!👊👍
Thanks man. I learned a lot this was my first day of Coding . Thanks
although want to know URL of the colors source?🙏🙏🙏🙏🙏
Flatuicolors. Com
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.
I have liked, Subscribed all I have to do is to steal the code for myself
Soo simple after one week of studing and amazing to do,thanx!!
At 2:02,why did you use negative percent values(-50%,-50%) in transform property?And what exactly is the difference b/w transform: translate() and top,left properties?
P.S. I am new to HTML and CSS
The negative 50% means the element will be shifted towards top / left by half of its width (so that its centered), and translate means the element will only "visually" be moved, but it won't affect the flow of the document. Imo not the best way of doing it, but hey.
top and left shift the element relative to its parent's size (placing the element's top left corner at the exact center), then transform shifts the element relative to its own size, moving it back just slightly so that its center is in the center of its parent. A quick and easy way to center horizontally and vertically an absolutely-positioned element :)
@@obiwac Thanks man!!
@@istake740 Thank you!
Can you create a beautiful calculator only html and css UI, not the operations.
It looks awsome!
I was wundering if you can put your code to Github or something with a code preview?
You are a genius bro
It is so beautyful, man you're cool
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
Cool..from Moldova
cool music choice
The name of the program you are using is possible
aumn omer atom
Codepen, online use. Php storm is also good
I have Arafa program name Thank you
@@bartb5666 Thank
Githubs atom
you sir have just earned your self a new subscriber ... awesome video
Where can I explode the like button?! Top content 👏👏
nice informative video, thanks for this.
god bless you. :)
th-cam.com/video/q3eBhevkLRs/w-d-xo.html
What platform do you code on
Atom
What's the app you're using .
atom editor
You are amazing! Thanks for the tutorial! Looking forward to more tuts.
Bro this is quality content thanks a lot!
What the program he used?
th-cam.com/video/q3eBhevkLRs/w-d-xo.html
Atom
Which editior/coder u use?
atom
@@DarkCodeOnline Is that a editor?
@@DarkCodeOnline Ur the best youtuber u learned me code hard too
How to add a html preview tab?
@DarkCode
me : successfully prints "Hello World"
I'm gonna hack Nasa now.
I have seen this same comment on another video.
The comment was uploaded 1 year ago.
Don't copy others, it's not nice
lmao yeah cringe
@@ankithabhayan324 Bro, i saw this comment like 10 years ago, and it was copied. It's a classic
Woah, then the other guy copied too
@@ankithabhayan324 such bitches!
AWESOME!!! You will always have my like.
at @5:03 you did a "focus", I tried copying your code and that part if the focus doesn't work for me. I'm using sublime text as my text editor and is there a different tag to use?
im also using sublime text and it works.
do the coding accompanied by EDM music, It's amazing
Agreed.. It motivates to code ❤️🔥
what application do you use
Please say please say
If your placeholder colour doesn't change, use the following:
::placeholder{
color: white;
}
::-moz-placeholder{
color: white;
}
::-webkit-input-placeholder{
color: white;
}
So much to learn from this single video 🙌🏻 Thankyou so much 💛
th-cam.com/video/5bsExf9TVcE/w-d-xo.html
TBH, the way you did this is the way all login forms are done. By this measure, all login forms are just HTML and CSS. I thought it was actually going to, you know, log someone in without javascript or a server side script. It works because a submit button on a form will automatically post back to itself if you don't supply some other "action". And the login part will be handled by the code in the page that this form is posted to. That said, I do like the styling you used.
Share your script bro
or just read the description bro
@Sergio Hernández I think you got destroyed bro
bro....
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 :)
Your videos helps me very much, good work. Thank you😁
I even didn't understand how time elapsed!
but in the end, I clicked on the subscribe button :)
thanks.
Man for beginner like me that was very incredible so keep on amazing work
You really inspired me with html even though I just though ur channel for the first time. I’m Subscribing