Dan Rubin's SuperfluousBanter

Copyright, CC and Licensing

Wednesday, September 10th, 2003

This is a bit dis­turb­ing, but not com­pletely sur­pris­ing. Some issues have arisen regard­ing the reuse of designs sub­mit­ted to the CSS Zen Gar­den. These issues have not been brought to the fore by the design­ers (who are all, I believe, 100% behind Dave Shea on this project, its goals, and the par­tic­u­lar issue at hand), but rather by an “indi­vid­ual” who decided to copy a few of the designs for his own dis­tri­b­u­tion, and only thought to ask if it was OK after the fact.

I made quite a lengthy post in the com­ments of Dave’s entry, so rather than re-post my thoughts here, I’ll let you read them in con­text.

Categories:

• Design

5 Comments

Monday Updates

Tuesday, September 9th, 2003

OK, so it’s really Tues­day, but since Mon­day hasn’t offi­cially ended for me…

The side­bar has now been updated to reflect most of the changes made by the win­ning entries of the Side­bar Redesign Con­test. The new look has checked out in IE 6/Firebird on XP, and IE 5/Safari on OS 9/X, but let me know if you see any oddities.

I’ve also made some changes to the images in the side­bar. All rollovers are now han­dled by CSS (no more JavaScript rollovers!), and I’m also using Pixy’s Fast CSS Rollovers. The book ban­ners at the bot­tom of the side­bar use just one image each (images: DWWS ban­ner, Speed ban­ner), while the Style Switcher rollovers all use the same source image (view switcher image). This cuts down on the num­ber of HTTP requests needed to load the page (before: 10 images; now: 3), and there is no more delay for the hover images to load. Very cool.

In addi­tion to these new items (some other posi­tion­ing has been tweaked in this site’s pri­mary css file, so you may have to reload/clear your cache if things look odd), I thought I’d point out (for those of you who haven’t noticed) the header graphic on every page of this site. It’s a PNG file, with no col­ors other than white and gray (view image). The color is vis­i­ble through the trans­par­ent areas of the image, so the image has to load only once, even when a user switches styles. To allow users of IE5.5+/Windows to view this trick, a handy bit of code by Young­Pup tells IE how to prop­erly dis­play the trans­par­ent por­tions of the image.

I’ve been han­dling the image this way since the cur­rent site design was launched, but I’ve never thought to say any­thing about it. It’s cool enough that I fig­ured it was about time.

As always, let me know if any­thing doesn’t work as adver­tised, and I’ll get right on fix­ing it.

Categories:

• Uncategorized

5 Comments

Sidebar Redesign: Contest Results

Thursday, September 4th, 2003

The results are in for my Side­bar Redesign Con­test.

Although the response was a lit­tle under whelm­ing, I like a lot about each of the three sub­mis­sions (a bonus for each designer: there are three prizes, so every­one wins :-) and have decided to incor­po­rate parts of each into the side­bar of this site (each win­ner will get a men­tion in the source of the side­bar, and the Grand Prize win­ner will get a link in the sidebar).

With­out fur­ther ado, I proudly present:

• 1st Place (Grand Prize) | Brad Smith ( home­page / view entry )
  Brad’s design is clean, and (to me) feels like it adds just what I felt the side­bar was miss­ing. More visual sep­a­ra­tion for the sec­tion head­ings, as well as the inden­ta­tion for each list item, adds struc­ture to the side­bar. The Recent Com­ments sec­tion is also nicely done.
• 1st Run­ner Up | Kjell Olsen ( home­page / view entry )
  Kjell’s entry is a mostly behind-the-scenes rework­ing of the side­bar con­tent, allow­ing con­trol of each sec­tion via Mov­able­Type. I really, really like the way this is put together — this is top-notch in my book.
• 2nd Run­ner Up | Hadley ( home­page / view entry )
  Hadley’s sub­mis­sion does a ter­rific job of reor­ga­niz­ing the con­tent, com­bin­ing items like the con­tests into one sec­tion, along with more descrip­tive nam­ing for each sec­tion. This design also fea­tures more sep­a­ra­tion between sec­tion headings.

Each win­ner has been noti­fied via email of the results, along with their Type­Pad 20% Dis­count Codes. I plan to imple­ment the changes through­out this week, and pos­si­bly into the week­end, and will post a short note when the new side­bar is live. My guess is that reg­u­lar read­ers will appre­ci­ate the changes, espe­cially the extra sep­a­ra­tion of the sec­tion head­ings (as seen in two of the entries).

A big thanks to Brad, Kjell and Hadley for enter­ing, and not allow­ing the con­test to slip by unno­ticed. Your entries are ter­rific, and will make this site even bet­ter than before!

Categories:

• Design

3 Comments