CSS As Art: The CSS House

One of the reasons I’ve often given for using css is that it gives you more control over your design. You can create with css in ways that html attributes never allow. Case in point is Chris Hester’s CSS House, an artistic creation styled solely with cascading style sheets.

Continue reading

Using Conditional Comments to Fix IE Bugs

Anyone who has ever developed a website is aware of cross browser inconsistencies. This is especially true for those of you rightfully working to eliminate table based layouts and make the move to an all css layout. Often what works in one browser won’t work in another or more precisely when you follow the standards like you should it often won’t work in Internet Explorer. Fortunately it’s not too hard to workaround the problem. The two methods I use most often are the underscore hack and Conditional Comments.

Continue reading

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

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

css.php