It's Sean!

UK freelance journalist, author
and writer Sean McManus

Printed from © Sean McManus.
Home > Articles > Webmaster resources > Colour scrollbars

IE Colour scrollbar maker

As well as introducing favourites icons, Internet Explorer (IE) has introduced coloured scrollbars. This is a stylesheets feature that isn't supported by other browsers and is non-standards compliant. So by all means use it to customise the user experience for those using IE (probably most of your visitors), but make sure the site works fine without it.

This is a feature to be used with care - I've often visited sites with coloured scrollbars and found the usability is poor. Sometimes designers make it too hard to see the scrollbar against the track it slides in. Other times, the colours are too pale to be easily visible or the slider is hollow and so the only clue you have to its position is the thin line marking its edges. It's no accident that Microsoft has chosen highly contrasting and solid, fairly dark colours for its default scrollbars in Windows. If you're going to create coloured scrollbars, make sure they don't hurt your site's usability.

This free colour scrollbar generator (below), will provide the stylesheet code you need to add to your webpages. You can paste the code you're given between the <HEAD> and </HEAD> tags in your webpage. More advanced users will want to add the style definitions to a separate stylesheet.

Related links

Books by Sean McManus

Scratch Programming in Easy Steps

Scratch Programming in Easy Steps

Raspberry Pi For Dummies

Raspberry Pi For Dummies

Learn to program with the Scratch programming language, widely used in schools and colleges.

Set up your Pi, master Linux, learn Scratch and Python, and create your own electronics projects.

Coder Academy

Coder Academy

Cool Scratch Projects in Easy Steps

Cool Scratch Projects in Easy Steps

Learn to make games and other programs in Scratch 2.0, and make a web page in HTML, with this highly interactive book for 7-10 year olds.

Discover how to make 3D games, create mazes, build a drum machine, make a game with cartoon animals and more!

More books

Recommended articles

Stylised coloured photo of a synth

Discover my music and home recording articles

Interested in starting home recording? Follow me as I start recording, using instruments such as the Novation MiniNova and Korg Kaossilator, and share my synth and sample-based music online.

Scratch cat and rainbow circle

10-block demos for Scratch programming

Lots of people of all ages are learning to program with Scratch. Discover some useful tricks and techniques in my 10-block Scratch demos, including special effects you can drop into your games.

Paper Raspberry Pi case

Download free book chapters and more!

Download a free case for your Raspberry Pi, and free chapters from my books about the Raspberry Pi, Scratch, web design and more!

©Sean McManus.