Negative99

I just totally revamped, augmented, and otherwise “rebooted” my main vanity personal site SteveMooradian.com. I wanted to put together a brand new site that more illustrated the confusing plethora of scattered interests and endeavors that have pervaded my existence thus far. Sure, I toyed with the idea of a serious portfolio type site for web design… but then I’d have to do another site to handle my love of the guitar… and then another site to brag about my lambskins (college degrees).

In the end I decided to wrap everything about me into one site. The design had to be bold and vivacious, yet clean and classy. Light on dark was a given. In the end, my nuclear engineering roots provided the inspiration for the design (hence the magenta trifoil and glowing green). I titled it, Nuclear Magic.

However, this new website not only serves as my personal site but was also a great proof-of-concept for using WordPress as a CMS. WordPress is widely regarded as the premiere blogging software… but its potential as a CMS is profound. So many web designers and developers already have WordPress blogs and are familiar with skinning and modding them… and the administrator interface is easy-to-use. Pound for pound you won’t get more bang for your buck when developing a dynamic website. WordPress works great, is free, and is easier to use for what it does than anything else I’ve ever even heard of.

Everything you see at SteveMooradian.com that is not part of the site’s physical design is dynamic. This is extremely significant. ALL images are called out in CSS or in MySQL… not the source files. All main textual content is stored in MySQL. On my Web Design, Programming, and Guitar & Music pages the lists of sites, projects, and bands (respectively) are all WordPress posts with categories matching the page title. The links at the bottom of every non-Home page are actual WordPress “Blogroll” links with categories matching the page title. Except for the Home and Gallery pages, each page is built from identical PHP code!

All my coding was done using Notepad++. All graphic work in the design was created by myself using Adobe’s Photoshop and Fireworks software. All markup is valid XHTML 1.0 and CSS3. All of the site conforms to 508 and WAI-A accessibility standards. All dynamic content is semantic. NO TABLES!

I designed the site using progressive enhancement so that I could be search-engine friendly and accessible while also providing a rich user experience to those with Flash and JavaScript-enabled browsers. Examples of progressive enhancement are as follows: I used sIFR to style my headings for users with Flash-enabled browsers. NO images were used for any headings on my site. I used swfIR to style most of my content images for users with Flash-enabled browsers. All drop-shadows and rounding on content images happen dynamically. I used GreyBox for all in-browser popups and image popup galleries for users with JavaScript-enabled browsers.

My new site has already been featured on many CSS and web design galleries… including a prestigious “Editor’s Pick” on the W3CSites.com gallery (which requires strict adherence to valid markup and web accessibility).