Sliding Sign In & Sign Up Form 

I'm not a English native speaker, but I understand all you said because your pronunciation is very clean and good

starred it once i came across it at Codepen a while ago! props for giving credit where credit is due! :)

Can you please tell me how to connect this registration form with website database or firebase firehost and also please tell me how to connect facbook and email login in it...Please please please please help me 🙏🙏🙏🙏

Not show sing up page please help me

I never saw u linking js on your html ... And still i was busy looking if is ther but i ddnt see it ... And when ever i select sign up bttn i dont see any change

How i wish you could make it responsive 😒😒

How to Make it Responsive !!

the js isn't working for me, the developer tool says: "Uncaught TypeError: Cannot read property 'addEventListener' of null". can you pls help?

I wonder if this is responsive on mobile devices??

Can anyone give complete working code please?

I Really love HTML Form projects, and when we have Sliding Form from Brad & Florin, I can't say thanks enough. Thank you so much, guys.

But what about the mobile version?

i really struggled trying to get a path in full stack web dev but since i discovered Brad last week, my life changed. Now, i am adding Pop to Brad as my mentors, hope you don't mind. i really need help to excel in this career. thanks Pop and Brad.

Can you show the backend process for this design? I want to add new users and verify registered users when logging in using python cgi. Is it possible for you to create such content?

You are genius wab designer love you sir from India 🇮🇳🙏😊

What about the responsive !?

Js not workin how can i fix it ?

um. everything except the sliding part is working. and I actually did everything like you did.. so don't know the problem... um... question: which one is the right-panel-active class? and how to check where I am doing wrong? btw nice video. you explain well. thanks ^_*

Nooooo...youve revealed my secret now my sign-in/sign-up page wont be special anymore

Brat zorsiz ketuviz yaxshi Uzbeklar bolsa hammaga omad 👍

One error is coming....please help me out........cannot read property'addEventListener' of null

This is brilliant! The last touches with the animations are something I would've never come up with. Very high-quality UX. Thank you for this.

where is the code of class .right-panel-active ? mine is saying "cannot read property .add() of undefined ???

Did anyonde made it responsive? Send me code if yes, please. I just suck in horizontal to vertical transformation

Brad your work has really helped me alot, u have made me to stand as a web developer ,may the lord bless you,,,,am requesting if you can make video on react app where you can send form info to email and even deploy it....another on same in flask.

Brad ! If you can, please do some videos on full website tutorial (both frontend + backend) and full mobile app tutorial (both frontend + backend).

What if I want to save the sign up information? Can you follow up with a database tutorial?

You have not explained about the responsiveness thing over the mobile browser. What you said in the starting that mobile view is not responsive.. it should lay over upside down and thing should go in that way

Can I get the dashboard source code both for admin and the student in online examination system if you have the link could you direct me to that!

brad is my fucking father .. great job boss!!!!

it is not working with me it only sign in is showing?? can i any of you share the exact code with me, i rwrote it but still not working i dont know where is the mistake?

Bro I saw ur code in someone else channel u could warn them for copyright

How is your bottom button staying on the screen???!!! Does it matter in the end???

Me seeing this last year: "I'm never gonna need this" Me at work right now:

👌

I am getting an error at line 5 of js file. The error is, “Uncaught TypeError: Cannot read properly ‘addEventListener’ of login.js:5 null” . Please help me with this error

Ok but how can we implement this into mail chimp or hubspot or such sites

hey Brad, awesome video once again! Could you make a tutorial on file structure for a web development project? I don't really see anyone talk about that and I'd like to know how I should structure my project in an efficient way using stuff like "src" and "dist" folders like that ones I see you use. Thanks :)

With this example, i have excelent experiense; Congratulations for this chanel, :) I'm from Brazil, Santiago-RS

Goodday brad, please could you make a video on how to upload files from the website to an email address. Thanks

i know this is old but my form won't slide from sign up to sign in and so on

Wow this is great brad!. I can't contain myself to ask, where do you get your ideas? I mean, do you look at different websites and when you see an interesting function or animation, you'll try to replicate it?

I can't think of the way that the sliding template is useful, that might seem very cool but when then sign-up and sign-in thing actually works, you always gotta change the url, which will reload the page, making this sliding animation a waste.

Can I use this on my project?

i'm confused about one thing, it might be really silly... if the overlay has a z-index:100 its an top of everything so why don't we see the "welcome back!" on top of the sign in form on the left? why is the sign-in form on top of the left overlay panel?

thanks Brad i really love you,your the best teacher,i'm from Kenya,you really contribute alot to my coding journey,i wont stop to thank you,,,,,may God safe you and your family from this Covid crisis,hahaha if you could have manage to get to Kenya i will give you my sister for free hahahahahahha

I followed each and everything in this video. But the addEventListener is not working. Please help

Looks really neat! Love how it reveals each form

Awesome as always! How shall I implement this in React?

Hello Sir. Please do a UI/UX workshop with adobe XD converted to html/css/sass. A twitter or instagram clone. Thanks. Guys, please like this comment if you also want a tutorial series.

i can't find a Html code

slider is not work in my form plz help me

sir my animation is not working what can i do ???

I can't get it to work, I copied all the code, html, css and js, but I only see one panel, and the text to the other side, and nothing moves.

Hi Can you check out discord login page. It has a canvas Bezier curve effect or something like that, quite awesome. Can you make a tutorial on that or maybe canvas tutorials ....

Brad, you're awesome. Thank you and keep up the great work!

Hey Brad, How to catch-up with you?

please help me to make this responsive

Hey man, I follow all your videos and I am very happy to get you as a RU-vidr who helped me in learning Reactjs. Thank you once again. I know you took a break from youtube. Can you please make a video on this login signup form which would be responsive when you get time? Its a request from your follower. Thank you.

What code editor are you using?

Hey, I really loved the form n learnt something new.. Can you please make a video on how to make it responsive as you have mentioned to do in the video.. As a newbie m curious about it..

Great job, i have a suggestion if you want to make it responsive you can change the direction of animation from left right to up down

Hi there, great tutorial. However, how can I enable password for the form and direct it to another html page if password is true or directly it back to it if the page if false? Thanks

While executing the final code in Safari browser, the sign-up panel shows the content of sign-in panel only. Any suggestions?

i really struggled trying to get a path in full stack web dev but since i discovered Brad last week, my life changed. Now, i am adding Pop to Brad as my mentors, hope you don't mind. i really need help to excel in this career. thanks Pop and Brad.

I am unable to move my form's panels towards right or left. What should I do?

This doesn't work

this is soo good thnk you so much

Plz make a tutorial on how to make UI like Samsung galaxy's fold website.

Hello Brad , I am using a Mac with code pen but I am unable to see the font awesome icon on my screen even though I wrote down the code. Do I need to download font awesome on my Mac ?

How can three signup form implement in the code for example (teacher signup, student signup, school signup) forms using theree buttons

Great tutorial! Thanks. I have successfully implemented it in my React Project using Hooks. Unfortunately, the responsiveness is TERRIBLE! Any clues on how to proceed? Someone commented using translateY but the red panel will never be visible...

can you make a database?

This is awesome. Brad can you make a video on how to do create a form which is multi language in angular , that is both in english and Arabic. In arabic typing is made from right to left and in english it is left to right. Or if you can share some resouce by which I can achieve this. Thanks in advanced.

i hope i get an answer for my question!! so in this login form, when i submit the form (php that i'm using) i want to display if there is any insertion error ( such as same username, email... ) so the user should reset he's values again,when submitting,the page refreshes and the overlay goes back to its default place and hiding the errors that i'm displaying,is there any way to solve it ?

thank you! i came across florin's code and could not insert it into my project for some reason, there could be many, you know how it goes. but this version worked flawlessly, thanks so much! quite simple, very classy.

Thanks to you and Florin. I took the idea and made a angular 7 component for fun github.com/rreganjr/chichi-ng/tree/master/projects/chichi-ng

.container.right-panel-active .sign-in-container

I was wondering if you could possibly show me how to do the slide function in React? I was planning to implement this slider for a project and can't figure out how to alter the JS to work in react

I read a comment on LinkedIn saying the UX was bad because the form should stay at the same place and that it was confusing. I agree.

I hate css -_-

Great and Neatly written. 1 question: why z-index:100 is used in overlay-container but still it hides behind the forms in transition?

anyone pls tell me can we make that sign in scrollable because I wanted to add more inputs option for user so any one knows it how can i make pls help me

thank youuu

Does anyone know how to make this mobile responsive? I cant seem to figure it out

Hummm Brad, I don't really go commenting but I must admit that You're something else

FIRST AGAIN !!!

Source code

Thanks sir

is this less efficient tan having two seperate frames? Like will it load both sign in and sign up frames everytime it is loaded as opposed to just when sign up is clicked? Thanks

well done

First like, then watch!

Hello All.... how do I use this code if I use react? Please Answer, Thanks All

This tutorial was great Brad, thanks again 1 million. After checking Florins blog I see many small nice projects. Brad, would you kindly recommend any other similar blogs plz?

Would be possible this design to be implemented with server side authentication like node.js

wow

If I were to use this for a personal site, how do I give credit to the original author?

Hey Brad! When is the new NEXT.js tutorial coming out?

The best coding channel on RU-vid!