1. I started learning through the documentation, on their official website. And then I went through every code, snippets which came in front of my eyes. And I strongly believe that it's the best way to practice and learn. This is how you learn by practicing readymade code. 2. There are tons of codes which are untouched because everyone not use codepen and such platforms. So, many times, if I think this kinda blog/snippet can help people learn as it helped me, I create video on it. 3. Thanks for making so much fake IDs and following from the deep of your heart! This motivates me a lot.
Hahaha... one day everyone will know your realty... I have a list of all your copied videos url with real one...keep it up You are a big fraud... who copy others...
@Mr TH-camr that's why I pin your comments so that everyone can see your hard work and can know how much people gonna hate. Keep grinding! My intentions are pure and tryna bring the useful content to people. Thank you so much for motivating me!
@@codegrid you are doing graet job it doest matter where u find these content matter is that but really your contents are really best i am always waiting your videos and there are only two best you tubers which i know you and online tutorial who belongs to create such a awsm content on you tube
Hey awesome tutorial thanks so much! for some reason I am able to slide down to the second img/blog but from there I am stuck...I cannot slide up or down again. Any idea as to why this is happening? Thanks!
Make sure your code is the same as his. He also has a source code link in the description. Also, open up the console and see if you have any errors. If so, tell me here and I will see what I can do to help you!
What the hell, man, you're crazy! Another video and another amazing work! Keep going man. I really love your videos, anyway I got some notes to you. 1.) What about your music used in videos, is it possible to get any tips for good music channels/interprets? 2.) Could you please make a video like "preloader based on pageload", which would wait till the page is loaded? Anything like what you use on your personal website? 3.) On you personal websites in section called "what I do" should be written "Graphic designing" instead of "Graphic desinging" - the difference is in ign -> ing Thank you! I am looking forward to new videos.
Wonderfull as usual. Can I ask you for something special? I have an slider with 3 sections and I couldnt yet find here or anywhere an slider that when refresh Page, It open the second section, I mean the middle section like a mobile app to scroll to the both sides. Only Fullpage I saw It has an 'active' class to do this functionality but is not open source and heavy... So. Thanks a lot for your time and awsome designs.
Hello! First of all, this is just simply awesome! There is nobody on youtube platform who can design web apps batter then you! Slider is really nice, but I noticed that this one is not responsive, how would you recommend make it responsive so on 760px it would show up as picture on the top and all other content with text below? Thank you for your time!
*if(slideIn.length !== 0)* did not work for me if anyone else has this problem change it for *if(index != -1)* on both goToNextSlide and goToPrevSlide this prevents the slides from going out of boundaries if you're either at top or bottom
The design is so good! Could you update your source code link because I think there are many people request for downloading and it turns down, I will be appreciated!
Hello Codegrid as always great stuff I love your design, I have an observation though I have noticed that you do not clean cache before recording you probably test and then record so properties might keep values, this is pretty confusing because if you code as video follows there's different outcomes I suggest that you open an incognito window before recording
I don't think this should be the case. I always check source code before sharing it if it works properly or not. You can see it as reference what I have done in the video. Anyway, thanks for the suggestion! I'll keep that in my mind. 🙌
I've got a github account but I don't use it that much. Currently I'm using dropbox. You can find source code files in the description of each video. Thanks!
If you're still wondering how to make it responsive, this code worked for me: @media screen and (max-width: 600px) { .card { flex-direction: column; } .card-img, .card-content { width: 100%; height: 50%; } } However this seems to cause the arrow styles to glitch out
Its Copied from codepen
1. I started learning through the documentation, on their official website. And then I went through every code, snippets which came in front of my eyes. And I strongly believe that it's the best way to practice and learn. This is how you learn by practicing readymade code.
2. There are tons of codes which are untouched because everyone not use codepen and such platforms. So, many times, if I think this kinda blog/snippet can help people learn as it helped me, I create video on it.
3. Thanks for making so much fake IDs and following from the deep of your heart! This motivates me a lot.
Hahaha... one day everyone will know your realty... I have a list of all your copied videos url with real one...keep it up You are a big fraud... who copy others...
Mr TH-camr may you be blessed by some positive energy🙏
@Mr TH-camr that's why I pin your comments so that everyone can see your hard work and can know how much people gonna hate. Keep grinding! My intentions are pure and tryna bring the useful content to people. Thank you so much for motivating me!
@@codegrid you are doing graet job it doest matter where u find these content matter is that but really your contents are really best i am always waiting your videos and there are only two best you tubers which i know you and online tutorial who belongs to create such a awsm content on you tube
this is what i've been looking for my whole life, like google can't even understand me, glad to subscribe man 👍not just this but every videos
See you uploading the video - instant like!
Great video man keep going like your content
i think that u got a really good style for minimalism, i like that :) (ohh and my english is really bad sorry
)
Hats off sir...,🤠
I've been thinking about creating a fashion based website entirely centred around this slider mechanic and greensock. thanks for the tut👍🏾
🙌
Hi Dear great work and keep up a good work. i learnt most of JavaScript work from you. don`t listen such people. have a good day
can you plz explain about the backgroundPosition mechanism here.?? i can not understand this animation part only.
Hey awesome tutorial thanks so much! for some reason I am able to slide down to the second img/blog but from there I am stuck...I cannot slide up or down again. Any idea as to why this is happening?
Thanks!
Make sure your code is the same as his. He also has a source code link in the description. Also, open up the console and see if you have any errors. If so, tell me here and I will see what I can do to help you!
Effective Code Academy awesome thanks! Will do!
LOVE greensock
yea 🙌
thank u so much buddy
l learnt many things from u
and thank u for your codes in description
good job bro
Thanks mate
What the hell, man, you're crazy! Another video and another amazing work! Keep going man. I really love your videos, anyway I got some notes to you.
1.) What about your music used in videos, is it possible to get any tips for good music channels/interprets?
2.) Could you please make a video like "preloader based on pageload", which would wait till the page is loaded? Anything like what you use on your personal website?
3.) On you personal websites in section called "what I do" should be written "Graphic designing" instead of "Graphic desinging" - the difference is in ign -> ing
Thank you! I am looking forward to new videos.
땡큐~~~~~~~~~~~~♡♡♡♡♡♡♡♡♡♡♡♡♡♡♡♡♡♡♡♡♡♡♡♡♡♡♡♡♡♡♡♡♡♡♡♡♡♡♡♡♡♡♡♡♡♡
Awesome stuff
🙌
How did you get the direct links for the Unsplash photos? :)
Open image in new tab and copy the url.
So good man ! I would like to change the swipe from top/down to right / left ? Could you tell me how could I do it please ?
Can you use typical scroll (the wheel) or is it required to press those arrows?
This code only works for arrow keys.
one word ... cooooooooool....
🙌
how did you create that video intro??
After effects
Which Software Are You Using For Coding ? Plzz
Atom
@@codegrid thanks a lot.
I am beginner.
if you click the arrows quickly it messes up the enitre animation
This is awesome I love your work! Is it possible to make this compatible for mobile devices? Thanks!
Wonderfull as usual. Can I ask you for something special? I have an slider with 3 sections and I couldnt yet find here or anywhere an slider that when refresh Page, It open the second section, I mean the middle section like a mobile app to scroll to the both sides. Only Fullpage I saw It has an 'active' class to do this functionality but is not open source and heavy... So. Thanks a lot for your time and awsome designs.
is it responsive?
How do I switch autoplay
It's great video. thanks. I wonder how to switch pages with mouse scrolling???
This code might only works for click events. You better try to apply vanilla JS to call those functions.
Pure beauty
Where do you learn so of this from?
Read the reply of the first comment you see.
the 123link not working for me is there anywhere else i can check the code
that link will work for you in the same way as it's working for others and I've checked it. It's working perfectly.
@@codegrid it says"your link is almost ready" and after get stuck a 0 seconds and i really would like to use some of the code i mean if you dont mind
@@codegrid any github link or codepen???! and dope content by the way
I've checked again and it's working bro! No issues. Here you go : www.dropbox.com/sh/y3e23y5f51fyxez/AAAxW7fD6VCVEfOd2NMNMBGTa?dl=0
@@codegrid thx bro big love
thanks
what theme ??
For UI - Atom material,
Syntax - Neutron
Hello! First of all, this is just simply awesome! There is nobody on youtube platform who can design web apps batter then you! Slider is really nice, but I noticed that this one is not responsive, how would you recommend make it responsive so on 760px it would show up as picture on the top and all other content with text below? Thank you for your time!
You gotta play around with the media queries.
Codegrid That’s what I was thinking about, but I think it could break animation itself(
Try it.
That's some quality shit. Man, you're great. Also, could you please tell what theme you are using in your editor?
thank you so much bro!
For UI - Atom material,
Syntax - Neutron
I don’t understand these codes what should I do?
See the basics of greensock.
Amazing
*if(slideIn.length !== 0)* did not work for me if anyone else has this problem change it for *if(index != -1)* on both goToNextSlide and goToPrevSlide this prevents the slides from going out of boundaries if you're either at top or bottom
The design is so good! Could you update your source code link because I think there are many people request for downloading and it turns down, I will be appreciated!
123link.vip/LYDoHkKj
Can I contribute my some simple effects (Front End Dev) for your channel? Thanks for reading. Have nice day :D
Hello Codegrid as always great stuff I love your design, I have an observation though I have noticed that you do not clean cache before recording you probably test and then record so properties might keep values, this is pretty confusing because if you code as video follows there's different outcomes I suggest that you open an incognito window before recording
I don't think this should be the case. I always check source code before sharing it if it works properly or not. You can see it as reference what I have done in the video. Anyway, thanks for the suggestion! I'll keep that in my mind. 🙌
We want pricing table design
Nice
thanks!
Awesome content as always.Why don't you provide these projects all together in a github account.
I've got a github account but I don't use it that much. Currently I'm using dropbox. You can find source code files in the description of each video. Thanks!
@@codegrid no issues bro. Keep the good work up. Thank you
🙌
He is nothing just a copy paste youtube channel
@@parmodkumar2999 I don't care. I'm benefited from his content. Stop spreading bullshit.
Dude I love your work, can you plz provide a working link for the source code?
123link.vip/LYDoHkKj
thank you :)
And how to make it responsive?
You have to add some media queries and change positions, heights and widths of certain divs! This video is about the concept only.
@@codegrid thanks
If you're still wondering how to make it responsive, this code worked for me:
@media screen and (max-width: 600px) {
.card {
flex-direction: column;
}
.card-img, .card-content {
width: 100%;
height: 50%;
}
}
However this seems to cause the arrow styles to glitch out
Online tutorial ne codepen link diya hai iska jaha se tune ye copy kiya hai... Dekh le ja kr
I appreciate your hard work! Keep doing.
@@codegrid
he is saying that you have copied from codepan
great
thanks bro!
Oh year... Oh year heeeee oh year @@ nice
🙌
sir not working
this is same as online tutorial @onlinetutorial
Take your time and check out the upload time.
n!Ce
Как же охуенно
You copied ihatetomatoes exact code come on bro
Read comments