Tag: CSS Sprite

A Drag ‘n’ Drop CSS Sprites Generator – Stitches

Stitches is an open source HTML5-powered application for creating CSS sprites on the fly. With the help of a couple HTML5 APIs, images can be drag 'n' dropped and the sprite image + CSS rules are instantly generated. It uses Modernizr to check for drag-and-drop, FileReader, and canvas support (which are ...


Plastique – 100+ Free Vector Icons With CSS Sprites

Plastique Icons is a set of 100+ free vector icons that includes variations of popular items like file, folder, database, calendar, etc. and many other unique ones. The set is colored black & white color and comes in .AI format so it can be resized or the colors can be changed completely. There is also a sprite ...


Sprite Navigation Generator: Nav-o-Matic

We know that using CSS sprites has a very positive effect on website speed by decreasing the amount of HTTP requests. Nav-o-Matic is a free online service which makes generating navigation sprites easier. It simply asks you to upload the image of the navigation which has 2 rows (for normal and hover states, like ...


Creating A Bubble Effect With CSS

AEXT.NET, a blog focused on web design & development, is presenting a very detailed tutorial on creating bubbles effect (like Apple Dock) with CSS. The tutorial includes two methods: CSS sprites (basic) & the image swapping (advanced) which will be generating the same visual output. The effect ...