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

  • Pitching Bloggers Forget what you learned in your PR classes. Start acting like a human instead of a marketer, and the humans behind the blogs will respond.
  • Debunking predictions Read/Write Web's authors have some goofy predictions.
  • Google on the desktop Google picks up Picasa, giving them an important foothold on people's PCs.
  • Best of Newly Digital There have been dozens of Newly Digital entries from all over the world. Here are some of the best.
  • Rounded corners in CSS There lots of ways to create rounded corners with CSS, but they always require lots of complex HTML and CSS. This is simpler.
  • More of the best »

Recently Read

Get More

Subscribe | Archives

14

Recently

Networking as an entrepreneur (Oct 23)
Having a network is crazy important. Networking is not.
Stretching your team (Jun 11)
Stretching your team is one of the best ways to improve your output, your team's happiness, and your velocity. But they'll need coaching.
Physical camera shutter for Cisco Spark Board (Jul 6)
A 3d printable design for a camera shutter for a Cisco Spark Board
My Travel Coffee Setup (Jan 20)
What my travel coffee brewing setup looks like, and how you can build your own for under $100.
Turkey Legs (May 30)
Product naming gone awry.
Speaking for Geeks: Your Slides (Dec 17)
Tips and tricks for creating great slides.
Speaking for Geeks: Writing Your Talk (Dec 14)
Don’t wait until the night before the talk to write it. Crazy, I know.
Speaking for Geeks: Tell a Story (Dec 13)
Telling a story keeps your presentation focused, keeps your audience interested, and makes it easier for you to remember your talk.

Subscribe to this site's feed.

Elsewhere

Tropo
Voice and communications platforms, including Tropo and Phono. Work.
SacStarts
The Sacramento technology startup community.
Pinewood Freak
Pinewood Derby tips and tricks

Contact

Adam Kalsey

Mobile: 916.600.2497

Email: adam AT kalsey.com

AIM or Skype: akalsey

Resume

PGP Key

©1999-2018 Adam Kalsey.
Content management by Movable Type.