Creating Shapes With CSS Borders

I’ve been working on a site the last couple of days where my design calls for some large blocks of color that aren’t in rectangular shape. I didn’t want to use images for those trapezoidal shaped blocks, in part because I prefer to use code whenever I can to save download time and in part because using images would reduce the fluidity of the design somewhat. Fortunately the css border property comes to the rescue and with it the ability to create shapes other than simple rectangles. Add some JavaScript and the results can be pretty amazing.

Continue reading

The Rule Of Three And Sales Conversions

A simple rule in writing suggests that things that are grouped in threes are more satisfying to the reader and are more effective than any other number of things at delivering a message. For whatever reason human beings tend to think of things in triplets. We remember things best in threes and scan visual elements better when grouped in three. By using and appropriately breaking the rule of three can we improve conversions on our websites?

Continue reading

A Tale Of Two Design Philosophies: Consistency Vs Wow

This morning I read an interesting article courtesy of the New York Times comparing the approaches of Google and Yahoo when it comes to releasing new applications. Yahoo’s approach has been to maintain consistency across it’s various products where Google has usually gone after the ‘wow’ factor when releasing something new. Most of us aren’t Google or Yahoo though, and the two philosophies has gotten me thinking about designs in our own smaller sites, particularly this site, and if either approach is better than the other.

Continue reading

Centering With CSS: Web Pages And Block Level Elements

The question of how to center a css layout in the browser window comes up very often. Seems to show up daily in the webmaster forums I visit and I thought it about time I devote a post to centering web pages that use a css layout. The same technique used to center your entire page will also work to center any block level element within the layout so if you learn it you’ll be able to center anything you want inside your css layouts. It’s also rather simple to learn and use.

Continue reading

My Development With CSS

How do I learn css? I see the question all the time from developers who have become convinced that css has many benefits and that developing sites with a css layout has many advantages over building a site with a table based layout. To help with the learning curve I wanted to share my own development growth with css.

Continue reading