If you’re a regular visitor, you probably notice things look a little different around here. After many late nights, this blog is finally redesigned using CSS for positioning and no tables. And, for the first time ever, I not only coded a site entirely by hand with no wysiwyg software, I’ve also created a site that validates!
It’s not perfect, and there are still a few bugs, but it looks the same on the few browsers I tested it on. It looks good in Safari and Firefox, and it took some struggling, but it should also look fine on Internet Explorer 5+ in Windows. (Funnily enough, after getting the site to look right in Explorer on the PC, it fails to look right in Explorer on the Mac, but I figure if you’re on a Mac and you’re using Explorer instead of Safari or Firefox then you’ve got bigger problems).
Obviously, I just finished redesigning the site right when all the brouhaha began surrounding MovableType. I like using MT, and as a single user the pricing scheme doesn’t immediately affect me, so I’m continuing to use it, and this site is now powered by version 3.0.
So what’s new in this version of RobotJohnny.com?
* There are numerous banner graphics that load at random. Design and usability snobs might say this is impractical, but for me this site’s about having fun and being creative.
* The main page now features a trendy “link-of-the-moment” section which gives me a place to post links that are worth sharing but don’t necessarily merit an entire post.
* Using KungTunes, the main page also now displays whatever song I’m currently listening to in iTunes.
* I’ve ditched AllConsuming, whose servers are as slow as hell, in favour of the MTAmazon plugin.
* The blogroll has been moved to its own
* Finally, I’ve enabled TrackBack for those of you other bloggers who want to take advantage of it. TrackBack entries show up on the sidebar of an entry’s page, and that entry’s TrackBack URL can always be found at the bottom of the page below the comments.
I checked how the site looks on other browsers using a friend’s Windows laptop (Thanks, Mira!) and I also payed for an hour of BrowserCam (which didn’t last long). But that being said, do let me know if you see any glaring problems ( The biggest cross-browser problem is that the sidebar didn’t always line up with the background graphic) and what platform/browser you’re using. I’d obviously like to have the site look as nice as possible in every browser.
So welcome to RobotJohnny.com, version 6.0! Kick your feet up, relax, and enjoy your stay.
Oh, and another thing: when I imported my entries from the previous site, some of the authored-on and comment dates had their time switched from AM to PM (and vice-versa). Anyone able to shed some light on that?
kartooner says:
Nice work John. Looks sharp!
I can tell you’ve put a lot of work into this and it certainly shows.
Ethan says:
Gorgeous work — congratulations!
Kyle says:
I need to get Gill Sans.
I just ran the site through icapture over at danvine.com, and it’s amazing how much nicer it looks in Safari.
Marisa says:
The new blog looks spiffy! It merits a daily read, and I comply. Good job, Johnny!
poe says:
Very nicely done. easy on the eyes.
patricia says:
So you’re saying I’m a loser just ‘cuz I don’t have Safari or Firefox? Hmmph. Damn. If this doesn’t motivate me to get OS X, then nothing will. Damn you, Johnny. Looks good, but a bit wonky on my luddite browser.
katharine says:
Looking at the site using Mozilla 1.6 on XP and I don’t see any of your applied CSS or styles. Just a giant headline on a white background and no layout. Can take a screenshot and send it along if you like...works fine in IE though.
lucia says:
i love the new update! you did such a great job! i was wondering, how did you create (code) the random banner graphics at the top. i’ve been trying to figure it out, but i’m still clueless about webdesign - i’m a newbie. if you don’t mind sharing that would be soo cool of you! thanks a bunch!
erika says:
This is so good! I’m jealous, envious, all that good stuff. I want to make the leap to CSS but I’m scared. Your success pushed me a little further to making the leap.
Did you buy any books or did you do it completely from online sources?
Robot Johnny says:
Thanks everyone!
Katharine: sounds like Mozilla just has the site’s old CSS cached (same thing happens in Safari and Firefox until you hit the reload button.
Lucia: The randomization is handled by a PHP script from A List Apart.
Erika: I used various online resources, but the one book I used was Designing with Web Standards by <a> Jeffrey Zeldman.</a>
kevin says:
lookin’ gooood!
Ryan says:
Looks great! Well done…
manuti says:
Yes, this look good. Really the site validates?
(sorry if I make mistakes, I donīt have a good skil in english)
paperfingers says:
refresh ... refresh .... refresh ...
ok, i think i saw them all for now. new sketches in the random sketches too! it’s all too much to take in at once.
btw, patricia, you don’t need osx to run firefox. au contraire, it runs better than everything on everything.
and i think katherine’s mozilla-white-background is cured with a refresh. i saw it too, the first time ‘round.
Ryan says:
Your IE MAC woes are an easy fix.
In the middle of your rule throw in a commented backslash like so.
Rules for IE MAC…
/*
REAL RULE, here it is hidden from IE MAC
*/
Now it returns to normal style sheet parsing.
katharine says:
Yup, works (and looks) great now...uh duh!
Gord Fynes says:
Looking sharp! Tables be gone!
Mira says:
Any time babe.
josie says:
Very nicely done! Feels good to have it working well, hey?
Zombie Claire says:
It’s SUPER I CAN SEE IT
I AM THRILLED!!!!