Make sure to Subscribe! My answer for today's question: I have a bookmark folder labeled "inspiration" that contains links to codepen, behance, dribbble, UImovement, and a couple others specifically for the UI stuff. You?
Great video !! You rock as usual. Answer to your question : you are my inspiration as you create videos that teach simple things in unique way. THANK YOU!!! Keep doing such videos. 😀
dont know if anyone gives a shit but if you guys are stoned like me during the covid times you can stream pretty much all of the new movies and series on InstaFlixxer. I've been binge watching with my gf for the last months =)
Hello, I have a question about this tutorial. When you do hover effects, how is it that when you mouse out of the thumbnail, transition applies and it transitions smoothly back to default state? Because whenever I do something like this, i always apply ":not(:hover) " to a certain class, which has whatever parameter I want element to have in it's default state and then on ":hover" parameter I want an element to transition to. If i don't do ":not(:hover)", on hover the transition is smooth, but when i move mouse away, the default parameter just jumps in without transition. Is it SASS thing or something? Thanks in advance.
Hi there, I noticed that you find it a pain that when you copy and paste a section of code, that it doesn't format correctly. A solution to this is to copy the code up to the end of the line above the area being copied. Doing this correctly formats the code. :)
Hey,bro can u please make me learn about a css property with a example where we can make a book or card like design and when we hover on it it scrolls down then down to top
@DesignCourse could you link me the video that explains how to make the video background. In your website, you have a video playing with a orange hue overlaying it. I want to learn how to acconplish this. Thanks!
I use a lot of resources, but if I should remove the res, my MAIN SOURCE for design inspiration and input comes from U and U ONLY!..:-), there is no comparison...
Great stuff as always. I'm still learning scss but wouldn't it be better to nest all the child elements with hover under the figure:hover. figure:hover { background-color: black; figcaption::before { transform: rotateZ(-45deg) translate3d(0,0,0); } .additional { opacity: 1; transform: scale(1); } img { opacity: .4; transform: translate3d(0,0,0) scale(1); } }
Make sure to Subscribe! My answer for today's question: I have a bookmark folder labeled "inspiration" that contains links to codepen, behance, dribbble, UImovement, and a couple others specifically for the UI stuff. You?
Actually you are my inspiration, you are "keep it simple" kind of guy and present content very effectively and efficiently. Keep it up
Great video !! You rock as usual.
Answer to your question : you are my inspiration as you create videos that teach simple things in unique way. THANK YOU!!! Keep doing such videos. 😀
dont know if anyone gives a shit but if you guys are stoned like me during the covid times you can stream pretty much all of the new movies and series on InstaFlixxer. I've been binge watching with my gf for the last months =)
@Enoch Marco yea, been watching on instaflixxer for since december myself :D
@Enoch Marco Definitely, I've been watching on InstaFlixxer for since november myself =)
It wouldn't be such a good traction of following design and code for me if I didn't find your videos. So inspiring for beginners "Coursetro"
This was just the next tutorial I needed while learning Html and CSS
Thanks man I appreciate
Minor feedback: You could group/nest your :hover selectors as well :)
You could even use the &-reference: figure { &:hover { ....
UpLabs and it's challenges are an awesome UI inspiration!
Nice work! Wonderful explanation and demonstration.
That closer haircut crop looks good.
Great tutorial - learnt a lot! Thanks
Hello, I have a question about this tutorial. When you do hover effects, how is it that when you mouse out of the thumbnail, transition applies and it transitions smoothly back to default state? Because whenever I do something like this, i always apply ":not(:hover) " to a certain class, which has whatever parameter I want element to have in it's default state and then on ":hover" parameter I want an element to transition to. If i don't do ":not(:hover)", on hover the transition is smooth, but when i move mouse away, the default parameter just jumps in without transition. Is it SASS thing or something? Thanks in advance.
Thank you so much for share your css tips and tricks !
Codepen, Dribble , Behance , uplabs
Hi there,
I noticed that you find it a pain that when you copy and paste a section of code, that it doesn't format correctly. A solution to this is to copy the code up to the end of the line above the area being copied. Doing this correctly formats the code. :)
Or selected code and alt+shift + key down
Why are you using translate3d instead of just scale?
What about *mobile* ? How does the hover effect behave in mobile browsers? What about the two buttons?
Hey,bro can u please make me learn about a css property with a example where we can make a book or card like design and when we hover on it it scrolls down then down to top
Is it new feature came with new chrome ?
U provide awesome content mate
@DesignCourse could you link me the video that explains how to make the video background. In your website, you have a video playing with a orange hue overlaying it. I want to learn how to acconplish this. Thanks!
th-cam.com/video/pNLfm5vxFZc/w-d-xo.html
@@mattwindle3998 Thanks alot!!! I was starting everywhere for this (im trash at searching lol)
No worries :)
I use a lot of resources, but if I should remove the res, my MAIN SOURCE for design inspiration and input comes from U and U ONLY!..:-), there is no comparison...
Ha! Thanks.
Great stuff as always.
I'm still learning scss but wouldn't it be better to nest all the child elements with hover under the figure:hover.
figure:hover {
background-color: black;
figcaption::before {
transform: rotateZ(-45deg) translate3d(0,0,0);
}
.additional {
opacity: 1;
transform: scale(1);
}
img {
opacity: .4;
transform: translate3d(0,0,0) scale(1);
}
}
It works the same, just do what you like :)
Hi, can Anyone link the server config he is using to run this applications with watchers?
Dribble for my ui inspiration.
You're a great pal Gary thank you so much for this tutorial really helpful god bless
I use Behance it's pretty good.
Cool tutorial same as ever.
Really cool and useful video but could you please answer my question on the coursetro-slack help me chat?
@gary Nice one.
These thumbnails must have a fixed width. A responsive width (% of fr) would create a problem with the slant in the top left corner.
Dribble is best 😉
Dribbble, Design style guides from Google, AirBnB, Salesforce etc.
Very Helpfull ........... ...
Hey brother its me "men"
👍👏
Codepen, Awwwards, Dribble and Behance.
Dribbble
Английский вообще не знаю, но он объясняет так что мне понятно
why screen too poor
Material.io UI interface
Codepen
uplabs.com
Hope i will get a like from Garry
Got it!