Findings:

1. Mail Chimp Can display full HTML and images, strips CSS class on image, had to use a little custom code from this post to get HTML and images to display the way I wanted.
2. FeedBlitz publishes the HTML of the full post, with CSS classes intact can add custom CSS in the head to float images. Funky GUI over all and has few template options that I could I find.
3. iContact publishes the excerpt from the RSS feed, no images little design control.
4. Campaign Monitor Couldn’t find a way to send out RSS automatically

Over all I like Mail Chimp for both regular email marketing and RSS email publishing.

Inspired by Pure CSS Shapes: Triangles, Delicious Logo, and Hearts and with Free Comic Book Day coming up I created a Green Lantern logo using CSS, HTML and no images. Only works in Fire Fox. I created a new version, now works in FF, Opera and Webkit.

V1 Demo

V2 Demo

Simple Bits has some fun ascii art in the their css

tweet: vector and raster pack

One Adobe Illustrator file

Two PNG transparent background raster files (315×309 and 590×573)

In this corner coming in at version 0.25 Shink O’Matic! And in the far corner coming in at version 0.5.3.1 ImageSizer!

Shrink O’Matic comes out strong with drag and drop image resizing, with a fresh and clean design.

Oww! ImageSizer strikes a blow with whole folder import, screen snap detection and drag and drop image import options.

Shrink O’Matic hits back with four output formats, auto file renaming. Follows up with a round house blow; intuitive navigation.

ImageSizer comes back strong with individual file renaming, cropping and image rotation. ImageSizer finishes with output to a new folder, a zip file, Flikr and Twitter upload options.

ImageSizer! The winner!

For a client with little understanding of images who has a 50 megapixel camera, because he likes big numbers, and only wants to upload a few pictures at a time Shrink O’Matic is most likely the best fit for him. For a professional photographer who wants to upload whole galleries to his NextGen gallery ImageSizer may be the right fit, import a folder output to a zip and upload it to an album/gallery. The down side to ImageSizers is the single file format output and complexity of options. Shrink O’Matic is easy, maybe too easy, but has multiple file formats to choose from.

What do you think?

Detail article regarding this at the-art-of-web.com

screen shot of space 15o’s code.

1. Merge the two images as one.
   
   
   you will notice the image is 60 pixels in height I have placed the guide at 30 pixels and place the rollover text on the guide.
2. The markup is simple:

   <a class="rollover" href="link/" title="Rollover Link">Rollover</a>

   Break down of the code:

   <a » the a tag
   class="rollover" » CSS identifier
   href="link/" » file location
   title="Rollover Link" » title tag this good for SEO
   >Rollover » Link text
   </a> » Closing tag

3. The CSS is simple as well:

   a.rollover {
   background:url(rollover.gif) no-repeat;
   background-position:top left;
   display:block;
   height:30px;
   width:160px;
   text-indent:-999px;
   overflow:hidden;
   }
   a:hover.rollover {
   background-position:bottom left;
   }

   Break down of the code:

   a.rollover {
   background:url(rollover.gif) no-repeat;   /* places the image in the background of the link */
   background-position:top left;   /* background position */
   display:block;  /* this changes the default render style from inline to block creating a "box" */
   height:30px;  /* sets the height of box */
   width:160px;  /* set the width of box */
   text-indent:-999px;  /* pushes the text out of the box */
   overflow:hidden;  /* this hides the text and lower part of the image that is outside the defined box */
   }
   a:hover.rollover {
   background-position:bottom left;  /* slides the image up creating the rollover effect. */
   }

4. In action: Rollover