Damon Payne: Hand waving Silverlight Architect

103db signal to noise ratio at < .03% total harmonic distortion
Solution Architect, software developer, geek
Damon Payne at Blogged
2009 Microsoft MVP - Client App Dev
2007 Microsoft MVP - Solution Architecture
 Friday, November 28, 2008
« Towards a Validation Framework for Silve... | Main | There's Something Wrong with the Old Sch... »

After some hideous CSS work I have deployed a new default theme for the blog.  I couldn't have done it without the help of CJ from CarSpot; I definately owe him a link on here as soon as I find the URL of his freelance site. 

The old design looked horrid in some browsers, mostly IE 6, 7, and 8 and Firefox 2 and 3...

Some older pages/huge images are absolutely breaking the layout still, but anything newer (posted with Live Writer using <pre> tags for code) should be working and scrolling code.  Please leave me a comment if you notice anything broken and I'll continue to tweak.



Friday, November 28, 2008 12:05:56 AM (Central Standard Time, UTC-06:00)  #    Disclaimer  |  Comments [5]  |  Trackback Related posts:
Next Mix it Up! Tour Stops
Mix It Up! Tour Dates
Silverlight: Write and Win first place
possible dasBlog bug
Upgrade Complete
64bit Adventures

Friday, November 28, 2008 1:19:33 PM (Central Standard Time, UTC-06:00)
Nice new layout, very much the beginning of a "web 2.0" design (yes, 2.0 design does exist - its not just about the inner workings..). Make sure that you are consistant - your "about me" section font needs to be tweeked, and match this design. Same with some of the other fonts (you are mixing serif and sans serif fonts - hard on the eyes). make sure they all match to give your blog a consistant look, and more professionalism.

I would also brighten the main text font a little - its a bit subdued, and blends a bit too much into the background, and black text on things like the calandar are essentially unreadable against the brown background. The bright blue that is used with that font size blurs the font too much - making letters smear into each other, straining the eye - is this a "bold"? if so, unbold this, or make the font bigger. The text is really what people will be reading - you need to make it easy for them to do so. useability is king for text based anything (look at the New york times on line - the layout is black/white but its extremely easy to read, there is a minimal amount of things drawing your eyes away from the article - a very friendly layout for users) The text font size is smaller than the links - that seems backwards especially if the text is the predominant focus.

Also make sure there is consistancy in your hover, on/off states across all links - for example you have related links in blue(bold?) and you have "disclaimer and comments in white. these really should be the same color to train the user what is clickable and what is not, and that white is much easier to read. Its a general best practice to do this. (i haven't checked all of them - I'm just making a suggestion)

Capolan
Sunday, November 30, 2008 12:17:16 PM (Central Standard Time, UTC-06:00)
For the most part the designers warned me about these things though they did approve the grey on grey text. They also pointed out that I could tweak this _forever_ so I went for deploying sooner and tweaking as I think of it - it's already way better than the previous version.
Tuesday, December 02, 2008 1:16:51 AM (Central Standard Time, UTC-06:00)
I would change the color of your links, that blue is a little to bright in my opinion, it actually hurts my eyes a little. Id either use the orange from your title or if you really want blue try #3799FF, it tests well against the brown/orange combination you use.

Compare this to this
Tuesday, December 02, 2008 1:19:24 AM (Central Standard Time, UTC-06:00)
Or maybe not, as those links seemed to work in firefox but not IE. weird
Tuesday, December 02, 2008 8:01:41 AM (Central Standard Time, UTC-06:00)
The links did work for me. I will eventually fix that blue.

It's gray, not brown!
Name
E-mail
Home page

Comment (Some html is allowed: a@href@title, strike) where the @ means "attribute." For example, you can use <a href="" title=""> or <blockquote cite="Scott">.  

Enter the code shown (prevents robots):

Live Comment Preview