So I finally got around to redesigning my site with the sacrifice of being overworked and silence on my blog over the past month. For those who still stuck around, I appreciate your support very much!
Why the Redesign?
I try to keep a tradition of redesigning my site every year to test my skills and also to look back at my progress. Another reason for the redesign was to fix some usability issues as well as re-organizing my categories and posts. I felt some posts were hard to find and the categories were getting a bit mixed up. This redesign was way over due and I’m happy I’ve finally finished it off so I can move on with my other projects.
The Color Scheme
The main reason why I chose this color scheme was to tie Design Bombs back into my personal website. I wanted to have my blog and the gallery side by side, and having similar color schemes and having the gas mask mascot seemed to tie things into place.
Blog Top Navigation / Sub categories
I reorganized the top navigation so you can easily find the articles you are looking for. I also created a Beginners and Intermediate section for those who are trying to filter tutorials by their learning levels.
Side Column – Design Bomb Gallery + Resources
I’m not sure why I never had this page but now that I have a decent amount of articles, it was a good time to list them for those who wanted to quickly browse.
RSS Subscriptions (All posts vs Tutorials only)
Sticky Tool Box & Switch Article View
In the post level pages (like this page for example), I added a sticky tool box on the left side so you can easily access them as you read the article.
Since the site is dark, I wanted the users to still be able to have a choice of reading text on a white background. Reading long articles on a dark background can be straining on the eyes, so now you have a choice on how you can view each post.
This site was my first attempt at HTML5. I had a lot of fun coding it and I also learned some great things about the new features and benefits. One of my favorite places to research about HTML5 was www.HTML5Doctor.com. It was an excellent source and they do a great job breaking it down. Some CSS3 were also sprinkled on top for those with modern browsers.
I stopped supporting IE6 (if you are a regular visitor and still on IE6, please upgrade!). Knowing that 2% of my visitors were IE6, I felt it was now time to lay this browser to rest. Good bye ol’ friend…
A New Direction
As I was redesigning this site, I tried to view this as if I was the client. I felt the previous site didn’t really show my true personality and didn’t represent who I really was. I would like to switch gears and make this more of a personal blog (on top of the regular tutorials of course). I won’t bombard you with personal gibberish day after day, but I am planning on sharing something I find inspiring or interesting once a week (maybe on Fridays).
Critiques, Comments, & Feedback
I am always open to constructive criticism and feedback. If you have any, please don’t hold back!