I watch *a lot* of programming videos. This is one of the best I've seen, period. Also, great guitar selection :)
@chhavimanichoubey94373 жыл бұрын
learning something new every day is my daily fix.
@VidTDM_XD3 жыл бұрын
you can also use border-raduis on the ::-webkit-scrollbar-thumb to make itr rounded
@junny_toon3 жыл бұрын
Hello!! I’m Korean coder I love your video ❤️ Thanks!!
@zeyarabani81833 жыл бұрын
Hey Kyle, unrelated to this video but can you do some videos on security in the future, like injection, DDOS even XSS, those sorts of attacks are much easier and common for monolithic websites which you don't make on your channel, but I'm curious how they would work with the more modern structure and even more importantly how we would protect ourselves from those attacks.
@prasannanaik10233 жыл бұрын
Here we go one more great content ❤️
@theoneandonly18333 жыл бұрын
I was just trying to figure out how to do this! Thank you!
@bilalch8983 жыл бұрын
I was searching for it last day. And today you upload the video 🔥
@andreiiaz20973 жыл бұрын
Fantastic video! t Thanks yet again, Kyle! I just have a question: where in the description is the CSS cheatsheet?
@discjockeydado3 жыл бұрын
Are your fans called WebDevSimps?
@netsurfer20068 күн бұрын
ROFL!
@ezequielzion3 жыл бұрын
Nice one Kyle! Thanks for these tutorials
@ThaRealIansanity7 ай бұрын
Thanks for great info. I thought it wasn't working in FF but I had a comma between the 2 colors. Should be no comma.
@arnauddsj-monagencecreative3 жыл бұрын
cool but what about the arrows in the second example?
@puspamadak3 жыл бұрын
If we use vw unit for the scrollbar, won't it become dependent on the browser's width? What if the user resizes the browser?
@sohamjanagave203 жыл бұрын
Plz a blog with mern stack tutorial with image upload and s of twitter and instagram
@blackpurple9163 Жыл бұрын
Watching this after Kevin's video on this topic and I'm glad I've watched both learning something new in each video about fancy scrollbars, anyway can we animate and use images in place of thumb and/or track?
@user-mr8ng9er1k8 ай бұрын
that was so helpful, thanks!!
@willingways55342 жыл бұрын
Amazing tutorial Bro... One humble request is to add Subtitles if you could because English is not our native Language.
@em-arkoАй бұрын
can you tell us how we can change the position of an scrollbar?
@jamesrosemary29323 жыл бұрын
Oh by the way. You can use border-radius in -webkit-scrollbar-thumb too.
@tucer7742 жыл бұрын
thanks bro
@snjvthakur243 жыл бұрын
Thanks sir, waiting for one video from your side scroll to top from bottom of webpage by clicking icon.
@suryak26253 жыл бұрын
Hi bor am from india your doign great videos i like it and am learing more stuff from you, great job keep doing...
@Seerealstudio Жыл бұрын
Does webkit pseudo supports in firefox also Aur not
@aakashsinha96413 жыл бұрын
really appreciate your work
@yahyasalimi32543 жыл бұрын
Thank you very much for this amazing content. How do I make my div element scroll-able vertically? and also apply these styles using webkit?
@puspamadak3 жыл бұрын
Instead of using *html::-webkit-scrollbar* use *div::-webkit-scrollbar*
@johnh96613 жыл бұрын
Dude, Keep going. Your content is helping me so much to broaden my horizons in so many ways. Have you ever thought of giving java backend tutorials too?
@adityapundir65293 жыл бұрын
Amazing Bro!!!
@mokshnigamsatsangi17803 жыл бұрын
I just realized at the end of the video when you were giving the outro that the sound (tune) you use in your video intro is made by you yourself and you used that guitar I can see in the back in the outro clip. Right ? By the way, extremely helpful video !
@blakemann23653 жыл бұрын
Thanks Kyle, can you please do a video on running django and node.js servers simultaneously in an app?
@alphamx132 жыл бұрын
Awesome tutorial, just one question.. how do you apply transition on hover ? thanks!
@irawo8142 Жыл бұрын
The transition should be in the element and not in the hover state. Ex: header { opacity: 0.3; transition: opacity .3s linear; } header:hover { opacity: 1; }
@AA-oi9ru2 жыл бұрын
Next video on custom cursor and pointer
@developer46132 жыл бұрын
Thanks for you video.
@martincruzdev5 ай бұрын
What about the height of the thumb?
@PerceptronGameplay3 жыл бұрын
please a tutorial to implement viewpager in HTML using javascript
@stefanpfadt43533 ай бұрын
Great video! Any chance to make Firefox exactly the same? I could only get Chrome and Edge to work.
@armaanraval5048 Жыл бұрын
Thank you so much :)
@jackcollazo2 жыл бұрын
Great video. Thank you! But firefox needs to really get better cause I can't even apply gradient for color.
@theshredguitarist253 жыл бұрын
That Jackson. Beautiful! What kind is it? What kind of pickups?
@nihiler Жыл бұрын
Thanks a lot.
@shrkawy3 жыл бұрын
you are reading my mind
@iroshanaravishan13882 жыл бұрын
Wow.. its really nice🤩🙌🏁
@jordynfinity3 жыл бұрын
Please post this on SO so I can upvote it. I've been looking for weeks and have gotten a whole lot of nothing
@daudahmed23432 жыл бұрын
Thanks for this helpfull video
@Restackable2 жыл бұрын
Why is bro georgious
@canra245 Жыл бұрын
thank you very much
@tharshant5533 жыл бұрын
Hi Kyle, Your videos are very helpful to do my project as a beginner. Could you please explain about Firebase-version 9 functions for web... ??
@theshredguitarist253 жыл бұрын
Also great video thank you.
@sharansharma193 жыл бұрын
Can't find the cheatsheet
@vauntedfalconer20273 жыл бұрын
omg, this is so easy 😍😍
@argentinaspy_oc2 жыл бұрын
wait, unit VW means scrollbar width will change with window width (4vw = proximately 4%) dat sucks
@fabiogloor2 жыл бұрын
Thx for the tutorial. Really nice. Question: Where do I find the mentioned cheatsheet? Thx in advance...
@WebDevSimplified2 жыл бұрын
Looks like I forgot to include the link in the description. It should be there now. Thanks for letting me know.
@fabiogloor2 жыл бұрын
@@WebDevSimplified Oh, thx man. I looked there but I don't know why I didn't found it yesterday. Now I have it. Thx...
@codelul3 жыл бұрын
Love the video, been looking for this for a while, but I noticed that you have to hover over both to get the darker color, what if u want to just hover over one of them and get the same result? Will it require JavaScript this way?
@TheGaneshshow Жыл бұрын
Thanks a lot:)))
@cycu79683 жыл бұрын
how to set scrollbar for scrolling from bottom to top without external liblary? for example for apps like facebook messenger when I wanna display new messages on the bottom and older will be displayed on top
@user-qb1dn5lh9j2 жыл бұрын
How to add space between scrollbar and right border of window?
@CoolPeopleNetwork2 жыл бұрын
will that scroll bar have that same feature after the update on mobile view as well?
@danielraducu90732 жыл бұрын
i love your channel
@oobleck1472 жыл бұрын
Doesn't work on both Firefox on and Chrome :(
@thatcodplayer51533 жыл бұрын
So how would I make the scrollbar look like the one in the thumbnail
@AnkitKumarMehta953 жыл бұрын
Amazing 👍
@Skaar182 жыл бұрын
I am really hoping you can help me, i have searched far and wide on the internet, but i cant find an answer. Is it a way to make the scrollbar thumb start at the middle of the scrollbar, so u can scroll up and down when you first get to the page? The scrollbar is within a div element. Thanks :)
@mr.wazirgaming26963 жыл бұрын
Is this triac work on that section on which we decler Overflow: scroll;
@TheScriptingLegend3 жыл бұрын
Yooo can you make a video on how to make a whiteboard animation with html, css and possibly js
@maximilianomoyano97483 жыл бұрын
Um, where is that CSS cheatsheet you mentioned?
@nightcode.3 жыл бұрын
search in other videos description
@mdismailhossain57753 жыл бұрын
please make typescript video
@ricko133 жыл бұрын
I've notice that you can't change the width on hover
@bilalullahkhan55173 жыл бұрын
Hello Kyle, may god bless you. What is your computer degree?
@altairbueno56373 жыл бұрын
This guy just transformed a usable webpage into an accessibility mess
@lollp63612 жыл бұрын
Is the newsletter chargeable?
@AlphaFrog10213 жыл бұрын
It would be very cool if you started making youtube shorts
@abhilashkumar63172 жыл бұрын
Hey, if anybody can help me , my scroll bar is stuck and not working . Thanks in advance
@saiprakash11253 жыл бұрын
Hi Kyle great video. I have one doubt. Can u close the browser tab using a click of a button in react . I m really stuck in this for a while. Please can u help me
@pneujai3 жыл бұрын
just use window.close()
@sonlengoc9483 жыл бұрын
But it doesn't work on IE.
@kshitijtiwari34263 жыл бұрын
How did you circularize the edges on the scrollbar (as shown in thumbnail)?
@zishanansari43463 жыл бұрын
You can use border-radius property for that
@mykalimba3 жыл бұрын
Yeah, this. I'm kind of disappointed that he didn't create a scrollbar that looks like the one in the thumbnail.
@kshitijtiwari34263 жыл бұрын
@@zishanansari4346 Thanks
@jabbysammich3 жыл бұрын
Okay but how did you do the thing in the thumbnail?
@Matin1999_unique3 жыл бұрын
perfect
@i5artube3 жыл бұрын
Not really (0:00): custom scrollbars are a pain for the user.
@sharakpl3 жыл бұрын
And here I thought it's Firefox that lacks the ability to customize scrollbars. Turned out once again that Firefox not only has what's required, but also it's implemented in more sane and developer friendly way. Only thing they need to work on is performance of site animations.
@asifhossain20882 жыл бұрын
When u love the CSS😍 More than your Wife. plz never mind. I really love this 😍😍
@sadiqcumar24683 жыл бұрын
Will you make vuejs video ?
@straya_au_2 жыл бұрын
how you remove it on all websites its so annoying
@patrickren73953 жыл бұрын
Scrollbar is literally in every site and yet we still have to deal with browser compatibility issues, writing 2 set of styles, not cool! webkit prefix allows you to do more customization but I just hate vendor prefixs
@user-in7cy8og3g9 ай бұрын
not working
@senaytech48223 жыл бұрын
Do U know! how you change my life.👍😂😂
@bienvenidovillabroza3513 жыл бұрын
Wait… you can do that 0,o ty for the knowledge
@Victor_Marius3 жыл бұрын
What!!! The Firefox way is the standard and all others will follow it in the future?! The way where you are using the pseudo elements (::-webkit-scrollbar, *-thumb, *-track) seems more logical
@sashakoshka3 жыл бұрын
i'd be pissed off if the chrome way became standard. it seems very bad for accessibility.
@Victor_Marius3 жыл бұрын
@@sashakoshka what accessibility? You mean hover and active? I think it already has that. You can't get a scrollbar focused. Also the scrollbar is a totally new element (not a trait of the scrollable element), it is bounded to the scrollable element (like an after pseudo element) and it is very complex. Would be a shame if all you could do is to set the track and thumb colors, and a thinner width. I hope at least they will add more properties in the Firefox standard.
@NuttySwiss3 жыл бұрын
Please don’t do this. I have custom accel/speed settings for my scroll bars in my system settings. These scroll bars never get it right and end up being pretty much unusable for me. 😢
@WebDevSimplified3 жыл бұрын
This shouldn't change any of that since it only modifies the css and not the actual implementation of the scrollbar.
@musicord31323 жыл бұрын
Hey, man is your react course outdated? or is it still relevant? Can you give me some updates?
@WebDevSimplified3 жыл бұрын
It is still 100% up to date
@ankitsrivastava33993 жыл бұрын
These custom scrollbars are good enough for windows, but on Mac they will make mess. We already have elegant scrollbar on mac that hides themselves when inactive. These custom scrollbars will override the functionality.
@sohamjanagave203 жыл бұрын
Plz
@golakjena3 жыл бұрын
very nice 🤝
@amarg263 жыл бұрын
What about browser support?
@pqudah3 жыл бұрын
Did you even watch the video?
@maheshguptha97963 жыл бұрын
@@pqudah hahahhaha true
@pneujai3 жыл бұрын
not for android firebox and ios safari
@akalrove48343 жыл бұрын
But but IE11
@zlackbiro2 жыл бұрын
And, yes. Doesn't work on firefox... :D
@PTM10083 жыл бұрын
@Fireship would have simply done this in 100 seconds
@75Quake11 ай бұрын
stop advertise scam sites, who don't work
@khizrshaikh99023 жыл бұрын
First comment, like and view I want heart
@xenon46023 жыл бұрын
Dont make videos on topics that can be easily searched on google.