-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

You were right, you were always right. It was inevitable.

MacBook Pro Power Lights

I’ve been a “reputable” designer for a while now. I build websites, it’s what I love to do and have a passion for. Not many people understand the technicalities, the challenges and the experience of what design means to a person. Great design can only really work when the regular users “don’t notice it” so to speak, while the creatives notice the 1px shading and drop shadows. I’m not just talking web design though, but ergonomic, interaction and user experience design. It can range from a simple CTA button, to a complex and expressive JavaScript banner. It’s all in the details. KISS. Continue reading You were right, you were always right. It was inevitable.