Article: "The real retina sprite mixin"

[goschevski]

I've added article in advanced category about creating mixin which handles scaling and calculating new positions for regular and retina sprite.

[jlong]

Thanks for working on this! Good work. Hopefully I'll have a chance to get it edited and posted this weekend.

[goschevski]

I saw later that I didn't created branch. Sorry for that.

[jlong]

@salencebg Which breakpoint library are you using?

[goschevski]

@jlong Oh sorry, I forgot about that. I used my own mixin, but we can replace it in article with regular retina media query.

@media only screen and (-webkit-min-device-pixel-ratio: 2),
    only screen and (min--moz-device-pixel-ratio: 2),
    only screen and (-o-min-device-pixel-ratio: 2/1),
    only screen and (min-device-pixel-ratio: 2),
    only screen and (min-resolution: 192dpi),
    only screen and (min-resolution: 2dppx) {

}

[jlong]

@goschevski Sorry to sit on this for so long. I took another look at this over the weekend. I feel like the article needs a bit more explanation. You need to walk us through it a little more. I created a test project to play around with the ideas here:

https://github.com/thesassway/retina-sprites

Also, we don't have an article about spriting with Compass in general. Maybe it would be a good idea to write about that first and come back to the retina article after that. I'm worried that it won't make a lot of sense to people who aren't that familiar with how spriting works with Sass and Compass. Would you have time to take a look at that?

[goschevski]

@jlong Yeah, I agree with you. I'll write article about spriting in compass, and maybe we can edit together this article about retina sprite to be more understandable. Btw, cool tricks on sass conf. :)