-webkit-scrollbar on OS X

In a recent project I noticed something peculiar happening to scrollbars in webkit browsers on the Mac and decided to investigate. Here is a problem and the solution.

Compare scrollbars

I was having an issue where a <div> had it’s overflow set to scroll. It was a twitter feed that we wanted to cut short visually but when we implemented it, we noticed on my machine the scrollbar wasn’t visible while on my colleagues, it was. Same machine, same software, same settings. Note the image on the right, you’d have no idea content had been hidden. OS X briefly flashes a scrollbar on the page but you’re unlikely to see it.
Continue reading -webkit-scrollbar on OS X

Microsoft’s horrible user journey

Disclaimer: I understand it’s being replaced with Skype, and praise the lord!

A lot of people wonder why I use Mac software/hardware so religiously, and it has nothing to do with following the herd and has everything to do with usability and design. While OSX might not be the pinnacle of usability (finder is horrendous), in my opinion I couldn’t manage with their Microsofts legacy method of design. It’s been something which has annoyed me for years.

I’m going to avoid explaining why I was downloading MSN messenger but the fact of the matter is I needed to for my Mac, don’t ask. Continue reading Microsoft’s horrible user journey