Comments on: Styling Scrollbars http://webkit.org/blog/363/styling-scrollbars/ All about WebKit development Sat, 21 Nov 2009 23:00:28 -0800 http://wordpress.org/?v=2.8.5 hourly 1 By: Tab Atkins Jr http://webkit.org/blog/363/styling-scrollbars/comment-page-1/#comment-25194 Tab Atkins Jr Mon, 27 Jul 2009 20:16:42 +0000 http://webkit.org/blog/?p=363#comment-25194 <blockquote>… people keep nagging about making fonts resizable (em or %) for the benefit of the elderly… well my grandma has trouble accurately clicking the scrollbars… I wanna make the scrollbars FAT and CHUNKY… DO IT FOR MY GRANDMAAAAA!!!! (and the 4-year-olds!)</blockquote> Under Windows you can change the thickness of scrollbars system-wide by going to Display Properties -> Appearance -> Advanced -> Scrollbar. Change the size to whatever you want. I imagine you can do something similar under Mac. That's the correct way to adjust these things. If the user has a problem with scrollbars, they'll have problems *everywhere*, and the OS should correct it. "Fixing" is on a single site doesn't really help anyone, and is actively bad for people with normal eyesight and motor skills.

… people keep nagging about making fonts resizable (em or %) for the benefit of the elderly… well my grandma has trouble accurately clicking the scrollbars… I wanna make the scrollbars FAT and CHUNKY… DO IT FOR MY GRANDMAAAAA!!!! (and the 4-year-olds!)

Under Windows you can change the thickness of scrollbars system-wide by going to Display Properties -> Appearance -> Advanced -> Scrollbar. Change the size to whatever you want. I imagine you can do something similar under Mac.

That’s the correct way to adjust these things. If the user has a problem with scrollbars, they’ll have problems *everywhere*, and the OS should correct it. “Fixing” is on a single site doesn’t really help anyone, and is actively bad for people with normal eyesight and motor skills.

]]> By: Abhi Beckert http://webkit.org/blog/363/styling-scrollbars/comment-page-1/#comment-25171 Abhi Beckert Tue, 14 Jul 2009 22:53:30 +0000 http://webkit.org/blog/?p=363#comment-25171 oscargodson Says: "Don’t get me wrong, this is very “cool”, but should never be used in an sensible design ever." That depends entirely on the website! For example if you have a black website, say a photo gallery, and want scroll bars embedded in the middle of the page (not part of the window chrome), then you should have dark coloured scroll bars. White and candy blue will clash horribly and distract from the content on the page. For example, MobileMe uses black scroll bars in it's photo gallery. They're using javascript, and so don't function as other scroll bars do. This commit can be used to fix that problem. oscargodson Says: “Don’t get me wrong, this is very “cool”, but should never be used in an sensible design ever.”

That depends entirely on the website! For example if you have a black website, say a photo gallery, and want scroll bars embedded in the middle of the page (not part of the window chrome), then you should have dark coloured scroll bars. White and candy blue will clash horribly and distract from the content on the page.

For example, MobileMe uses black scroll bars in it’s photo gallery. They’re using javascript, and so don’t function as other scroll bars do. This commit can be used to fix that problem.

]]> By: my blog http://webkit.org/blog/363/styling-scrollbars/comment-page-1/#comment-25168 my blog Thu, 02 Jul 2009 12:46:19 +0000 http://webkit.org/blog/?p=363#comment-25168 <strong>check this out...</strong> this is mine... check this out…

this is mine…

]]> By: thinsoldier http://webkit.org/blog/363/styling-scrollbars/comment-page-1/#comment-25167 thinsoldier Thu, 25 Jun 2009 21:36:15 +0000 http://webkit.org/blog/?p=363#comment-25167 ... people keep nagging about making fonts resizable (em or %) for the benefit of the elderly... well my grandma has trouble accurately clicking the scrollbars... I wanna make the scrollbars FAT and CHUNKY... DO IT FOR MY GRANDMAAAAA!!!! (and the 4-year-olds!) … people keep nagging about making fonts resizable (em or %) for the benefit of the elderly… well my grandma has trouble accurately clicking the scrollbars… I wanna make the scrollbars FAT and CHUNKY… DO IT FOR MY GRANDMAAAAA!!!! (and the 4-year-olds!)

]]> By: Ölbaum http://webkit.org/blog/363/styling-scrollbars/comment-page-1/#comment-25166 Ölbaum Thu, 25 Jun 2009 07:09:45 +0000 http://webkit.org/blog/?p=363#comment-25166 That's all very nice and flashy. Next, can we have Safari send a proper Accept-Language header? That would be lovely. For the record, my languages in the International preference pane are set to English, French, German, yet only en-us is sent in the Accept-Language header. It means that on most web sites designed for Switzerland that are available in German, French and Italian, the server, seeing it (seemingly) can't provide any of my preferred language(s), default to German. With a proper header (e.g. en,fr;q=0.7,de;q=0.3), it would serve me French content. I'm pretty sure it's not the right place to report this, but hey, I also sent it using the ad hoc Safari menu command, several times is the past few years. That’s all very nice and flashy. Next, can we have Safari send a proper Accept-Language header? That would be lovely.

For the record, my languages in the International preference pane are set to English, French, German, yet only en-us is sent in the Accept-Language header. It means that on most web sites designed for Switzerland that are available in German, French and Italian, the server, seeing it (seemingly) can’t provide any of my preferred language(s), default to German. With a proper header (e.g. en,fr;q=0.7,de;q=0.3), it would serve me French content.

I’m pretty sure it’s not the right place to report this, but hey, I also sent it using the ad hoc Safari menu command, several times is the past few years.

]]> By: Vasil Dinkov http://webkit.org/blog/363/styling-scrollbars/comment-page-1/#comment-25142 Vasil Dinkov Fri, 03 Apr 2009 07:29:57 +0000 http://webkit.org/blog/?p=363#comment-25142 I also find this "cool" but I do believe it's not a good idea to go on with it as it can potentially cause usability issues to many users if some authors don't make good use of the feature. BTW, the current implementation has not taken care of the case when images are disabled. I also find this “cool” but I do believe it’s not a good idea to go on with it as it can potentially cause usability issues to many users if some authors don’t make good use of the feature. BTW, the current implementation has not taken care of the case when images are disabled.

]]> By: starfruitman http://webkit.org/blog/363/styling-scrollbars/comment-page-1/#comment-25141 starfruitman Mon, 30 Mar 2009 16:12:56 +0000 http://webkit.org/blog/?p=363#comment-25141 Yeah I am also on the fence whether you should add "styles" to browser chrome elements. It really goes against usability guidelines everywhere regarding giving visitors a consistent experience on the web. If every web site did it, egadds I dare to ponder that ! Yeah I am also on the fence whether you should add “styles” to browser chrome elements. It really goes against usability guidelines everywhere regarding giving visitors a consistent experience on the web. If every web site did it, egadds I dare to ponder that !

]]> By: zzzombie http://webkit.org/blog/363/styling-scrollbars/comment-page-1/#comment-25140 zzzombie Sat, 28 Mar 2009 03:18:51 +0000 http://webkit.org/blog/?p=363#comment-25140 Too bad it can't style windows scrollbars. I'm coding something that uses 2 vertical frames, and the scrollbar at the middle of the window is way too flashy, I was hoping these new CSS properties would help... well it doesn't :-/ Anyway, i like this new feature. Too bad it can’t style windows scrollbars.
I’m coding something that uses 2 vertical frames, and the scrollbar at the middle of the window is way too flashy, I was hoping these new CSS properties would help… well it doesn’t :-/
Anyway, i like this new feature.

]]> By: Thomas Winwood http://webkit.org/blog/363/styling-scrollbars/comment-page-1/#comment-25138 Thomas Winwood Thu, 26 Mar 2009 17:44:30 +0000 http://webkit.org/blog/?p=363#comment-25138 Why are you trying to standardise a set of pseudoelements and pseudoselectors to style bits of UI chrome when there isn't even a standard for rendering UI chrome inside browsers to begin with? The HTML 4 standard explicitly leaves it up to the UA how to style form elements; the application of CSS attributes to these elements is left undefined. Until there's a definite standard used by the majority of browsers for rendering form elements, I'm not sure it's wise to incorporate CSS styles for these form elements. Styling these with the UA-proprietary prefix is just admitting that there's no real merit to this addition. Why are you trying to standardise a set of pseudoelements and pseudoselectors to style bits of UI chrome when there isn’t even a standard for rendering UI chrome inside browsers to begin with?

The HTML 4 standard explicitly leaves it up to the UA how to style form elements; the application of CSS attributes to these elements is left undefined. Until there’s a definite standard used by the majority of browsers for rendering form elements, I’m not sure it’s wise to incorporate CSS styles for these form elements. Styling these with the UA-proprietary prefix is just admitting that there’s no real merit to this addition.

]]> By: Ahruman http://webkit.org/blog/363/styling-scrollbars/comment-page-1/#comment-25135 Ahruman Thu, 26 Mar 2009 01:46:21 +0000 http://webkit.org/blog/?p=363#comment-25135 What oscargodson said, with bells on. In addition to that, the most noticeable things about the example are that a) you have to wait for your scroll bar elements to load before you can interact with the page properly (providing nostalgic flashbacks to the web of a decade ago), and b) the vertical scroll bars consistently fail to display properly (in Safari 4/5528.16 and WebKit r41944 under OS X). What oscargodson said, with bells on.

In addition to that, the most noticeable things about the example are that a) you have to wait for your scroll bar elements to load before you can interact with the page properly (providing nostalgic flashbacks to the web of a decade ago), and b) the vertical scroll bars consistently fail to display properly (in Safari 4/5528.16 and WebKit r41944 under OS X).

]]>