I hope you liked the video. If you are already here in the comment section, I invite you to let me know what other videos would you like to see in the future. Also, share any other feedback that you have on this video! I don't run ads on tutorials - the only value I get is your engagement in the MDB community. So if you would like to show your support: - Encourage more people to Keep Coding ---> Send this video to one person - Stay tuned for new content ---> Subscribe & ring the bell In the description, you will find links to some useful, free resources: 📥 Download Material Design for Bootstrap - FREE open-source UI KIT 🎓 Learn responsive web design with the latest Bootstrap 5 (full 1.5H course) 🎁 Join our mailing list & receive exclusive perks (free stuff that is normally behind a paywall) ⭐Support the creation of open-source packages with a STAR on GitHub 👪 If you have any questions - don't hesitate to ask on our Facebook group Thank you for your support!
Thanx, great tricks! TIME CODES: 0:12 - CSS Blend mode 2:34 - Clipping 5:33 - Animations 8:59 - Google fonts 10:36 - Gradients My advice 4 you - make time codes, please, that allows easily switch between these tricks. Everything else is great!) Keep doing this...)
I been doing web dev for over 10 years, and you're the freaking man. I'm so tired of cookie cutter hello world examples and beginners on TH-cam pretending to explain anything beyond what I get from the docs. Again, you are the man. Thank you for the amazing content.
Background blend blew my mind. Clipping and animation I've seen but am not familiar with personally. Fonts and gradients I use often. Every web developer should know media queries
Im just a 3rd yr college student in the philippines. After studying for almost 3 yrs, finally! I found my place in I.T industry. I find web dev interesting! So i started studying about it recently. Your vid makes me more excited to pursue the course. TYSM! Yey!
I'm learning HTML and CSS and this channel is helping me A LOT, I just want to say, thank you! I'm loving to program on those languages and your videos basically helped me with almost every major question I had bt now and showed me things that otherwise would take me double the amount of time for me to just figure it out by myself.
Thank you for your tricks. Really helpful. One thing though: careful with the fonts. Not everything is actually free. The license agreements should not be ignored. At the moment in Germany there are font providers dying to bring users to court for using fonts ten years ago that didn’t have a license for screen usage back then but now suddenly have.
Dear sir, Your video is awesome and what you say in your title so deserve 100% for this video you provide absolute information in this one video thanku for making this video awesome and knowledgeable sir ...
I've been a web developer for 20 years but moved into programming about 12 years ago and lost track of new css advancements. I knew most of these except for animation. I know about animating svg images but I didn't know you could alter css properties over time. I will think about how to use this in our react project. Thank you.
thank you so much for showing clip path maker! I have been using a svg ellipse and then alot of media queries for it to scale it on every devices. Thank you for this CSS trick 🙌🙌🙌🙌🙌🙌
Great content! I would add pseudo-elements like ::before and after to play with additional effects and also the box-shadow property (with or without insets)
I hope you liked the video. If you are already here in the comment section, I invite you to let me know what other videos would you like to see in the future. Also, share any other feedback that you have on this video!
I don't run ads on tutorials - the only value I get is your engagement in the MDB community.
So if you would like to show your support:
- Encourage more people to Keep Coding ---> Send this video to one person
- Stay tuned for new content ---> Subscribe & ring the bell
In the description, you will find links to some useful, free resources:
📥 Download Material Design for Bootstrap - FREE open-source UI KIT
🎓 Learn responsive web design with the latest Bootstrap 5 (full 1.5H course)
🎁 Join our mailing list & receive exclusive perks (free stuff that is normally behind a paywall)
⭐Support the creation of open-source packages with a STAR on GitHub
👪 If you have any questions - don't hesitate to ask on our Facebook group
Thank you for your support!
Thanx, great tricks!
TIME CODES:
0:12 - CSS Blend mode
2:34 - Clipping
5:33 - Animations
8:59 - Google fonts
10:36 - Gradients
My advice 4 you - make time codes, please, that allows easily switch between these tricks. Everything else is great!) Keep doing this...)
Yes! You’re the MVP
thank you
@@wearestratusmarketing4368 What does it mean?)
@@IhorVyshniakov MVP: most valuable player
@@ark333 Thank you, now it's clear!)
I been doing web dev for over 10 years, and you're the freaking man. I'm so tired of cookie cutter hello world examples and beginners on TH-cam pretending to explain anything beyond what I get from the docs. Again, you are the man. Thank you for the amazing content.
I am new on your channel .. I hope you keep it like that ... calm ... creative and polite
Background blend blew my mind. Clipping and animation I've seen but am not familiar with personally. Fonts and gradients I use often.
Every web developer should know media queries
About a minute or so in, I realized that I’ve already watched this video before. But yeah, I watched it again. Good stuff, my man.
Im just a 3rd yr college student in the philippines. After studying for almost 3 yrs, finally! I found my place in I.T industry. I find web dev interesting! So i started studying about it recently. Your vid makes me more excited to pursue the course. TYSM! Yey!
wow....... good to have u here
that clip path was just breathtaking❤🔥
this guy knows all of the color codes by heart...!
I'm learning HTML and CSS and this channel is helping me A LOT, I just want to say, thank you! I'm loving to program on those languages and your videos basically helped me with almost every major question I had bt now and showed me things that otherwise would take me double the amount of time for me to just figure it out by myself.
Excellent tricks shown! Thanks MDB for sharing. 👍😃
I knew 4 of them but didn't ever thought of using them like that (the clip path one blew me off ) ! Amazing content
I learnt bootstrap very help full thing from you and MDB, created a web site for our Church.. so happy..TQ
Thanks, that means a lot :)
Thank you !!! Clip path nd blend mode are awsome
Really awesome tips. I love the shape/colored backgrounds. Simple but adds a little punch to the websites.
Blend-mode. I learn something new today. Thanks!
CSS Blend mode is awesome!
It really helps, thanks for sharing!!
Blend mode and clip was new to me, thanks bro!
thanku men cliping and background-blend-mode is new to me
please do more CSS tricks o-o... this is awesome. I love seeing this stuff.
Thank you, as a beginner I found these very useful.
BTW I Immediately recognized your Polish accent :D
Glad I could help :)
These tips were definitely features that I did not know about. Thank you.
The blend mode and clipping ive never knew. Excellent video sir. 😀
This video is very neat and bold to learn
It's really amazing....
We need more like this.....
Im in love with this blend-mode man
Thank you for your tricks. Really helpful.
One thing though: careful with the fonts. Not everything is actually free. The license agreements should not be ignored. At the moment in Germany there are font providers dying to bring users to court for using fonts ten years ago that didn’t have a license for screen usage back then but now suddenly have.
Thanks for the heads-up Thomas. Much appreciated!
Dear sir, Your video is awesome and what you say in your title so deserve 100% for this video you provide absolute information in this one video thanku for making this video awesome and knowledgeable sir ...
Very useful functions which I couldn't before I found this tutorial. Thanks.
Wow background-blend-mode is amazing
I like that...Can you make some more vid's please...You are AMAZING.
CSS= Counter strike source
Cascading style sheet
Very helpful. Thank you very much!!!
What good tricks friend, thank you very much and greetings from Chile.
Thank you very much for the tips n trick, it's very useful for me who new on this
wonderful tutorial, CSS needs people like you. :)
Awesome video dude......its great work
learned a lot.
I saw your video first time, and I love you sir ❤️
Didn't know the two first ones. Thanks.
I've been a web developer for 20 years but moved into programming about 12 years ago and lost track of new css advancements. I knew most of these except for animation. I know about animating svg images but I didn't know you could alter css properties over time. I will think about how to use this in our react project. Thank you.
Thanks a lot man, you answer my question for blend, clipping, and animations
Thanks, that means a lot ;)
Great video. I have not kept up with CSS, but this really helps add a lot more to websites.
I just discovered this page , i love it .
Thank you. That was very helpful.
thank you so much for showing clip path maker! I have been using a svg ellipse and then alot of media queries for it to scale it on every devices.
Thank you for this CSS trick 🙌🙌🙌🙌🙌🙌
wonderful tricks sir. Thanks for sharing.
thank you very much.. blend mode was the best
Clip path, blend mode, background gradient thanks👏👏👏
Dude wow you are awesome! Thank you for this video 🙏🏽
You make it so much easier to understand css. Amazing video! Thank you!
Glad you think so!
Blend mode was my favorite, the other I already knew, you could have added 3D transformation
Very good.
Liked and subscribed.
Thanks.
This is amazing stuff for a beginner. Thanks
The first three were very informative. I will use it for my site. Mucha gracias.
Thank you for these tricks! So well explained :D
Great content! I would add pseudo-elements like ::before and after to play with additional effects and also the box-shadow property (with or without insets)
Cool idea!
Thank you so much for sharing this is awesome.
I'm literally learning as a beginner and it amazes me to see all these cool websites that people are able to create. Awesome video! Thank you!
Glad it was helpful!
Very useful tricks! Thank you!
this video deserves way more views, thanks for the tips!
I appreciate that!
great job
clip and background blend are new to me
For quick comprehensives I use uigradients. They just throw simple gradients at you to copy and paste on your prototype. Or finished design.
Thank you brother! Keep up the amazing work :)
This is very helpful and informative tricks for every web developer.
One of the best tutorial vids out there
The first is amazing and the best part of video.
Liked for blend mode and clip path ✅
I just started learning CSS, and this looks really helpful! Thanks!
Great to hear!
You have done a great job
Thanks that’s terrific. Subscribed and liked
Wowww ♥ ♥ ♥ ♥ Boss. plz.make more like this
Yes, a very nice gradient tool indeed. thank you.
Glad you like it!
3:00 let me help you instead of then come back add an id just write div#bg or just #bg and hit enter. And thanks for the video really useful
Blend mode is cool stuff wow!
Thank you so much man!!
Very very nice tricks and explanation, good stuff!
Glad you liked it!
This was very helpful and detailed, thank you.
"We don't need this body anymore"
...
Initiates astral projection.
Lmaooo😂
hahahahaaha
genius
Thank you for this lol I've been cackling for five minutes
I love the first and second tricks.
I wish you can do a video on how to use human animations or SVG on a website
simple and useful ! Nice job!
Good job. Thanks!
Cool tips. I think that unless the same image is used in different ways it makes more sense to apply the blend mode directly in photoshop.
Please keep in mind that not everyone has photoshop license
i´m full focused on backend but css is awesome!
not the most exciting video to watch but I have learned 5 things I didn't know how to do or that CSS could do before it so thumbs up for that.
I was knowing the animation and the rest is learnt from you. Thank you
wow this was very usefull!!! Thank you bro
Awesome video thank you !!
Amazing. Really interesting. Thanks.
Really awesome tutorial! Thanks for this.
Glad you enjoyed it!
Thanks clip and background-blend-mode is new to me...
Great tutorial! Thanks for sharing!
Thanks for watching :)
Wow, tricks are awesome and easy to understand, thanks
Most welcome 😊
Thx you so much! Googlefonts trick was very helpful.
Glad it helped!
I knew animation, gradients and google fonts. I would put Flex box, Grid and Calc() there because they are so useful when designing layouts.
Great man❤️, just the thing i wanted 🔥, already subscribed to your channel
Thank you very much! Learned a lot!
These are ACTUALLY great, i'll start implementing them right away, tysm
Awesome - didn’t know any of this
1,2 is very helpful
Thanks for this. Youre the best!!!