Spritemapper
http://yostudios.github.com/Spritemapper
Spritemapper is an application that merges multiple images into one and generates CSS positioning for the corresponding slices. Run spritemapper /path/to/myfile.css and it does its magic.
Un script python à utiliser en ligne de commande pour générer automatiquement un sprite css + images à partir d’une simple css.
When to base64 encode images (and when not to) | David B. Calhoun – Developer Blog
http://davidbcalhoun.com/2011/when-to-base64-encode-images-and-when-not-to
for image content, where there is nothing to be saved but #HTTP #requests, you should definitely think twice about #base64 encoding to save requests. Yes, you will save a few HTTP requests, you won’t really be saving bytes, and the user might actually think the experience is #slower because they can’t see the image content as it’s being downloaded. Even if you shave off a few milliseconds of wait time, the #perceived #performance is what matters most.
#Sprite Cow - Generate #CSS for sprite sheets
http://www.spritecow.com
Sprite Cow helps you get the #background-position, #width and #height of #sprites within a spritesheet as a nice bit of copyable css.
Pseudo Spriting | CSS-Tricks
http://css-tricks.com/13224-pseudo-spriting
#after #before #pseudo_elements #CSS #sprites
Pseudo Spriting | CSS-Tricks
http://css-tricks.com/13224-pseudo-spriting/#comment-98926
I’m not advocating against #sprites. I’m just saying don’t go crazy with #diagonal ones ;)
A Quick Examination of the Memory and Perfomance Ramifications of CSS Sprite Dimensions » HTML CSS JavaScript » Blog Archive
http://htmlcssjavascript.com/performance/a-quick-examination-of-the-memory-and-perfomance-ramifications-of
#image #sprite #mémoire #dev #web #performance #clevermarks
The Mystery Of CSS Sprites: Techniques, Tools And Tutorials | CSS | Smashing Magazine
http://www.smashingmagazine.com/2009/04/27/the-mystery-of-css-sprites-techniques-tools-and-tutorials
Google Code Blog: How we improved performance on Google Code
http://google-code-updates.blogspot.com/2008/03/how-we-improved-performance-on-google.html
If you’re a frequent visitor to code.google.com for product updates and reference materials for Google APIs you’re working with, you might have noticed that the page loading time (or page rendering time depending on how you see it) has reduced in varying
#google #performance #webdev #css #javascript #http #sprite #groupe:clever-age #clevermarks #ajax #browser #cache #optimisation #patterns
Ajaxian » CSS Sprite Generator Released
http://ajaxian.com/archives/css-sprite-generator-released
CSS Sprite is a single image file which contains several graphics. Using CSS background positions it’s possible to display any one of the graphics. By using a sprite you save on multiple http requests which helps speed up the rendering of your page.
#css #sprite #outil #générateur #groupe:clever-age #web #dev #image #performance #http #optimisation