Fresh paint

Freshness Warning
This article is over 14 years old. It's possible that the information you read below isn't current.

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…

screen capture of a layout problem in Safari

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.

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).

Nick
July 9, 2004 1:32 AM

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.

kartooner
July 9, 2004 6:19 AM

Looks good to me. That is, it renders nicely in Firefox 0.9.1. Also, I love the large headers for the articles.

Christopher Horrell
July 9, 2004 7:01 AM

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.

Neil T.
July 9, 2004 8:28 AM

Brilliant. A huge improvement. Feels very professional. :)

Adam Kalsey
July 9, 2004 9:08 AM

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.

Christopher
July 9, 2004 4:08 PM

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!

dclal
July 10, 2004 4:56 PM

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.

Dane Carlson
July 10, 2004 8:19 PM

Adam, the site redesign looks fantastic!

Mike
July 12, 2004 9:52 AM

The drop-shadow image is a nice touch. Good professional use of CSS. Well done.

Jason
July 12, 2004 12:53 PM

Very nice. I like the new design.

Margaret
July 12, 2004 1:54 PM

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(

Mike P.
July 13, 2004 3:29 PM

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.

Margaret
July 14, 2004 6:51 AM

Yay! Button Maker is back! Thank you.

Your comments:

Text only, no HTML. URLs will automatically be converted to links. Your email address is required, but it will not be displayed on the site.

Name:

Not your company or your SEO link. Comments without a real name will be deleted as spam.

Email: (not displayed)

If you don't feel comfortable giving me your real email address, don't expect me to feel comfortable publishing your comment.

Website (optional):

Follow me on Twitter

Best Of

  • How not to apply for a job Applying for a job isn't that hard, but it does take some minimal effort and common sense.
  • Movie marketing on a budget Mark Cuban's looking for more cost effective ways to market movies.
  • California State Fair The California State Fair lets you buy tickets in advance from their Web site. That's good. But the site is a horror house of usability problems.
  • Customer reference questions. Sample questions to ask customer references when choosing a software vendor.
  • Comment Spam Manifesto Spammers are hereby put on notice. Your comments are not welcome. If the purpose behind your comment is to advertise yourself, your Web site, or a product that you are affiliated with, that comment is spam and will not be tolerated. We will hit you where it hurts by attacking your source of income.
  • More of the best »

Recently Read

Get More

Subscribe | Archives

Recently

Assumptions and project planning (Feb 18)
When your assumptions change, it's reasonable that your project plans and needs change as well. But too many managers are afraid to go back and re-work a plan that they've already agreed to.
Feature voting is harmful to your product (Feb 7)
There's a lot of problems with using feature voting to drive your product.
Encouraging 1:1s from other managers in your organization (Jan 4)
If you’re managing other managers, encourage them to hold their own 1:1s. It’s such an important tool for managing and leading that everyone needs to be holding them.
One on One Meetings - a collection of posts about 1:1s (Jan 2)
A collection of all my writing on 1:1s
Are 1:1s confidential? (Jan 2)
Is the discussion that occurs in a 1:1 confidential, even if no agreed in the meeting to keep it so?
Skip-level 1:1s are your hidden superpower (Jan 1)
Holding 1:1s with peers and with people far below you on the reporting chain will open your eyes up to what’s really going on in your business.
Do you need a 1:1 if you’re regularly communicating with your team? (Dec 28)
You’re simply not having deep meaningful conversation about the process of work in hallway conversations or in your chat apps.
What agenda items should a manager bring to a 1:1? (Dec 23)
At least 80% of a 1:1 agenda should be driven by your report, but if you also to use this time to work on things with them, then you’ll have better meetings.

Subscribe to this site's feed.

Contact

Adam Kalsey

Mobile: 916.600.2497

Email: adam AT kalsey.com

Twitter, etc: akalsey

Resume

PGP Key

©1999-2019 Adam Kalsey.