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 UA-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.
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)
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.
So cool - and simple if you know it. Thanks for this great insight, I copied the fonts topic already, in animations I want to move graphics around in the top element.
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 am new on your channel .. I hope you keep it like that ... calm ... creative and polite
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 UA-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
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.
Thank you, as a beginner I found these very useful.
BTW I Immediately recognized your Polish accent :D
Glad I could help :)
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
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.
I knew 4 of them but didn't ever thought of using them like that (the clip path one blew me off ) ! Amazing content
Thank you !!! Clip path nd blend mode are awsome
this guy knows all of the color codes by heart...!
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 :)
Really awesome tips. I love the shape/colored backgrounds. Simple but adds a little punch to the websites.
that clip path was just breathtaking❤🔥
Blend-mode. I learn something new today. Thanks!
Excellent tricks shown! Thanks MDB for sharing. 👍😃
thanku men cliping and background-blend-mode is new to me
Very good.
Liked and subscribed.
Thanks.
CSS Blend mode is awesome!
It really helps, thanks for sharing!!
Thank you very much for the tips n trick, it's very useful for me who new on this
I like that...Can you make some more vid's please...You are AMAZING.
Awesome video dude......its great work
learned a lot.
Very helpful. Thank you very much!!!
This video is very neat and bold to learn
please do more CSS tricks o-o... this is awesome. I love seeing this stuff.
thank you very much.. blend mode was the best
These tips were definitely features that I did not know about. Thank you.
CSS= Counter strike source
Cascading style sheet
"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
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.
Thanks a lot man, you answer my question for blend, clipping, and animations
Thanks, that means a lot ;)
Thank you. That was very helpful.
Blend mode and clip was new to me, thanks bro!
Im in love with this blend-mode man
What good tricks friend, thank you very much and greetings from Chile.
It's really amazing....
We need more like this.....
Wow background-blend-mode is amazing
Very useful tricks! Thank you!
I saw your video first time, and I love you sir ❤️
Didn't know the two first ones. Thanks.
please I need angular videos for front end then angular using CSS, and JavaScript
Here are some Angular related videos I hope you find them helpful :)
ua-cam.com/video/Wjv6qUMUOxw/v-deo.html
ua-cam.com/video/DjPPTlj-43A/v-deo.html
The first three were very informative. I will use it for my site. Mucha gracias.
It is really awesome which application or app you use to code sir plz
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!
I just discovered this page , i love it .
wow this was very usefull!!! Thank you bro
Thanks that’s terrific. Subscribed and liked
This is amazing stuff for a beginner. Thanks
wonderful tutorial, CSS needs people like you. :)
Thanks clip and background-blend-mode is new to me...
Great video. I have not kept up with CSS, but this really helps add a lot more to websites.
Dude wow you are awesome! Thank you for this video 🙏🏽
Thank you for these tricks! So well explained :D
Very very nice tricks and explanation, good stuff!
Glad you liked it!
Clip path, blend mode, background gradient 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.
Thank you so much man!!
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 🙌🙌🙌🙌🙌🙌
You have done a great job
Yes, a very nice gradient tool indeed. thank you.
Glad you like it!
Thank you for amazing tutorial!
The blend mode and clipping ive never knew. Excellent video sir. 😀
For quick comprehensives I use uigradients. They just throw simple gradients at you to copy and paste on your prototype. Or finished design.
This is very helpful and informative tricks for every web developer.
Thx you so much! Googlefonts trick was very helpful.
Glad it helped!
Thank you so much for sharing this is awesome.
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 brother! Keep up the amazing work :)
Amazing. Really interesting. Thanks.
Good job. Thanks!
Awesome video thank you !!
Really awesome tutorial! Thanks for this.
Glad you enjoyed it!
You make it so much easier to understand css. Amazing video! Thank you!
Glad you think so!
wonderful tricks sir. Thanks for sharing.
Great tutorial! Thanks for sharing!
Thanks for watching :)
Hi! Awesome video! What keyboard are you using? I like how it sounds
Hi, this one and it's amazing
great job
clip and background blend are new to me
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.
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 just started learning CSS, and this looks really helpful! Thanks!
Great to hear!
this video deserves way more views, thanks for the tips!
I appreciate that!
One of the best tutorial vids out there
The first is amazing and the best part of video.
Nice information 👍👍👍👍
Cool. I didn´t know about these CSS possibilities.
Great man❤️, just the thing i wanted 🔥, already subscribed to your channel
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!
This was very helpful and detailed, thank you.
These tricks will make you look like a pro-Webdev eventhough you are a complete beginner
Wowww ♥ ♥ ♥ ♥ Boss. plz.make more like this
What is best practice to add effects to a website : using CSs or using Js?? What is lighter 🤨 and THANK YOU 🙏🙏
Really Nice Tips,
Thanks.
So cool - and simple if you know it. Thanks for this great insight, I copied the fonts topic already, in animations I want to move graphics around in the top element.
Awesome - didn’t know any of this
Liked for blend mode and clip path ✅
Very usefull, thanks bro
Ooh trying To make a portfolio, ya just made it harder!!! Amazing video and trickery
Wow, tricks are awesome and easy to understand, thanks
Most welcome 😊