Advertise here with BSA

Using transparent images in websites make so much sense in many cases as they fit perfectly to any background.

However, there is sometimes a big empty space around images which can create confusion when clicking on them as users may not easily realize that the clicked part of the website is actually an image.

alphaPun.ch changes that by tracing the opaque part of PNG or GIF images and then punch through the alpha channel so the stuff behind it can be clicked.

Behind the scenes, it creates a mask for the opaque part of images along with masks for the clickable content behind them. The masks are positioned above the real image and users will actually be clicking to these masks.

It works by drag 'n' dropping an image to the loader and an HTML-CSS-JS (with jQuery) code is created automatically.

The project is definitely not a good fit for every image on websites but there will certainly be good cases of use.

P.S. alphaPun.ch is open source.

Special Downloads:
Ajaxed Add-To-Basket Scenarios With jQuery And PHP
Free Admin Template For Web Applications
jQuery Dynamic Drag’n Drop
ScheduledTweets

Advertisements:
Professional XHTML Admin Template ($15 Discount With The Code: WRD.)
Psd to Xhtml
SSLmatic – Cheap SSL Certificates (from $19.99/year)

Advertise here with BSA

The increasing variety and usage of device/screen types (cell phone, smart phone, tablet, desktop..) urge the need for serving web content accordingly.

Adaptive Images is a solution for delivering browser-size-specific images for any device.. automatically.

It is JavaScript-PHP-powered where a lightweight JS file detects the browser size and the PHP file resizes the images on the web page. And, all this happens with the help of a .htaccess rule which redirects any requests for .JPG, .GIF or .PNG files to the PHP image processor file.

Adaptive Images is a plug 'n' play resource which can be easily integrated into any PHP website.

There is a built-in caching system for minimizing each image only once for each size.

Also, several options for customization exist including "array of browser-image sizes", .JPG quality and more.

Special Downloads:
Ajaxed Add-To-Basket Scenarios With jQuery And PHP
Free Admin Template For Web Applications
jQuery Dynamic Drag’n Drop
ScheduledTweets

Advertisements:
Professional XHTML Admin Template ($15 Discount With The Code: WRD.)
Psd to Xhtml
SSLmatic – Cheap SSL Certificates (from $19.99/year)

Advertise here with BSA

Subtle Patterns is a fresh website sharing simplistic yet high-quality patterns that are created by Atle Mo.

As the name says; the patterns are difficult to recognize and analyze. But, they help creating a soft contrast with the rest of the design.

Every pattern tile perfectly and, besides .GIF files for each item, they are available as a single .PAT (Photoshop pattern) file.

Special Downloads:
Ajaxed Add-To-Basket Scenarios With jQuery And PHP
Free Admin Template For Web Applications
jQuery Dynamic Drag’n Drop
ScheduledTweets

Advertisements:
Professional XHTML Admin Template ($15 Discount With The Code: WRD.)
Psd to Xhtml
SSLmatic – Cheap SSL Certificates (from $19.99/year)

Advertise here with BSA

Default Icon is a set of frequently improved and free vector icons in their simplest form possible.

Besides websites, they can be used in any portable devices as well considering the resolution is only 1bit.

The items are 16px*16px by default (any size can be created with the vector files) and comes in .EPS, .PNG and .GIF formats.

Special Downloads:
Ajaxed Add-To-Basket Scenarios With jQuery And PHP
Free Admin Template For Web Applications
jQuery Dynamic Drag’n Drop
ScheduledTweets

Advertisements:
Professional XHTML Admin Template ($15 Discount With The Code: WRD.)
Psd to Xhtml
SSLmatic – Cheap SSL Certificates (from $19.99/year)

Advertise here with BSA

Iconizer is one of the latest online generators that you may find useful.

It is a free & web-based application, from the makers of popular Preloaders.net, that enables you to customize various popular icon sets online.

Iconizer allows you to select an icon from a list of well-categorized icon sets and:

• select the foreground/background color
• size of it
• file type to be created
• add an animation
• resize it & more..

Although the application is very useful, what would be even better is "selecting the whole icon set" & ability to customizing it in bulk.

Special Downloads:
Ajaxed Add-To-Basket Scenarios With jQuery And PHP
Free Admin Template For Web Applications
jQuery Dynamic Drag’n Drop
ScheduledTweets

Advertisements:
Professional XHTML Admin Template ($15 Discount With The Code: WRD.)
Psd to Xhtml
SSLmatic – Cheap SSL Certificates (from $19.99/year)

Advertise here with BSA

Axialis Software, the developers of IconWorkshop, have created multiple good-looking icon sets.

Most of the sets are built from a 200+ pieces of flat icons & have different backgrounds or colors.

Besides these icons, there is also Web Mini icons which consists 237 colorful icons in 16*16px sizes.

All sets come in .PNG, .GIF & .ICO formats.

Special Downloads:
Ajaxed Add-To-Basket Scenarios With jQuery And PHP
Free Admin Template For Web Applications
jQuery Dynamic Drag’n Drop
ScheduledTweets

Advertisements:
Professional XHTML Admin Template ($15 Discount With The Code: WRD.)
Psd to Xhtml
SSLmatic – Cheap SSL Certificates (from $19.99/year)

Advertise here with BSA

punypng is a free web-based application which can seriously compress JPG, GIF & PNG images without any loss of quality.

The application first analyzes the content of your image and figures out the best image format to use. If necessary, converts the format automatically.

It also has built-in support for dirty transparency* which can save an average of extra 10% for transparent GIF & PNG files.

What would be more amazing is the service to offer a desktop tool with context menu support.

*: an innovative technique that offers additional compression to any PNG or GIF as long as it has either 8-bit or 1-bit transparency

Special Downloads:
Ajaxed Add-To-Basket Scenarios With jQuery And PHP
Free Admin Template For Web Applications
jQuery Dynamic Drag’n Drop
ScheduledTweets

Advertisements:
Professional XHTML Admin Template ($15 Discount With The Code: WRD.)
Psd to Xhtml
SSLmatic – Cheap SSL Certificates (from $19.99/year)

Advertise here with BSA

Stripemania is a free web application for creating stripe patterns with ease.

It enables you to add up to 5 colors with different gradients & define the background, orientation and stripe/spacing widths.

The generated images can be downloaded as PNG or transparent GIF files.

Also, stripes generated by other users can be viewed & downloaded.

Special Downloads:
Ajaxed Add-To-Basket Scenarios With jQuery And PHP
Free Admin Template For Web Applications
jQuery Dynamic Drag’n Drop
ScheduledTweets

Advertisements:
Professional XHTML Admin Template ($15 Discount With The Code: WRD.)
Psd to Xhtml
SSLmatic – Cheap SSL Certificates (from $19.99/year)

Advertise here with BSA

Using icons in e-commerce websites is almost a standard as users generally search for a shopping cart icon to view the items in the basket or credit card icons to find out if such a payment option exists.

With this 2nd post of E-Commerce Week, here is a collection of free e-commerce icons that you can use in your projects.

WebResourcesDepot E-Commerce Icons (Vectors Included)

The free e-commerce icon set is created exclusively for WebResourcesDepot by the talented team at IconShock (like promised).

The set comes with 5 icons both in PNG & AI (Illustrator) files so, if wanted, they can be resized or modified easily.

Info: This icon set can not be distributed without permission. If you'll be sharing it in a website, please use the URL of this post as the download link. Thanks.

Click here to download WebResourcesDepot E-Commerce Icons!.

Vector Shopping Cart Icons

The set has 12 icons in vector formats: AI, EPS, PDF & XAR.

Shopping Cart Icon

A single & detailed icon which comes in ICO, ICNS & PNG formats with 16*16px, 32*32px, 48*48px & 128*128px sizes.

Glossy E-Commerce Icons

32 glossy icons in PNG format & 32*32px size.

Basket Icons

2 huge basket icons with emtpy/full scenarios in PNG format & 128*128px, 256*256px, 512*512px sizes.

Tango-Styled Shopping Cart

This is an icon in PNG format.

Christmas Shopping Basket

1 icon that comes in both PNG & ICO formats. PNG formats are in 32*32px, 48*48px, 64*64px, 128*128px, 256*256px sizes.

Cart Icon

1 icon in PNG, ICO & ICNS formats. PNG format comes in 16*16px, 24*24px, 32*32px, 48*48px, 64*64px, 128*128px sizes.

Full Shopping Cart Icon

The icon is in PNG format & 512*512px size.

Chalkwork Payments

The set includes 21 original icons and 105 variations. They are available in 3 sizes and 6 file formats: transparent PNG, TIF, GIF, BMP, Windows ICO and Mac ICNS.

Credit Cards Icon Set

20 icons in GIF format with sizes: 50px*30px or 30px*30px.

Credit Card Logos & Images

A collection of credit card logos, related images & variations.

3D Credit Card Icons

Six 3D icons in GIF, JPG, PNG, ICO & Mac ICNS formats. They are sized 48*48px & 72*72px.

Special Downloads:
Ajaxed Add-To-Basket Scenarios With jQuery And PHP
Free Admin Template For Web Applications
jQuery Dynamic Drag’n Drop
ScheduledTweets

Advertisements:
Professional XHTML Admin Template ($15 Discount With The Code: WRD.)
Psd to Xhtml
SSLmatic – Cheap SSL Certificates (from $19.99/year)

Advertise here with BSA

Sanscons+ is a set of 121 individual pixel icons whose colors can be customized via CSS.

Customizing the colors is not a big trick but smart as all the icons are transparent GIF files & adding a background-color style to them simply changes their color.

The icon set is the larger version of the standard Sanscons icons (16*16px) & comes in 4 sizes:  32*32, 48*48, 64*64 and 128*128 pixels.

P.S. a CSS customization example can be found at the standard Sanscons icons page.

Special Downloads:
Ajaxed Add-To-Basket Scenarios With jQuery And PHP
Free Admin Template For Web Applications
jQuery Dynamic Drag’n Drop
ScheduledTweets

Advertisements:
Professional XHTML Admin Template ($15 Discount With The Code: WRD.)
Psd to Xhtml
SSLmatic – Cheap SSL Certificates (from $19.99/year)