WebResourcesDepot

Posted by | Posted on 13:23

WebResourcesDepot


Data URI Sprites Generator – Spritebaker

Posted: 13 Sep 2010 10:04 AM PDT

Data URIs, which is a way of using data in-line in web pages, is a great method for minimizing HTTP requests and speeding up websites.

The common usage is simply encoding data (mostly background-images) in Base 64 and including it to the stylesheets.

Spritebaker

Spritebaker is a free web application which automates this process for you.

Just mention the URL of the CSS file, it will search for the background-images + fonts (non-local ones) and create a new stylesheet with these stuff converted to Data URIs.

However, don't forget that Data URIs usage isn't perfect yet like the CSS file will grow (you must turn on gzip-compression) or <IE8 browsers will be incompatible. It'll be a good idea to check the suggestions by Spritebaker.

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)

No tag for this post.

Related posts

A Compact jQuery Image Slider – Orbit

Posted: 13 Sep 2010 01:07 AM PDT

Orbit is a lightweight (2.8kb compressed) jQuery plugin for displaying multiple images in a limited space.

The HTML markup is pretty clean, just an element that wraps multiple images where the captions are generated from the title tags of these images.

jQuery Image Slider - Orbit

Images can be browsed using the prev-next buttons which appear on hover and there is an optional timer letting the user know when the next image will be displayed.

This easy-to-use plugin has several options like the animation type, animation speed, enable/disable previous-next buttons, captions, timer 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)

Tags:

Related posts

Comments (0)

Post a Comment