Check out my domain sometime….

Keep up all the informational posts.

TJ
Boston Web Design

All I can say about your blog is that its overwhelmingly wonderful. But I am more of a fireworks chap and fireworks uses its own kind of png.

Since you are good with AI and PS, your transition to fireworks would be seamless. Just give it a try.

@keith

you can get good web design templates at oswd.org

For flash templates, just google flashmo.

thanks
Keith

p.s I also added a banner for your site in the links section of my blog.

Illustrator files are vector files. You might look into inkscape. (it’s a free vector editor)
http://www.inkscape.org/

~Bitt

Regards,
Sharie Kearns

I just started checking your site on a regular basis, so this is coming a little late, but I have a tip regarding this that you/readers might find helpful. You can take the button image, and the rollover image and place them in the same file, with the button image at the top, and the rollover state directly below it, so the image is now 62 pixels high. The CSS looks something like this:

.button a {
display: block;
height: 31px;
width: 206px;
background-image: url(images/button_tutorial.jpg) no-repeat 0 0;
color: #FFFFFF;
text-decoration: none;
}

.button a :hover{
display: block;
background-image: url(images/button_tutorial.jpg) no-repeat 0 -31px;
}


What happens is the background image is shifted up 31 pixels (the two numbers let you manipulate the position of the background from the left and top respectively), so we see the bottom half, or the rollover state, of the image. This helps reduce the number of image files you use, and since the button and its rollover load at the same time, you won’t get any weird bugs. Hope that made sense…I can re-explain if I confused anyone :).