with Imagination: by Dustin Diaz

./with Imagination

A JavaScript, CSS, XHTML web log focusing on usability and accessibility by Dustin Diaz

Migrating Design

Saturday, August 26th, 2006

I’m playing this redesign in old school fashion. By now you might have realized that the page you’re reading (if you’re not reading this through an rss reader) might look a bit like the preview you saw a few weeks back from the sneak peak preview which was available for Firefox and Safari users. At the moment I still have no clue what this looks like in Internet Explorer mainly because the only time I get to work on my website is at home - on my Mac Mini. If you’re still seeing the same ‘ol design and but would like to see the article pages, then grab the new cookie and come on back. I admit it’s still a bit raw, but hopefully it gives you (the readers) a bit of flexibility.

Anyway, it’s just a small update. Thass-all I got fur now.

9 Responses to “Migrating Design”

  1. Elliot Swan

    Weird…I didn’t see the new design, so I clicked “grab the new cookie.” All it did was bring me to your (old) homepage.

    I tried clearing all cookies from this domain and tried again; nothing happened. If I go to your “sneek peak preview” page, then I can see it (love the width and contrast changing buttons). I go to the homepage, it shows me the old design. I click to come to this page again, and it’s still the old design.

    Confusing.

    But yeah, definitely cool new look. I just wish I could see it on more than one page…

  2. Elliot Swan

    heh, now it’s fully kicked in. Go figure.

  3. Nick Fitzsimons

    Your browser sniffing is broken. It sends me to a page stating that “This page is for Safari and Firefox”; I’m in NetNewsWire, which uses WebKit, which is the same rendering engine as Safari. You need to check for the presence of “WebKit” in the User Agent header, I think. HTH :-)

  4. Johan

    I would rethink your whole design process.
    The javascript features and bare layout are to stay, even the color scheme you can use that. but you need to make it like your first website more; with the nice header. Add some fun image for the header, I dont know.

    Some suggestions:

    http://www.webnova.com.ar/
    http://www.firewheeldesign.com/
    http://www.studiomikmik.co.uk/

  5. Peter Goodman

    I have to say this now, because I see this on all sorts of sites an it pisses the hell out of me. I use Camino, which is basically firefox/safari, and on lots of beta sites, they use browser sniffing for *specific* browsers, and Camino is always excluded! Stop excluding Camino!

  6. Dustin Diaz

    A note ahead of time about me being a browser sniffer. Not only am I sniffing browsers for this first pass, but I’m sniffing them poor mans style. If I’m literally not getting back the words ‘FIREFOX’ or ‘SAFARI’ - then oh well. It’s not the worst thing in the world that you can’t see the preview. In the end, it’ll be opened up to all.

    On another note, Johan, keep in mind that I wanted to free my self from anything with too much fluff. Anytime I get too creative with graphics, things tend to go down hill very fast. This one is very ala Simon Willison style.

  7. Johan

    > On another note, Johan, keep in mind that I wanted to free my self from anything with too much fluff.

    I got carried away there, high five Dustin!

    You could try a minimal design? That needs no graphics but good layout and use of whitespace.

    Eg
    http://somerandomdude.net/
    http://www.unimagination.com/

  8. DavidL

    Dustin, to try it out in ie6 you’ve got to try this… It’s just plain WRONG, but fantastic without shelling out for Parallels or bothering with Dual Boot/Basecamp.

    http://www.codeweavers.com/beta/cxmac/

    Cross-over Mac - it’s a Wine / X-Windows type of thing allowing you to install from a select list of ‘bottled’ packages, which you download in the App and install. You can run them as independent programs, plus when you put an XP (software not OS) installer disk into your Mac it will recognise it as a Win32 software installer and try to help you out. Great stuff. But it’s still just horrible to see ie6 on my mac!

    Hope it helps.

  9. Darren Hoyt

    I like the redesign mostly. I’m wondering if there shouldn’t be more consistency between the liquid and fixed widths. Clicking from the homepage to one of the individual articles, it looks a little strange to have a really wide masthead and a somewhat narrow content column. I imagine on a large monitor with high resolution, it’s even more exaggerated.

Leave a Reply

Phone Number:

If you're about to post code in your comment, please wrap your code with the tag-combo <pre><code>. Also please escape your html entities - otherwise they will be stripped out. I recommend using postable.

Get "JavaScript Design Patterns"

"As a web developer, you'll already know that JavaScript™ is a powerful language, allowing you to add an impressive array of dynamic functionality to otherwise static web sites. But there is more power waiting to be unlocked--JavaScript is capable of full object-oriented capabilities, and by applying OOP principles, best practices, and design patterns to your code, you can make it more powerful, more efficient, and easier to work with alone or as part of a team."

Buy JS Design Patterns from Amazon.com Buy JS Design Patterns from Apress

Flickr

Submit a Prototype

All content copyright © 2003 - 2007 under the Creative Commons License. Wanna know something? Just ask.

About | Archives | Blog Search

[x] close

Loading...

Submit a prototype

By checking this prototype I agree that I am not submitting false credentials, pornography, or a hate crime website. I also understand that by submitting my entry I may or may not be accepted, and if accepted, my entry may be taken down at any given time if I violate these terms.