Subscribe / Unsubscribe Enewsletters | Login | Register

Pencil Banner

6 CSS tools to help you build a better website

Nathan Segal | March 22, 2013
Version 3 of Cascading Style Sheets give website designers more control over page layout and page elements. If you plan to build (or rebuild) your small business website using CSS, these six applications are worth a look.

Finally, at the bottom right are the font, color, hover and box controls. These give you a lot of flexibility for styling the menu and the text. For example, you can choose from up to 15 different fonts, including different fonts for the main menu and sub-menu.

CSS Menu 3.3 has two pricing models. A single website license for both Windows and Mac users is $59, while and an unlimited website license is $79.

CSS3 Button Generator

Another time-consuming task when building a website is creating buttons. The Web-based CSS3 Button Generator offers you a solution by letting you create custom buttons for your layouts. (Be aware, though, that these buttons will work only with browsers that support CSS3; otherwise, the buttons might not render correctly.)

The CSS3 Button Generator consists of several sections: Font/Text, Box, Border, Background, Hover and CSS Code. When you visit this site you'll see a button in place at the top of the screen; meanwhile, several settings are already enabled.

When setting the font, you'll encounter some limitations, as your only choices are Arial, Georgia and Courier New. Also, there aren't any controls such as underline, left, right, center, italic or bold, though you can control the position of the text by adjusting the box properties.

Here's an example button-with admittedly exaggerated effects-to give you an idea of what this software can do:

When you're satisfied with the look and feel of your button, copy the CSS code and Web kit settings and use them in your designs.

CSS3 Button Generator is free, though you can make a donation to its creators, the CSS Portal. The minimum default donation is $20.

 

Previous Page  1  2  3 

Sign up for CIO Asia eNewsletters.