Web Design by Sheriar Designs: Impeccable Code | Beautiful Design

I recently finished a relatively large site involving 12 different page templates. When I was finished, I sent off all the templates to my client for production, along with one enormously long style sheet. The client was very pleased with the site, but wanted me to make things more “modular” – the production team was a large one and they needed for multiple people to be able to work on various sections of the site at once, using a version control software to keep track of changes. I had already marked up each page-specific area on the style sheet with comments, but apparently when my client’s production team tried to pull these sections out and deliver them only to their intended templates things were breaking all over the place.

Ok, this so this is kinda off topic but … If you’re at all like me you may have several various electronic goodies in your bedroom. I have an answering machine, a wireless router, a modem, a laptop, a cellphone charger, a vonage thingy, a video game console, and an Altec Lansing iM3. Sheesh! And all of these electronic goodies have little glowing lights which have been driving me slowly mad.

In the second installment of my Energy Muse Case Study Series I will discuss how I accomplished this layout in a semantic way. The challenge was to connect each text lable with its corresponding image while maintaining the unique positioning of each and the visual of a line running between them. I also wanted the text to have a hover effect when its corresponding image was moused over.

I am proud and delighted to announce that Faded Flowers has now become my second design accepted as an Official Design in the CSS Zen Garden.

When the Faux Columns Article on A List Apart first came out in 2004 it was pretty sweet information for a lot of us. Finally we were able to make our two- and three- column layouts look like those columns actually extended the entire height of the page, no matter what the height of their actual content.

Now I want to show you how to take that a bit further. Inspired by my work (in progress) of redesigning/recoding the Zend.com site, I will show you how I accomplished rounded, stacked columns (six of them in this case) with “more” links that all sit in the same spot relative to the bottom of their columns, as in this layout.