Using Coconuts - a Pythonic Blog

Username:

Password:


Don't have an account? Get one!

Site Theming Issues: Part 2

New theme! Again!

http://blog.opensourcenerd.com/upload/hooray-cat

Now, kudos where they're due: the layout ideas, and general background are the ideas of the "Chris" who posted on my last blog. Chris Haseler is the younger brother of a friend of mine, and has actually made a pretty swanky blog for himself. Sadly, his AJAX comment submission is currently broken, and he hasn't gotten around to posting much meaningful content, but he's got a good eye for web design... in my humble opinion.

So, now, comments on the new style? Turns out when I mentioned CSS3 is slow, I mostly meant the box-shadow and text-shadow properties. Rounded colors and RGBA colors are shiny and don't take that much processing. That being said, the site is currently supported in:

  • Firefox 3.5

... Yes, that's it. It sort of sucks, but I seem to have make a few bad decisions while coding, and I have the following bugs:

  • Google Chrome (dev branch)
  • The back and forwards arrows aren't lined up with each other.
  • Some rounded edges don't appear where they appear in Firefox.
  • Safari 4
  • Does not seem to support the String.trim() function. This is causing my Javascript to crash, and the left pane isn't being hidden properly.
  • Some rounded edges don't appear where they appear in Firefox.
  • Opera 10
  • Does not seem to support the String.trim() function. This is causing my Javascript to crash, and the left pane isn't being hidden properly.
  • No rounded edges appear -- that's new. It might be just Opera's support for them being odd, because they are omitted even where I have -o-border-radius.
  • IE 8
  • Does not support rounded edges.
  • Does not support String.trim() so left pane is not hidden.
  • Does not support floating like the others, so top tabs are broken.
  • Does not support RGBA colors (color + transparency) so some semi-transparent areas are fully transparent.
  • ReCAPTCHA input is broken - I didn't even touch that one.
  • Do you see all those "does not support" things above? They mean one thing: IE Sucks. If you are still viewing my website with it, upgrade to something better.

So yeah, I will be fixing all of these as time goes on. All except the IE stuff, where I may make some form of compromise, maybe to just plain readability.

Not a moment too soon, either, since I have some things which I am itching to write about!

=D Looks good.

Though I think you should have the background fixed, because the transparencies at the bottom just look like empty black areas. And maybe put the "Digg" button in the sidebar? Or collapse it somehow?

One more thing: the email image is fixed! w00t!

on 2010-01-11 01:54:30

Oh the comments are awesome too!

on 2010-01-11 01:56:34

I like the way the lower backgrounds are all black. And, it's hard to make a gradient over the entire site, since it's of unknown height. Unless you're suggesting the background scrolls with the page, which to me seems like it would look terrible.

And yeah, I'm thinking to move the digg button to the leftpane. (I have two panes, one is absolute positioned left for pulling out, and the other is floated right).

on 2010-01-11 16:24:39
New Comment
You're not logged in! Log in to be awesome!
Format: BBCode ReStructured Text

Author (max. 20 characters):