Many developers know that technically, you can create CSS-only buttons with rounded corners and nice gradients. Since it’s often such a hassle, though, they may not bother with it. Button Maker is a tool that takes all of the hassle out of creating buttons for the Web.

Button Maker lets you play with three sliders and some color pickers, and you end up with comprehensive CSS for your button.

While this tool lets you create the buttons, it cannot solve the biggest problem with CSS-only buttons which is that they don’t work on all browsers. I tested the site using Firefox and Chrome and it displayed just fine. Safari worked too, but it lost the gradient on the button (the same thing happened with Firefox 3.0 as well). Internet Explorer choked completely, showing the button as a simple link and lacking even a background color.

I think they should put a visible alert for this kind of behavior or change the CSS so that it degrades more gracefully. Still, if you have the will and energy to fix your buttons for IE, this tool can provide you with a nice starting point.

(No Ratings Yet)

 Loading ...

Erez Zukerman Community buttons, CSS, design, developer, tips, web2.0

Lets face it, no one likes creating HTML sitemaps. They are manual, boring and can take forever. Unfortunately SlickMap doesn’t automate the process, rather they use CSS to turn un-orded lists into a visually appealing HTML sitemap. So it does 1/2 the work for you.

Check it out for yourself! SlickMap CSS

(No Ratings Yet)

 Loading ...

Chester Web Design CSS, Sitemap

CSS Message Boxes

CSS is fantastic and once you have it mastered, you wonder what you’d ever do without it. But then again, do you ever master it? There is so much more you can learn.

Here is a great tutorial on how you can use CSS to create message boxes for different events; success, fail, warning, information.

CSS Message Boxes for different message types

(No Ratings Yet)

 Loading ...

Chester Web Design CSS