<?xml 
version="1.0" encoding="utf-8"?>
<feed xmlns="http://www.w3.org/2005/Atom" xmlns:thr='http://purl.org/syndication/thread/1.0' >
	<title>#sprites - Seenthis</title>

	<link href="http://seenthis.net/tag/sprites" />
        <id>http://seenthis.net/tag/sprites</id>
        <updated>2013-05-25T11:34:36Z</updated>
        <link rel="self" href="http://seenthis.net/tag/sprites/feed" />






	<entry>
	<id>urn:uuid:508ea5ce-bedc-4247-a6ce-4938022ac7fa</id>
	<title>Spritemapper</title>
	<author>
		<name>b_b (@b_b)</name>
		<uri>http://seenthis.net/people/b_b</uri>
		<email>b_b@seenthis.net</email>
		
	</author>
	<published>2011-11-23T11:33:41Z</published>
	<updated>2011-11-23T11:33:41Z</updated>
	
	 <link href="http://seenthis.net/messages/42887" />
	
	<link rel="edit" href="https://seenthis.net/api/messages/42887"/>
	<summary>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.

#css #sprites #shell</summary>
	<content type="html">&lt;div lang=&quot;fr&quot; dir=&quot;ltr&quot;&gt;&lt;p&gt;Spritemapper&lt;br /&gt;&lt;span class='lien_lien' &gt;&lt;a href=&quot;http://yostudios.github.com/Spritemapper&quot; class='spip_out' title=&quot;Spritemapper&quot; hreflang=&quot;en&quot;&gt;&lt;span class='lien_court'&gt;&lt;span class='lien_protocol'&gt;http://&lt;/span&gt;&lt;span class='lien_racine'&gt;&lt;span class='lien_host'&gt;yostudios.github.com&lt;/span&gt;/&lt;/span&gt;&lt;span class='lien_fin'&gt;Spritemapper&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/p&gt;&lt;p&gt;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.&lt;/p&gt;&lt;p&gt;Un script python &#224; utiliser en ligne de commande pour g&#233;n&#233;rer automatiquement un sprite css + images &#224; partir d'une simple css.&lt;/p&gt;&lt;p&gt;&lt;span class='lien_tag'&gt;#&lt;a href=&quot;http://seenthis.net/tag/css&quot;&gt;css&lt;/a&gt;&lt;/span&gt; &lt;span class='lien_tag'&gt;#&lt;a href=&quot;http://seenthis.net/tag/sprites&quot;&gt;sprites&lt;/a&gt;&lt;/span&gt; &lt;span class='lien_tag'&gt;#&lt;a href=&quot;http://seenthis.net/tag/shell&quot;&gt;shell&lt;/a&gt;&lt;/span&gt;&lt;/p&gt;&lt;/div&gt;</content>
	
	<link rel="related" href="http://yostudios.github.com/Spritemapper" title="Spritemapper" hreflang="en"/>
	
	
	<category term="39" label="39" scheme="http://seenthis.net/tag/39"/>
	<category term="css" label="css" scheme="http://seenthis.net/tag/css"/>
	<category term="sprites" label="sprites" scheme="http://seenthis.net/tag/sprites"/>
	<category term="shell" label="shell" scheme="http://seenthis.net/tag/shell"/>
</entry>

	<entry>
	<id>urn:uuid:508ea5c9-a768-412e-a7a8-493884abfe10</id>
	<title>When to base64 encode images (and when not to) | David B. Calhoun &#8211; Developer Blog</title>
	<author>
		<name>Nicolas Hoizey (@nhoizey)</name>
		<uri>http://seenthis.net/people/nhoizey</uri>
		<email>nhoizey@seenthis.net</email>
		
	</author>
	<published>2011-09-02T10:37:09Z</published>
	<updated>2011-09-02T10:37:09Z</updated>
	
	 <link href="http://seenthis.net/messages/33571" />
	
	<link rel="edit" href="https://seenthis.net/api/messages/33571"/>
	<summary>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.❞
#webperf #sprites #css</summary>
	<content type="html">&lt;div lang=&quot;en&quot; dir=&quot;ltr&quot;&gt;&lt;p&gt;When to base64 encode images (and when not to) | David B. Calhoun &#8211; Developer Blog&lt;br /&gt;&lt;span class='lien_lien' &gt;&lt;a href=&quot;http://davidbcalhoun.com/2011/when-to-base64-encode-images-and-when-not-to&quot; class='spip_out' title=&quot;When to base64 encode images (and when not to)&quot; hreflang=&quot;en&quot;&gt;&lt;span class='lien_court'&gt;&lt;span class='lien_protocol'&gt;http://&lt;/span&gt;&lt;span class='lien_racine lien_raccourci'&gt;&lt;span class='lien_host'&gt;davidbcalhoun.com&lt;/span&gt;/&lt;/span&gt;&lt;span class='lien_off'&gt;2011/&lt;/span&gt;&lt;span class='lien_fin'&gt;&lt;span class='lien_fin_coupee'&gt;when-to-base64-encode-im&lt;/span&gt;&lt;span class='lien_fin_cachee'&gt;ages-and-when-not-to&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/p&gt;&lt;blockquote lang=&quot;en&quot; dir=&quot;ltr&quot;&gt;&lt;p&gt; for image content, where there is nothing to be saved but &lt;span class='lien_tag'&gt;#&lt;a href=&quot;http://seenthis.net/tag/http&quot;&gt;HTTP&lt;/a&gt;&lt;/span&gt; &lt;span class='lien_tag'&gt;#&lt;a href=&quot;http://seenthis.net/tag/requests&quot;&gt;requests&lt;/a&gt;&lt;/span&gt;, you should definitely think twice about &lt;span class='lien_tag'&gt;#&lt;a href=&quot;http://seenthis.net/tag/base64&quot;&gt;base64&lt;/a&gt;&lt;/span&gt; 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 &lt;span class='lien_tag'&gt;#&lt;a href=&quot;http://seenthis.net/tag/slower&quot;&gt;slower&lt;/a&gt;&lt;/span&gt; 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 &lt;span class='lien_tag'&gt;#&lt;a href=&quot;http://seenthis.net/tag/perceived&quot;&gt;perceived&lt;/a&gt;&lt;/span&gt; &lt;span class='lien_tag'&gt;#&lt;a href=&quot;http://seenthis.net/tag/performance&quot;&gt;performance&lt;/a&gt;&lt;/span&gt; is what matters most. &lt;/p&gt;&lt;/blockquote&gt;&lt;p&gt;&lt;span class='lien_tag'&gt;#&lt;a href=&quot;http://seenthis.net/tag/webperf&quot;&gt;webperf&lt;/a&gt;&lt;/span&gt; &lt;span class='lien_tag'&gt;#&lt;a href=&quot;http://seenthis.net/tag/sprites&quot;&gt;sprites&lt;/a&gt;&lt;/span&gt; &lt;span class='lien_tag'&gt;#&lt;a href=&quot;http://seenthis.net/tag/css&quot;&gt;css&lt;/a&gt;&lt;/span&gt;&lt;/p&gt;&lt;/div&gt;</content>
	
	<link rel="related" href="http://davidbcalhoun.com/2011/when-to-base64-encode-images-and-when-not-to" title="When to base64 encode images (and when not to)" hreflang="en"/>
	
	
	<category term="http" label="http" scheme="http://seenthis.net/tag/http"/>
	<category term="requests" label="requests" scheme="http://seenthis.net/tag/requests"/>
	<category term="base64" label="base64" scheme="http://seenthis.net/tag/base64"/>
	<category term="slower" label="slower" scheme="http://seenthis.net/tag/slower"/>
	<category term="perceived" label="perceived" scheme="http://seenthis.net/tag/perceived"/>
	<category term="performance" label="performance" scheme="http://seenthis.net/tag/performance"/>
	<category term="webperf" label="webperf" scheme="http://seenthis.net/tag/webperf"/>
	<category term="sprites" label="sprites" scheme="http://seenthis.net/tag/sprites"/>
	<category term="css" label="css" scheme="http://seenthis.net/tag/css"/>
	<category term="Person:David B. Calhoun" label="David B. Calhoun" scheme="http://seenthis.net/tag/person:david%20b.%20calhoun"/>
</entry>

	<entry>
	<id>urn:uuid:508ea5c4-0268-4d10-bac1-4938e46c77f5</id>
	<title>Sprite Cow - Generate CSS for sprite sheets</title>
	<author>
		<name>Nicolas Hoizey (@nhoizey)</name>
		<uri>http://seenthis.net/people/nhoizey</uri>
		<email>nhoizey@seenthis.net</email>
		
	</author>
	<published>2011-08-09T09:57:25Z</published>
	<updated>2011-08-09T09:57:25Z</updated>
	
	 <link href="http://seenthis.net/messages/30488" />
	
	<link rel="edit" href="https://seenthis.net/api/messages/30488"/>
	<summary>#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.❞
#image #webperf</summary>
	<content type="html">&lt;div lang=&quot;nb&quot; dir=&quot;ltr&quot;&gt;&lt;p&gt;&lt;span class='lien_tag'&gt;#&lt;a href=&quot;http://seenthis.net/tag/sprite&quot;&gt;Sprite&lt;/a&gt;&lt;/span&gt; Cow - Generate &lt;span class='lien_tag'&gt;#&lt;a href=&quot;http://seenthis.net/tag/css&quot;&gt;CSS&lt;/a&gt;&lt;/span&gt; for sprite sheets&lt;br /&gt;&lt;span class='lien_lien' &gt;&lt;a href=&quot;http://www.spritecow.com/&quot; class='spip_out' title=&quot;Sprite Cow - Generate CSS for sprite sheets&quot; hreflang=&quot;en&quot;&gt;&lt;span class='lien_court'&gt;&lt;span class='lien_protocol'&gt;http://&lt;/span&gt;&lt;span class='lien_racine'&gt;&lt;span class='lien_host'&gt;&lt;span class='lien_www'&gt;www.&lt;/span&gt;spritecow.com&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/p&gt;&lt;blockquote lang=&quot;en&quot; dir=&quot;ltr&quot;&gt;&lt;p&gt; Sprite Cow helps you get the &lt;span class='lien_tag'&gt;#&lt;a href=&quot;http://seenthis.net/tag/background-position&quot;&gt;background-position&lt;/a&gt;&lt;/span&gt;, &lt;span class='lien_tag'&gt;#&lt;a href=&quot;http://seenthis.net/tag/width&quot;&gt;width&lt;/a&gt;&lt;/span&gt; and &lt;span class='lien_tag'&gt;#&lt;a href=&quot;http://seenthis.net/tag/height&quot;&gt;height&lt;/a&gt;&lt;/span&gt; of &lt;span class='lien_tag'&gt;#&lt;a href=&quot;http://seenthis.net/tag/sprites&quot;&gt;sprites&lt;/a&gt;&lt;/span&gt; within a spritesheet as a nice bit of copyable css. &lt;/p&gt;&lt;/blockquote&gt;&lt;p&gt;&lt;span class='lien_tag'&gt;#&lt;a href=&quot;http://seenthis.net/tag/image&quot;&gt;image&lt;/a&gt;&lt;/span&gt; &lt;span class='lien_tag'&gt;#&lt;a href=&quot;http://seenthis.net/tag/webperf&quot;&gt;webperf&lt;/a&gt;&lt;/span&gt;&lt;/p&gt;&lt;/div&gt;</content>
	
	<link rel="related" href="http://www.spritecow.com" title="Sprite Cow - Generate CSS for sprite sheets" hreflang="en"/>
	
	
	<category term="sprite" label="sprite" scheme="http://seenthis.net/tag/sprite"/>
	<category term="css" label="css" scheme="http://seenthis.net/tag/css"/>
	<category term="background-position" label="background-position" scheme="http://seenthis.net/tag/background-position"/>
	<category term="width" label="width" scheme="http://seenthis.net/tag/width"/>
	<category term="height" label="height" scheme="http://seenthis.net/tag/height"/>
	<category term="sprites" label="sprites" scheme="http://seenthis.net/tag/sprites"/>
	<category term="image" label="image" scheme="http://seenthis.net/tag/image"/>
	<category term="webperf" label="webperf" scheme="http://seenthis.net/tag/webperf"/>
</entry>

	<entry>
	<id>urn:uuid:508ea5c4-14a0-4a67-b03e-4938af86add3</id>
	<title>Pseudo Spriting | CSS-Tricks</title>
	<author>
		<name>Nicolas Hoizey (@nhoizey)</name>
		<uri>http://seenthis.net/people/nhoizey</uri>
		<email>nhoizey@seenthis.net</email>
		
	</author>
	<published>2011-07-11T16:12:15Z</published>
	<updated>2011-07-11T16:12:15Z</updated>
	
	 <link href="http://seenthis.net/messages/27395" />
	
	<link rel="edit" href="https://seenthis.net/api/messages/27395"/>
	<summary>Pseudo Spriting | CSS-Tricks
http://css-tricks.com/13224-pseudo-spriting/
#after #before #pseudo_elements #CSS #sprites</summary>
	<content type="html">&lt;div lang=&quot;sl&quot; dir=&quot;ltr&quot;&gt;&lt;p&gt;Pseudo Spriting | CSS-Tricks&lt;br /&gt;&lt;span class='lien_lien' &gt;&lt;a href=&quot;http://css-tricks.com/13224-pseudo-spriting&quot; class='spip_out' title=&quot;Pseudo Spriting | CSS-Tricks&quot; hreflang=&quot;en&quot;&gt;&lt;span class='lien_court'&gt;&lt;span class='lien_protocol'&gt;http://&lt;/span&gt;&lt;span class='lien_racine'&gt;&lt;span class='lien_host'&gt;css-tricks.com&lt;/span&gt;/&lt;/span&gt;&lt;span class='lien_fin'&gt;13224-pseudo-spriting&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;br /&gt;&lt;span class='lien_tag'&gt;#&lt;a href=&quot;http://seenthis.net/tag/after&quot;&gt;after&lt;/a&gt;&lt;/span&gt; &lt;span class='lien_tag'&gt;#&lt;a href=&quot;http://seenthis.net/tag/before&quot;&gt;before&lt;/a&gt;&lt;/span&gt; &lt;span class='lien_tag'&gt;#&lt;a href=&quot;http://seenthis.net/tag/pseudo_elements&quot;&gt;pseudo_elements&lt;/a&gt;&lt;/span&gt; &lt;span class='lien_tag'&gt;#&lt;a href=&quot;http://seenthis.net/tag/css&quot;&gt;CSS&lt;/a&gt;&lt;/span&gt; &lt;span class='lien_tag'&gt;#&lt;a href=&quot;http://seenthis.net/tag/sprites&quot;&gt;sprites&lt;/a&gt;&lt;/span&gt;&lt;/p&gt;&lt;/div&gt;</content>
	
	<link rel="related" href="http://css-tricks.com/13224-pseudo-spriting" title="Pseudo Spriting | CSS-Tricks" hreflang="en"/>
	
	
	<category term="after" label="after" scheme="http://seenthis.net/tag/after"/>
	<category term="before" label="before" scheme="http://seenthis.net/tag/before"/>
	<category term="pseudo_elements" label="pseudo_elements" scheme="http://seenthis.net/tag/pseudo_elements"/>
	<category term="css" label="css" scheme="http://seenthis.net/tag/css"/>
	<category term="sprites" label="sprites" scheme="http://seenthis.net/tag/sprites"/>
</entry>

	<entry>
	<id>urn:uuid:508ea5c4-52e0-4b33-8b69-4938241a94f3</id>
	<title>Pseudo Spriting | CSS-Tricks</title>
	<author>
		<name>Nicolas Hoizey (@nhoizey)</name>
		<uri>http://seenthis.net/people/nhoizey</uri>
		<email>nhoizey@seenthis.net</email>
		
	</author>
	<published>2011-07-11T16:00:34Z</published>
	<updated>2011-07-11T16:00:34Z</updated>
	
	 <link href="http://seenthis.net/messages/27394" />
	
	<link rel="edit" href="https://seenthis.net/api/messages/27394"/>
	<summary>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 ;)❞
#CSS #mémoire #optimisation</summary>
	<content type="html">&lt;div lang=&quot;sl&quot; dir=&quot;ltr&quot;&gt;&lt;p&gt;Pseudo Spriting | CSS-Tricks&lt;br /&gt;&lt;span class='lien_lien' &gt;&lt;a href=&quot;http://css-tricks.com/13224-pseudo-spriting/#comment-98926&quot; class='spip_out' title=&quot;Pseudo Spriting | CSS-Tricks&quot; hreflang=&quot;en&quot;&gt;&lt;span class='lien_court'&gt;&lt;span class='lien_protocol'&gt;http://&lt;/span&gt;&lt;span class='lien_racine lien_raccourci'&gt;&lt;span class='lien_host'&gt;css-tricks.com&lt;/span&gt;/&lt;/span&gt;&lt;span class='lien_off'&gt;13224-pseudo-spriting/&lt;/span&gt;&lt;span class='lien_fin'&gt;#comment-98926&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/p&gt;&lt;blockquote lang=&quot;en&quot; dir=&quot;ltr&quot;&gt;&lt;p&gt; I'm not advocating against &lt;span class='lien_tag'&gt;#&lt;a href=&quot;http://seenthis.net/tag/sprites&quot;&gt;sprites&lt;/a&gt;&lt;/span&gt;. I'm just saying don't go crazy with &lt;span class='lien_tag'&gt;#&lt;a href=&quot;http://seenthis.net/tag/diagonal&quot;&gt;diagonal&lt;/a&gt;&lt;/span&gt; ones ;) &lt;/p&gt;&lt;/blockquote&gt;&lt;p&gt;&lt;span class='lien_tag'&gt;#&lt;a href=&quot;http://seenthis.net/tag/css&quot;&gt;CSS&lt;/a&gt;&lt;/span&gt; &lt;span class='lien_tag'&gt;#&lt;a href=&quot;http://seenthis.net/tag/m%C3%A9moire&quot;&gt;m&#233;moire&lt;/a&gt;&lt;/span&gt; &lt;span class='lien_tag'&gt;#&lt;a href=&quot;http://seenthis.net/tag/optimisation&quot;&gt;optimisation&lt;/a&gt;&lt;/span&gt;&lt;/p&gt;&lt;/div&gt;</content>
	
	<link rel="related" href="http://css-tricks.com/13224-pseudo-spriting/#comment-98926" title="Pseudo Spriting | CSS-Tricks" hreflang="en"/>
	
	
	<category term="sprites" label="sprites" scheme="http://seenthis.net/tag/sprites"/>
	<category term="diagonal" label="diagonal" scheme="http://seenthis.net/tag/diagonal"/>
	<category term="css" label="css" scheme="http://seenthis.net/tag/css"/>
	<category term="m&#233;moire" label="m&#233;moire" scheme="http://seenthis.net/tag/m%C3%A9moire"/>
	<category term="optimisation" label="optimisation" scheme="http://seenthis.net/tag/optimisation"/>
</entry>

	<entry>
	<id>urn:uuid:508ea5d2-263c-4a3f-8972-49387e44169a</id>
	<title>The Mystery Of CSS Sprites : Techniques, Tools And Tutorials | CSS | Smashing Magazine</title>
	<author>
		<name>0gust1 (@0gust1)</name>
		<uri>http://seenthis.net/people/0gust1</uri>
		<email>0gust1@seenthis.net</email>
		
	</author>
	<published>2009-04-28T21:06:14Z</published>
	<updated>2012-01-13T06:16:30Z</updated>
	
	 <link href="http://seenthis.net/messages/50803" />
	
	<link rel="edit" href="https://seenthis.net/api/messages/50803"/>
	<summary>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/

#css #webdesign #sprites</summary>
	<content type="html">&lt;div lang=&quot;de&quot; dir=&quot;ltr&quot;&gt;&lt;p&gt;The Mystery Of CSS Sprites: Techniques, Tools And Tutorials | CSS | Smashing Magazine&lt;br /&gt;&lt;span class='lien_lien' &gt;&lt;a href=&quot;http://www.smashingmagazine.com/2009/04/27/the-mystery-of-css-sprites-techniques-tools-and-tutorials&quot; class='spip_out' title=&quot;The Mystery Of CSS Sprites: Techniques, Tools And Tutorials - Smashing Coding&quot; hreflang=&quot;en&quot;&gt;&lt;span class='lien_court'&gt;&lt;span class='lien_protocol'&gt;http://&lt;/span&gt;&lt;span class='lien_racine lien_raccourci'&gt;&lt;span class='lien_host'&gt;&lt;span class='lien_www'&gt;www.&lt;/span&gt;smashingmagazine.com&lt;/span&gt;/&lt;/span&gt;&lt;span class='lien_off'&gt;2009/&lt;/span&gt;&lt;span class='lien_off'&gt;04/&lt;/span&gt;&lt;span class='lien_off'&gt;27/&lt;/span&gt;&lt;span class='lien_fin'&gt;&lt;span class='lien_fin_coupee'&gt;the-mystery-of-css-sp&lt;/span&gt;&lt;span class='lien_fin_cachee'&gt;rites-techniques-tools-and-tutorials&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;span class='lien_tag'&gt;#&lt;a href=&quot;http://seenthis.net/tag/css&quot;&gt;css&lt;/a&gt;&lt;/span&gt; &lt;span class='lien_tag'&gt;#&lt;a href=&quot;http://seenthis.net/tag/webdesign&quot;&gt;webdesign&lt;/a&gt;&lt;/span&gt; &lt;span class='lien_tag'&gt;#&lt;a href=&quot;http://seenthis.net/tag/sprites&quot;&gt;sprites&lt;/a&gt;&lt;/span&gt;&lt;/p&gt;&lt;/div&gt;</content>
	
	<link rel="related" href="http://www.smashingmagazine.com/2009/04/27/the-mystery-of-css-sprites-techniques-tools-and-tutorials" title="The Mystery Of CSS Sprites : Techniques, Tools And Tutorials - Smashing Coding" hreflang="en"/>
	
	
	<category term="css" label="css" scheme="http://seenthis.net/tag/css"/>
	<category term="webdesign" label="webdesign" scheme="http://seenthis.net/tag/webdesign"/>
	<category term="sprites" label="sprites" scheme="http://seenthis.net/tag/sprites"/>
	<category term="PublishedMedium:Smashing Magazine" label="Smashing Magazine" scheme="http://seenthis.net/tag/publishedmedium:smashing%20magazine"/>
</entry>

</feed>

