This is the blog of Adam Kalsey. Unusual depth and complexity. Rich, full body with a hint of nutty earthiness.
This is the blog of Adam Kalsey. Unusual depth and complexity. Rich, full body with a hint of nutty earthiness.
8 Jul 2004
If you’re reading this in a browser you’ve no doubt noticed that the site looks different. If you’re reading this in a news reader, then you probably don’t care what the site looks like. The previous design has been hanging around for nearly four years, although the details have changed over time.
Many times over the last few years I’ve wanted to redesign this site and several times I’ve actually started on a new design. Each time something has kept me from completing the design and putting it online. Instead, I’ve nursed the old design along, changing elements here and there, refactoring the site and evolving the design.
This time, I didn’t set out to redesign the site. I simply wanted to continue the progression of small improvements. Something I’ve always felt about the design of this site is that the logo wasn’t strongly tied into the rest of the site. The orange hexagons weren’t reflected anywhere but the logo. My plan was to simply add some orange and some angles into the design. Before I knew it, I had completely changed the design of the site.
Although there were some technical problems with the layout and some things about the new design I didn’t like, but overall things seemed to be working pretty well. So I dumped the old stylesheet, tweaked my templates and uploaded the new files. Now I have a new point from which to start my refactoring.
Some of the technical problems have now been solved, but others remain. A portion of the banner at the top overlaps the menu in Opera. That particular problem was introduced after a workaround of an IE/Win CSS bug. Given the numbers of people using Opera on this site, I’m not going to spend much effort fixing the Opera problem.
One problem I’d like to fix is in Safari. The search field and the graphic at the right of the banner both are positioned about 100 pixels too low — but only on pages within my blog…
The CSS is the same as the rest of the site, so there must be something in the HTML that’s fouling things up. I’ll hunt it down when I get a chance. Safari also won’t let me style the form buttons. I don’t really want to use an image for the submit button for a variety of reasons, so I’ll have to live with the unstyled button.
Poke around the site and let me know if you find anything terribly wrong. If you come across a page with the logo sitting on a white background, it’s using the old template with the new CSS and will be updated eventually. Constructive criticism and suggestions on the design are more than welcome.
I MUST get round to doing drop shadows! This looks really cool.
Couple of problems - no images of portfolio sites in IE6, for me anyway, but they come up fine in Firefox. And if you want really small text, take another look at your contact details! Minute on 1280x1048.
Looks good to me. That is, it renders nicely in Firefox 0.9.1.
Also, I love the large headers for the articles.
Nice job Adam!
I really like how you’ve tied the tabs and search button with the logo. Too bad Safari doesn’t accept button styling. It’s something that’s vexed me for awhile.
I’ve noticed that most of you pages — like this one — don’t have a doctype. This might be causing your Safari positioning problems, but that’s just a guess. I’m sure you’ll get everything sorted out over the weekend.
Brilliant. A huge improvement. Feels very professional. :)
Porfolio images fixed — dang IE disappearing float bug. If you have floated elements vanish in IE, try giving the element some dimension (width: 4em;) or use position: relative.
The doctype is slowly being added back into the pages. It’s one of the side effects of stripping the templates down and starting over. I’ve got it in the weblog pages now.
The small text size has been bumped up a notch. The contact details were small in IE because I missed a closing UL tag in the feed list above it.
Hey Adam,
I was just checking out the site in Safari (1.2.2) now that the doctype is there and the search field and the graphic look OK.
I figured you were still tweaking your new MT templates and it was a matter of time for everything to fall into place :-)
Once again, nice job Adam!
The site re-design is looking nice. In Safari 1.3 Developer Beta (v146) the cut corner on the tabs display a slightly different background color than the grey background stripe.
I don’t see it in Camino or Firefox though, so it may just be a weird Beta issue.
The non-styled buttons don’t bother me, although they do look cool when displayed correctly.
Adam, the site redesign looks fantastic!
The drop-shadow image is a nice touch. Good professional use of CSS. Well done.
Very nice. I like the new design.
Cool new site design, but would you please re-do your wonderful “Button Maker” page? I loved making buttons through that page, and now I cannot. All that appears on the page is the first section and the “submit” button… :o(
Hey,
I like the redesign, and in this case that’s no easy task, as I was a fan of the old site.
Wow, looks great on the CRT!! Nice.
Yay! Button Maker is back! Thank you.
Adam Kalsey
Mobile: 916.600.2497
Email: adam AT kalsey.com
AIM or Skype: akalsey
©1999-2010 Adam Kalsey.
Content management by Movable Type.
Adam Kalsey
Jeroen
July 9, 2004 12:23 AM
Really nice! One remark: the small texts used in the footer and above the comment form are really small (I use Firefox on Windows).