CraftMap (previous MobilyMap) is a lightweight (6KB only), fully configurable jQuery plugin that converts a simple image into a functional map by overlaying dynamic elements on it such as markers.

Automatically adapts your existing HTML images for mobile devices. No mark-up changes needed. Just drop it in and forget about it.

Placeholder Images for every case. Webdesign or Print. It's simple and absolutely free!

Lazy loader is a jQuery plugin written in JavaScript. It delays loading of images in (long) web pages. Images outside of viewport (visible part of web page) wont be loaded before user scrolls to them.

jSquares is a jQuery plugin that pops up an image and a description in an overlay on hover. It is basically identical to the image grid found on www.ted.com. Works like a charm in IE6+, FF 3+, Safari 3+ and Opera 10.

I’ve often found myself requiring icons when linking to or referencing different social networks I’m a member of. Whilst there are a lot of icon sets available that can help me do this, most seem to be oversized and highly stylised. In the past I’ve used site favicons, but these can often be visually inconsistent.

With that in mind, and taking inspiration from the gorgeous icons used by Tim van Damme on his address card site, and the Social Media Mini Iconpack by Komodo media, I’ve created a selection of different icons each available in 4 different sizes.

Clearbox is a professional image and content viewer overlay window. Images below are speaking for themself, where you can see some examples about using the script: image galleries and many type of contents including Flash, Quicktime, Windows Media formats, HTML, inner content, etc

punypng is a free tool that dramatically reduces page load times by reducing the file size of an image without any loss of quality.

A few months ago, James Padolsey introduced a cool greyscale technique for non-IE browsers. His technique inspired me to come up with a workaround with a similar effect.

My solution relies on CSS Sprites and a few lines of jQuery, but requires a bit of preparation before it can be implemented. It is not recommended for large scale projects and probably best for displaying portfolio pieces.

CSS Sprites is a technique where you use a background-image, a set width and height, and adjust the background-position to display only the portion you need to show. This way you can use a single image and display lots of different graphics with it, saving server requests and speeding up page load times.

Hi there, I just wanted to share this icon library I've been toying with—it's both free and dolphin safe.

Image optimization is an art that not many people master. There are many good image editing tools that allow us to get the best visual result for a certain file size but "under the hood" a lot more optimization can be done.

Img2icns is an application to create icons from images or images from icons, keeping them organized for future use.

Note that all the other browsers use bicubic interpolation for scaling by default, because that’s the only thing that make sense, but IE requires a non-standard CSS extension.

There are a growing number of excellent Photoshop tutorials creating for your own icons. Here are 40 of the best.

But is it art? Tim Nobel and Sue Webster take piles of trash and make art into them... but sometimes the art isn't apparent until you see it in a different light.

Bright! is a crisp, sharp and beautiful set of 148 hand-crafted icons in vector format, ideally for both web and print work. You can use Bright! for personal and commercial projects at free of charge.

You probably know how it is difficult to search images on the Web. Our goal was to collect the best resources of free high quality textures and background images.

As you may have realized, this is an image magnifier. It's a completely rewritten version of my script tjpzoom, but still is in JavaScript / DOM :). If you move your mouse over the picture, you can see a little zoom window with a magnified version of a pa

Galleria is a javascript image gallery written in jQuery. It loads the images one by one from an unordered list and displays thumbnails when each image is loaded. It will create thumbnails for you if you choose so, scaled or unscaled, centered and cropped

First resource of this kind that I discover