Fresh paint

Freshness Warning
This blog post is over 18 years old. It's possible that the information you read below isn't current and the links no longer work.

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.

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

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.

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.

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!

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!

July 12, 2004 9:52 AM

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

July 12, 2004 12:53 PM

Very nice. I like the new design.

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.

July 14, 2004 6:51 AM

Yay! Button Maker is back! Thank you.

This discussion has been closed.

Recently Written

The Trap of The Sales-Led Product (Dec 10)
It’s not a winning way to build a product company.
The Hidden Cost of Custom Customer Features (Dec 7)
One-off features will cost you more than you think and make your customers unhappy.
Domain expertise in Product Management (Nov 16)
When you're hiring software product managers, hire for product management skills. Looking for domain experts will reduce the pool of people you can hire and might just be worse for your product.
Strategy Means Saying No (Oct 27)
An oft-overlooked aspect of strategy is to define what you are not doing. There are lots of adjacent problems you can attack. Strategy means defining which ones you will ignore.
Understanding vision, strategy, and execution (Oct 24)
Vision is what you're trying to do. Strategy is broad strokes on how you'll get there. Execution is the tasks you complete to complete the strategy.
How to advance your Product Market Fit KPI (Oct 21)
Finding the gaps in your product that will unlock the next round of growth.
Developer Relations as Developer Success (Oct 19)
Outreach, marketing, and developer evangelism are a part of Developer Relations. But the companies that are most successful with developers spend most of their time on something else.
Developer Experience Principle 6: Easy to Maintain (Oct 17)
Keeping your product Easy to Maintain will improve the lives of your team and your customers. It will help keep your docs up to date. Your SDKs and APIs will be released in sync. Your tooling and overall experience will shine.


What I'm Reading


Adam Kalsey

+1 916 600 2497


Public Key

© 1999-2023 Adam Kalsey.