Project Afterlight Burnt Edition

It all began when WordPress 2.2 was released. I was overly excited to upgrade, so I fired up my development server and updated my installation as per the instructions in the WordPress Codex. I was so sure I properly followed the steps, only to see later that the whole installation got messed up. I got database errors, memory usage inconsistencies, layout issues and a few more. Overall, it was a frustrating experience. Thank God, I was only doing it on my development machine. Then I thought of upgrading my live WordPress installation with a new design. I figured that it would be a better way for me to have some practice.

Now I present to you, Project Afterlight Burnt Edition.

Project Afterlight Burnt Edition is inspired by a design from the CSS Zen Garden. Visit it some time and look for Corporate Zenworks by Derek Hansen. At first look it seemed simple, but what attracted me most was the technique used in coding Corporate Zenworks. I wasn’t particularly inspired by Derek’s design. Being in the office isn’t my thing at the moment. It was my passion for writing and a desire to be creative that sparked the idea of having a piece of paper and some sticky notes around. Nonetheless, having found Corporate Zenworks was a blessing for without it, I would have no real basis for my design.

I used absolute positioning in Project Afterlight Burnt Edition. It was relatively new to me, so I was like back to square one when I coded it. Moreover, making it look similar across 6 popular browsers was a real challenge. I was forced to use CSS hacks and some minor changes in the XHTML code just so that my design would display properly. It was a lot of work. I got headaches here and there, but after solving a particular layout problem, I’d laugh at myself. There was one problem in IE7 which took me 2 days to figure out. It turned out that adding only 2 lines of code solved the problem. I had a geeky laugh for a short time, then it was back to coding.

Making a comp in Photoshop took me two days. I spent the rest of the month coding it. I made sure that Project Afterlight Burnt Edition is compatible across popular browsers and several operating systems. Special thanks to my friend, Jef who tested this site in Windows 2000, Windows Vista, Mac OSX and a couple of Linux distros.

I hope you’d enjoy reading my articles as well as viewing this blog. I took special care in coding this design because I truly treasure the time that you spend with me and my blog.

If you had fun visiting my blog, please post a comment. I’d really appreciate it.

This entry was posted on Wednesday, June 6th, 2007 at 0:14 and is filed under Web Design. You can follow any responses to this entry through the RSS 2.0 feed. Both comments and pings are currently closed.