Free Web Page Headers

Web Design Blog

Thoughts and commentary about web design plus links to helpful resources including fonts, plugins, templates, stock photos, software, scripts, tutorials, and other useful tools for webmasters!

Thursday, September 20, 2007

CSS Layout Generator

The layout generated has changed significantly from previous versions. The main reason for change was to simplify the layout and in doing so make it easier to use. It no longer provides fixed width columns with fluid center or full length columns by default.  This generator will create a fluid or fixed width floated column layout, with up to 3 columns and with header and footer. Values can be specified in either pixels, ems or percentages.  Links to articles in the “Layout Hints” box to the right and the CSS Forum will provide help where needed. The generator requires a DOM capable browser with JavaScript enabled.

Launch the CSS Generator

Wednesday, September 19, 2007

70 Expert Ideas For Better CSS Coding

Tutorial by Smashing Magazine
CSS isn’t always easy to deal with. Depending on your skills and your experience, CSS coding can sometimes become a nightmare, particularly if you aren’t sure which selectors are actually being applied to document elements. An easy way to minimize the complexity of the code is as useful as not-so-well-known CSS attributes and properties you can use to create a semantically correct markup.

We’ve taken a close look at some of the most interesting and useful CSS tricks, tips, ideas, methods, techniques and coding solutions and listed them below. We also included some basic techniques you can probably use in every project you are developing, but which are hard to find once you need them.

Read the Tutorial

Tuesday, September 18, 2007

2-Col Tableless Layout Tutorial at Wellstyled.com

Sometimes you may need two columns of the same height in your layout. If the height of their content differs, their backgrounds should flow and end at the same position. This is exactly how columns were made by tables.

There are several ways to make two columns in CSS. You can use one floating block, both blocks floating, one block positioned into other’s margin etc. Anyway, every time the block ends where its content ends. That’s OK — in fact, the “same-height columns” is just a design illusion: not the columns, but the background under them makes the effect. Thus, let’s make the columns of their own height and then just play with the background. That’s the matter.

View the Tutorial

Tuesday, September 18, 2007

Monoslideshow - Your Photos on Your Site

Monoslideshow is a Flash® slideshow to view your images in a web page. It can be placed on every website, in whatever size you want and filled with whatever content you like. It’s designed for maximum flexibility, whether you want to have a professional looking portfolio, or just an image rotator on your website.

Saturday, September 15, 2007

BrowserShots - Test Your Web Design in Different Browsers

Browsershots makes screenshots of your web design in different browsers. It is a free open-source online service created by Johann C. Rocholl. When you submit your web address, it will be added to the job queue. A number of distributed computers will open your website in their browser. Then they will make screenshots and upload them to the central server here.