New Site – New Direction

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!

Soh Tanaka Redesign 2010

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

Colors
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.

The Blog

  • Blog Top Navigation / Sub categories

    Top Nav
    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 have been wanting to integrate some good finds on Design Bombs on the site, so now you can keep up to date with the latest and greatest design entries as well as the resources.

  • Full Archives

    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)

    Top Nav
    You can now subscribe in three ways: All feeds, tutorials only or by email.

  • Sticky Tool Box & Switch Article View

    Top Nav
    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.

Specs

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…

Big thanks goes out to Jeff Star for all the great WordPress tutorials on www.perishablepress.com. I was on his site many times researching various functions and custom hacks.

Also thanks to Rogie at Komodo Media, Nick at Icon Dock, Mark at famfamfam, and Yusuke Kamiyamane for their beautiful icons.

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!

About the Author

admin
My name is Soh Tanaka and I am a Los Angeles based designer/front-end developer specializing in CSS driven web design with an emphasis on usability and search engine optimization. I also run a CSS Gallery which is updated daily with the best CSS websites from around the world. Come check it out!

Be the first to comment on "New Site – New Direction"

Leave a comment

Your email address will not be published.


*