Category Archive: web design

Feb 11

Javascript with CSS Sprites Animation

Animated Gif

One of the issues with gif animations is being able to stop and start them at will. This post examines a method of using javascript to control CSS Background Sprites for Animation.

Aug 29

CSS tooltips using CSS Sprites

Thought Bubbles!

For a project I’m currently working on I wanted to make some “bubble” tooltips.  In order to cut down on the size/number of images, I’m using css sprites.  A quick google reveals that nobody else has (at least on the first page) put together tooltips using sprites.  The technique will work with any sort of …

Continue reading »

Aug 28

CSS “width” gotcha

I found out something interesting today.  Per the W3C, the total “width” that a block element uses is: If ‘left’ or ‘right’ are given as ‘auto’, their computed value is 0. The following constraints must hold between the other properties: ‘margin-left’ + ‘border-left-width’ + ‘padding-left’ + ‘width’ + ‘padding-right’ + ‘border-right-width’ + ‘margin-right’ = width …

Continue reading »