I've developed a new theme for my site. I'm going to elaborate a bit on where I started and what I'm planning.
Step 1
As usual I started the design process without touching a computer. Just some sketching paper and some colored pencils. I know there are some designers that like to start immediately on a computer. If you are comfortable using a vector or image program then go for it.
However DON't start designing a new theme with code. If you do you will start off limited by what you know of code and that will hamper your design.
I've covered this in a previous tutorial but it's always good to restate this for new users.
Step 2
With the design locked down, my next step is to build on a foundation. Now I don't want to use any tables, just div's, since this is the latest rage in web design. Instead of reinventing the wheel I used a very good css framework as the foundation for my theme.
Now I can customize the css to my likening.
Step 3
I really wanted to take advantage of css 3 with this theme. You will see that the block headers are selectable. I did this using @font-face. There are 2 things to be carefull:
1- Copyright. Make sure you can use the font in your theme.
2- Size. The font will be loaded for each clients session. If you are going to use a font that's 150kb or more in size, make sure you have bandwidth to spare. Plus the font will only show on the page once it's loaded. This can lead to your text showing in standard type until the font is loaded.
This theme also uses rounded corners through css3.
Step 4
I wanted to do something completely different with my main menu. So now each menu item is twisted and placed in a specific position. This is done with css3 and works in firefox and chrome. Opera doesn't support this yet.
Once I install some more modules you will see the full effect of this block.
Let me know what you think of my theme.