CSS Layout

I have recently came across a free online tool for web button 2.0 generation provided by Free Web Stuff

You can select different button styles such as Vista, Mac, Gel or plastic as the foundation of your button. Other configurations include font families, sizes, styles and colors. The generation of the final button is pretty fast and is available in zip format for your quick download.

Try this tool out and let me know how you feel

Most Webmasters would prefer some quick ways to generate CSS layouts especially when they do not have the resources or knowledge to create one from scratch. The following are some of the generators that we can use to generate CSS layouts according to some settings:

CSSCreator

This generator will create either a fluid or fixed width floated column layout, with up to 3 columns and with header and footer. A CSS layout can be easily created by selecting the structural elements for your layout needs, such as a header, a footer, and columns. You can also specify a size in the field provided and choose a background color from the color chooser.

Layout-O-Matic

This is the most easy to use generator as compared to the rest Layout-O-Matic generates cross-browser compatible layouts with a wide range of choices - no columns, 1, 2, or 3 columns. You can also choose your colors, widths, and more, and this tool will generate the layout and CSS for you.

CSS Source Ordered Variable Border 1-3 Columned Page Maker

Upon loading this tool, you would agree with me that this tool is the most sophisticated generator that you can ever find! With the great detail settings, you can go ahead and generate a more robust layout. You should definitely give this a try if the above tools do not suit you

DHTMLSite.com has recently compiled a list of free CSS and JavaScript powered calendars that looks pretty neat for the Webmasters’ usage.

These calendars can be useful when you want to allow people to pick a date from the form or simply display the monthly information. Most of the calendars can be customized if you have some basic CSS knowledge as well

A great difference between CSS and JavaScript powered calendars is that some users may have their browser’s JavaScript capability disabled. Therefore, they cannot see or use any calendars that are JavaScript powered. On the other hand, CSS powered calendars can be displayed on all the browsers and they are getting more and more popular these days.

You can find the useful list of calendars at DHTML Site

Matthew Pennell has recently came out with a new tool, Grid Calculator. This useful tool allows the layout designer to have a feel on the final layout appearance by adjusting the variables such as font size, number of columns, column width and gutter width.

By changing the respective parameters, this tool will output the total width size that you need to cater for the layout. I believe that this tool still has a lot of potential to grow.

Feel free to drop by and have a feel of the tool

At times, CSS designers would want to optimize their codes so as to make them more compact and achieve a better performance. This is where I find this great tool, CleanCSS is ideal for the task.

This CSS formatter and optimizer is available in three different languages (English, Deutsch and French). You can also decide on how much you want your codes to be compressed and clean up, there are four levels of compression:

• Highest - No readability, most compact
• High - Low readability, high compact
• High - Normal readability and compact
• Low - High readability

This optimizer also allows some other advance options for compression such as sorting and removing last ; etc. The designer should also note that CleanCSS will not validate codes