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!
Just a small audio tip: if you apply a noise gate in your audio processor, and adjust the threshold settings correctly, you can remove the background noise/breathing into your mic.
I don’t know bootstrap, but if you keep posting useful videos related to CSS then I’ll have no choice but to sub. JS has an exhaustive amount of tutorials, but imo, css is arguably the most important part of web bc if people don’t like the way it looks/have a bad experience then they won’t use it... regardless of how beautiful your JavaScript looks
I know Im asking the wrong place but does anybody know of a trick to log back into an Instagram account..? I was stupid forgot my password. I love any tricks you can give me.
Thanks a lot for these wonderful CSS tricks. I really liked the mask-image, story book and counters. I didn't know that CSS counters can be so insane. Till now, I used to do these using JS, but from now on I can do them with plain CSS!!
At 5:20 you increment the counter right AFTER setting the content. So why doesn´t start the counter at 0? Is it because they start at 1 by default or because the order of the statements don´t matter?
Only the last option I was not known is because I have never got any requirements to update the selection color in any project... Very informative video, I am sureany of us would not be known about this options... Like different options with border-radius property as well...
Alguien me ayuda? En el 1ro si pongo webkit no me aparece ninguna imagen visible pero si arrastro me sale como que hay una imagen y si le Quito el webkit me sale la imagen jpg sin la máscara ni el png
Let me move this conversation to the forum, please create a ticket here: mdbootstrap.com/support/ It's much easier to solve issues there instead of the YT comment section. You can specify your device, browser, OS and above all, you can add a code snippet if you need. Me or one of my colleagues will do our best to help you out. PS. If your ticket refers to a video, please add the timestamp of the point where the problem occurred
Most of the newest browser don't use it anymore however keep in mind that while building the app you have to offer a support also for an old browsers too.
What's there to explain? If you don't know what a mask or a counter is, it's not up to the presenter to fill you with absolute knowledge of each subject. You have the power to look more into what these things are. MDB shows you clearly what each CSS property does. They're described almost in plain English.
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!
OMG! The mask was like magic, and I will subscribe to your channel for more tips, tricks, and advanced CSS and HTML thank you so much!!!!
Just a small audio tip: if you apply a noise gate in your audio processor, and adjust the threshold settings correctly, you can remove the background noise/breathing into your mic.
Thank you, will apply that :)
I don’t know bootstrap, but if you keep posting useful videos related to CSS then I’ll have no choice but to sub. JS has an exhaustive amount of tutorials, but imo, css is arguably the most important part of web bc if people don’t like the way it looks/have a bad experience then they won’t use it... regardless of how beautiful your JavaScript looks
I know Im asking the wrong place but does anybody know of a trick to log back into an Instagram account..?
I was stupid forgot my password. I love any tricks you can give me.
These are REALLY great!! I'd love to see an entire video where you explain the counter trick. That was mind-blowing!!
selection text color changing is awesome
long days in this doubt but now cleared thanks..
This is the first time I am getting to know these features. Really Great. Great learning. You are awesome.
Very useful video. Please keep making this type of videos showing us advance tips and tricks. Thank you :)
All of these are new to me, so thank you!
I'm glad you found this video useful :)
I agree with the last comment. OMGosh, mask was like magic. I enjoyed all your videos. Thanks for teaching us.
-zone34
Didn't know the first two. Thanks.
Happy to help!
Nice useful tricks.thanks for this tutorial.
thank you for sharing these css tricks
Those are amazing. Thanks for your videos.
Glad you like them!
Thanks. Really interesting stuff.
Really amazing tips, all are helpful. Thanks!
Didn’t know such properties existed in css… shockingly interesting.
Awesome tricks, thx for sharing. One more subscriber for your Channel.
Very cool. Yes I am enjoying watching your video at the same time I am learning.
Great to hear!
Hi David, such a nice tutorial. Please keep posting such tricks, really interesting and helpful.
thank you, before you told me I did not know. css styling with +
There are many operators used in css like >, +, ~, *, space etc... These are very useful operators and as a development we should know these...
Thank you for great tutorials! Very nice and helpful 👍
Glad it was helpful!
wow! great I can add this to my mini projects
These are awesome and I didnt know them!
Amazing content! Keep making magic!
Great video !!
Thanks 👍👍👍👍
thank you, very nice!
Thanks a lot for these wonderful CSS tricks. I really liked the mask-image, story book and counters. I didn't know that CSS counters can be so insane. Till now, I used to do these using JS, but from now on I can do them with plain CSS!!
Glad it was helpful!
Image mask is mind blowing.
Sir Kindly upload more tutorials on bootstrap 4 please
At 5:20 you increment the counter right AFTER setting the content. So why doesn´t start the counter at 0? Is it because they start at 1 by default or because the order of the statements don´t matter?
It seems like a magic😱 is it really CSS I can't beleive that😁😁 by the way thanks man
Yes it is! ;)
Nice
Excellent !
Glad you like it!
Last one was helpful. Thanks!
Awesome tips! Can you provide any of the source code used? Especially the counters? Thanks.
Thank you
These are cool thanks
We'll done keep it
Hey. Great content, well done!
These are really cool! Thank you for showing these.
This is a great video,,,..
Glad you think so!
At 6:54: why isn´t our first defined counter "section" working anymore?
Thank you!
omg i searched everywhere for changing the required field but finally found it
Usefull..
at "counter" part I was like "what...?"
so true
Hey man.. Im your big fan.. Your videos are awesome.. 👍🏻👍🏻
Thank you so much 😀
thanks
This video it's very useful
Thanks for You 🥰
Brilliant
I did not know about thiese. Thank you
I'm glad you found this video useful :)
Koxowy filmik przydatny mega dzieki
Thanks for showing the advanced css tricks.. all these features are they compatible with all the modern browsers??
Depending on when someone will read this comment it may change so the easiest way is to always verify, i.e. here: caniuse.com/
Only the last option I was not known is because I have never got any requirements to update the selection color in any project... Very informative video, I am sureany of us would not be known about this options... Like different options with border-radius property as well...
благодарю, впервые увидел такие свойства
Great job.
Does masking feature supported by browsers?
After testing, I can say that the latest Firefox supports it and for Chrome you need to use -webkit prefix.
Thank You Man
thanks a lot :D
Amazing
Thanks :)
Hey can you please telle some resources to learn CSS advance course. Please?
Sure, I have a whole playlist of videos that teach css - ua-cam.com/video/3c5uVqkYcKA/v-deo.html
Alguien me ayuda? En el 1ro si pongo webkit no me aparece ninguna imagen visible pero si arrastro me sale como que hay una imagen y si le Quito el webkit me sale la imagen jpg sin la máscara ni el png
Let me move this conversation to the forum, please create a ticket here:
mdbootstrap.com/support/
It's much easier to solve issues there instead of the YT comment section.
You can specify your device, browser, OS and above all, you can add a code snippet if you need.
Me or one of my colleagues will do our best to help you out.
PS. If your ticket refers to a video, please add the timestamp of the point where the problem occurred
nice!
Thanks!
Why would someone want to use css counter vs js to handle that?
Isn't webkit deprecated ?
Most of the newest browser don't use it anymore however keep in mind that while building the app you have to offer a support also for an old browsers too.
Before watching this video I think that I am master in atleast CSS but that was a dream😂
I knew everything except mask 😛
first comment
Now time to subscribe :>
@@Mdbootstrap hahahaha i wouldn't be here if i was subbed, keep up the nice work !
Doesnt work with Chrome...mask-image doesnt exist
You can add below code like this
-webkit-mask-image so it does support in chrome for sure.
Please explain the concepts ...showing tricks without explaining isnt useful.
What's there to explain? If you don't know what a mask or a counter is, it's not up to the presenter to fill you with absolute knowledge of each subject. You have the power to look more into what these things are. MDB shows you clearly what each CSS property does. They're described almost in plain English.
fireee'
sti
Nice, thanks a lot, great tutorial
Glad you liked it :)