Reboot // SteveMooradian.com

SteveMooradian.com logoI 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.

Magenta trifoil symbolHowever, 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).

CSS Design YorkshireScreenalicio.us CSS gallery siteLight on Dark selected galleryMost Inspired featured gallery

CSS Mania web design galleryW3C Sites valid design galleryCSS Galerie design galleryCSS Galleries featured sites

u comment i follow 9 Comments

  1. scott
    Posted May 1, 2007 at 8:55 am | Permalink

    this looks great. You should work for a web design company…

  2. Posted July 23, 2009 at 11:56 pm | Permalink

    Nicely done. Very colourful and sharp. I like it. And that done with wordpress. Impressive. Scott is totally right.

  3. Bedrijfskleding
    Posted November 8, 2011 at 7:03 am | Permalink

    Very nicely done. The only thing I dislike is that when I go to another page everything disapears and come back (even the things that are the same). Apart from that its flawless.

  4. Posted October 16, 2013 at 12:24 am | Permalink

    Il s’agit d’une post.I vraiment de qualité à travers le moteur de recherche Google pour trouver l’information. J’ai lu avec beaucoup d’attention votre article, il est vraiment très article informatique

  5. Posted January 18, 2014 at 2:01 am | Permalink

    Yes, your website is looking very attractive and awesome. I like it very much. Your website have mostly dynamic pages. It is a wordpress site. It is very unique and colorful.I think you have made a perfect website that everyone wish to design and develop.

  6. Posted February 18, 2014 at 4:23 am | Permalink

    The Photoshop job is really great! Nice job there, i’m so proud that i see al of this great work.

  7. Posted March 1, 2014 at 5:06 am | Permalink

    Yeah, We can use WordPress as CMS, it is premiere blogging software and it’s potential as a CMS is bathy. Most of the wweb designers and developers are using this blog. It works great and easy to use. Here you shared a grat information through your blog. Anyhow thanks for sharing such an informative post through your blog which is useful for everyone.

  8. Posted March 1, 2014 at 5:20 am | Permalink

    Yeah, We can use WordPress as CMS, it is premiere blogging software and it’s potential as a CMS is bathy. Most of the wweb designers and developers are using this blog. It works great and easy to use. Here you shared a grat information through your blog. Anyhow thanks for sharing such an informative post through your blog which is useful for everyone…..

  9. Posted March 1, 2014 at 5:40 am | Permalink

    Yeah, We can use WordPress as CMS, it is premiere blogging software and it’s potential as a CMS is bathy. Most of the wweb designers and developers are using this blog. It works great and easy to use. Here you shared a grat information through your blog. Anyhow thanks for sharing such an informative post through your blog which is useful for everyone.keep nposting such blog in future too.

u comment i followPost a Comment

Please observe these simple rules when leaving comments. Fill out your information truthfully - that means using either your REAL name or a "handle" of some sort (like Mr. Frizzy Monkey). Don't be vulgar or idiotic. If your comment seems to be made for link value, or for advertising your business, and not to contribute to the discussion then your comment will probably be edited or deleted. If any of your info seems fake your comment will probably be deleted. I apologize in advance for any well meaning comments that meet an untimely end... but I'm sure you'll understand and forgive me.

Your email is never published nor shared. Required fields are marked *

*
*