This year
2011
Convertissez vos images en CSS
by olafael & 4 others
Img to Css est un service en ligne qui vous permet tout simplement de convertir des images en code html. Idéal pour vos newsletters, cela permet de contourner le blocage des images par de nombreux clients email :-)
Convertissez vos images en CSS
by Krome & 4 others
Img to Css est un service en ligne qui vous permet tout simplement de convertir des images en code html. Idéal pour vos newsletters, cela permet de contourner le blocage des images par de nombreux clients email :-)
Convertissez vos images en CSS
by Giraultises & 4 others (via)
Img to Css est un service en ligne qui vous permet tout simplement de convertir des images en code html. Idéal pour vos newsletters, cela permet de contourner le blocage des images par de nombreux clients email :-)
CSS background image hacks – Nicolas Gallagher
by Krome & 1 other
Emulating background image crop, background image opacity, background transforms, and improved background positioning. A few hacks relying on CSS pseudo-elements to emulate features unavailable or not yet widely supported by modern browsers.
CSS background image hacks – Nicolas Gallagher
by Spone & 1 other
Emulating background image crop, background image opacity, background transforms, and improved background positioning. A few hacks relying on CSS pseudo-elements to emulate features unavailable or not yet widely supported by modern browsers.
2010
data: URI Generator - Convert Online Tool for Icon, image to import it in greasemonkey Script - dopiaza.org
by decembre
data: URI Generator The data: URI scheme allows you to build URLs that embed small data objects. data: URIs are supported by most modern browsers except for Internet Explorer. The lack of IE support is holding back widespread adoption of data: URIs, but they are still very useful in a couple of specific areas such as embedding graphics and other data items in Greasemonkey scripts. You can read more about data: URIs and see some examples of their use, or use the generator below to create your own. data: URIs are defined in RFC 2397.
Les sprites CSS
by -Nicolas- & 1 other
Le temps des onmouseover, des images préchargées via JavaScript et des autres joyeusetés héritées des grandes périodes de tag soup est, comme le temps des Elfes de la Terre du Milieu, définitivement révolu : faire des effets de rollover sur des images est tout à fait possible en utilisant uniquement les CSS. La technique consiste à exploiter un fichier unique pour stocker de multiples images, positionnées les unes à côté des autres. Celles-ci seront ensuite appelées dans la feuille de style, et la fenêtre d'affichage sur l'une ou l'autre image sera définie en CSS grâce à la propriété background-position.
CSS Speech Bubble · David DeSandro
by Krome & 2 others
Speech bubble icons have become synonymous with comments. When creating yet another one for a standard comment link, it occurred to me that there might be a way to make the icon without ever opening up an image editor. It could all be done with CSS. After all, a word bubble is only two shapes a rounded rectangle and a triangle. For it to work, I just needed to add a couple tags inside the comment link.
CSS Speech Bubble · David DeSandro
by Spone & 2 others
Speech bubble icons have become synonymous with comments. When creating yet another one for a standard comment link, it occurred to me that there might be a way to make the icon without ever opening up an image editor. It could all be done with CSS. After all, a word bubble is only two shapes a rounded rectangle and a triangle. For it to work, I just needed to add a couple tags inside the comment link.
Perfect Full Page Background Image | CSS-Tricks
by nicolargo & 4 others (via)
Comment fixer un fond d'écran dans une page Web (CSS)
2009
Overcome Your Caching Conundrums [Server Side Essentials]
by dzc
ealing with browser caching is a balancing act. On one hand, you aim to minimize load times and bandwidth use by ensuring that images, scripts, and style sheets are cached by your visitors; however, you still want to ensure that they’re accessing the most recent versions of all your files.
In this article, I’ll show you a few methods for controlling how your site’s files are cached by browsers so you can achieve the best of both worlds: maintaining optimal performance while ensuring that any updates are seen immediately, without a hitch by all of your users.
SpriteMe
by parmentierf & 7 others (via)
Background images make pages look good, but also make them slower. Each background image is an extra HTTP request. There's a fix: combine background images into a CSS sprite. But creating sprites is hard, requiring arcane knowledge and lots of trial and error. SpriteMe removes the hassles with the click of a button.
