Joined October 2012
·

Gavin McFarland

London, UK
·
·
·

Silly me. Thanks for spotting that. :)

Thanks for commenting. I think I know of the problem you're experiencing. Have you tried it using a horizontal and vertical values for the background-size? I think the trouble you have with using both vertical and horizontal vertices is that you have to constantly change these values and you have to stick to even or odd numbers. I found it easier just to put all my icons into one straight line.

Some good simple tips. Thanks :)

@rockinggabi interesting. Do you have an example of how Webkit fails when it tries to animate?

Good spot. Thanks @naorye

Posted to Stylus is better than LESS and SASS over 1 year ago

I couldn't have said it better myself.

You raise some good concerns. I've tested it in general use across most browsers both old and new and I haven't experienced any abnormal behaviour. However I'd like to see how it fairs with more complicated sites.

There is an interesting article that talks about some quirks that occur older versions of Opera (and IE5 eurgh), like the mouse wheel not working, but I should think these issues aren't applicable to modern practices.

What I'm most concerned about is how this works on mobile devices. Quick tests show that it's a bit buggy. On iOS the scrolling is juddery and the fixed position is intermittent. Remy Sharp talks about some of the issues with position fixed and scrolling in iOS that are worth reading also.

Achievements
513 Karma
64,305 Total ProTip Views