PUBLIC MARKS with tags images & css

embed graphics inline with data uri scheme

the iconic font designed for use with Twitter Bootstrap

Mfglabs icons

Preloading images is a great way to improve the user experience. When images are preloaded in the browser, the visitor can surf around your site and enjoy extremely faster loading times. This is especially beneficial for photo galleries and other image-heavy sites where you want to deliver the goods as quickly and seamlessly as possible. Preloading images definitely helps users without broadband enjoy a better experience when viewing your content. In this article, we’ll explore three different preloading techniques to enhance the performance and usability of your site.

To do this, it needs to have access to the individual pixels of the images it's operating on -- which is why for jQSlickWrap to work, you need to have a browser that supports HTML 5's new canvas element. Here's an overview of the algorithm: 1. If necessary, pre-load the image. 2. Determine the CSS styles for the image (float and padding). 3. Create a canvas element and set its dimensions to the size of the image plus its padding. 4. Draw the image onto the canvas in the top-left location. 5. Figure out the "background" color of the image by examining the pixel data at the top-left corner of the image. 6. Fill the canvas with this background color.