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!!!!
Very useful video. Please keep making this type of videos showing us advance tips and tricks. Thank you :)
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 :)
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.
These are REALLY great!! I'd love to see an entire video where you explain the counter trick. That was mind-blowing!!
All of these are new to me, so thank you!
I'm glad you found this video useful :)
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.
Didn't know the first two. Thanks.
Happy to help!
Nice useful tricks.thanks for this tutorial.
thank you for sharing these css tricks
Very cool. Yes I am enjoying watching your video at the same time I am learning.
Great to hear!
Really amazing tips, all are helpful. Thanks!
Those are amazing. Thanks for your videos.
Glad you like them!
Didn’t know such properties existed in css… shockingly interesting.
Thank you for great tutorials! Very nice and helpful 👍
Glad it was helpful!
I agree with the last comment. OMGosh, mask was like magic. I enjoyed all your videos. Thanks for teaching us.
-zone34
Hi David, such a nice tutorial. Please keep posting such tricks, really interesting and helpful.
These are awesome and I didnt know them!
Amazing content! Keep making magic!
wow! great I can add this to my mini projects
Awesome tricks, thx for sharing. One more subscriber for your Channel.
Nice, thanks a lot, great tutorial
Glad you liked it :)
at "counter" part I was like "what...?"
so true
omg i searched everywhere for changing the required field but finally found it
thank you, very nice!
Last one was helpful. Thanks!
These are cool thanks
Image mask is mind blowing.
These are really cool! Thank you for showing these.
Great video !!
Thank you
Thanks 👍👍👍👍
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...
Awesome tips! Can you provide any of the source code used? Especially the counters? Thanks.
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!
Sir Kindly upload more tutorials on bootstrap 4 please
Hey. Great content, well done!
Thank you!
This video it's very useful
Thanks for You 🥰
We'll done keep it
Hey man.. Im your big fan.. Your videos are awesome.. 👍🏻👍🏻
Thank you so much 😀
It seems like a magic😱 is it really CSS I can't beleive that😁😁 by the way thanks man
Yes it is! ;)
I did not know about thiese. Thank you
I'm glad you found this video useful :)
Excellent !
Glad you like it!
Thank You Man
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/
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.
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?
thanks
Brilliant
Koxowy filmik przydatny mega dzieki
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...
This is a great video,,,..
Glad you think so!
At 6:54: why isn´t our first defined counter "section" working anymore?
Usefull..
благодарю, впервые увидел такие свойства
thanks a lot :D
Nice
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
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 - th-cam.com/video/3c5uVqkYcKA/w-d-xo.html
Why would someone want to use css counter vs js to handle that?
Before watching this video I think that I am master in atleast CSS but that was a dream😂
nice!
Thanks!
I knew everything except mask 😛
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.
first comment
Now time to subscribe :>
@@Mdbootstrap hahahaha i wouldn't be here if i was subbed, keep up the nice work !
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.
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.
fireee'
sti
Thanks. Really interesting stuff.