The Colab

The in-house web department of Sole Technology, Inc.


January 17, 2006

Emerica 2.0 Phase 1

Posted by: apple

So we launched Phase 1 of Emerica 2.0 last night. Not much to say right now, besides “Damn, we still got a ton to work on.”

Emerica 2.0


15 Comments

  1. January 17, 2006 Dane

    Whoa, that’s some hot shit. Looks very… WordPress-ish. I’m seein’ Suckerfish dropdowns, some serious Behaviour smartening, Urchin tracking… but what’s this? No sIFR? No Mint?

    No matter. You guys spin some awesome code. By the looks of the CSS, IE was all up in your ass on the gun-lap. What a bastard.

  2. January 17, 2006 c00ler

    Thanks Dane, we talked about using flash replacement for the product titles (& other headlines), as emerica’s print campaign uses the paperback font heavily. Going with good old reliable Georgia instead, gives us letter-spacing, line-height and text wrapping freedom & simplicity that we just couldn’t ignore. The backend is some dude-brew too, no WP for this one!

  3. January 17, 2006 Dane

    Heh. I was certain that flash replacement was a subject of conversation. Georgia is no slouch as far as web-based serif fonts go, and it is probably the most attractive choice in the lot.

    Nice work on the design end of things, bustin’ out of the box and all that. The Flash stuff integrates really well.

    Have you ever considered setting a lightweight JS timer of some sort on the Suckerfish navigation? I love how the code is so totally lean and mean, but I’ve always been irritated by how fussy they are when you inadvertently miss the submenu you were shootin’ for, and it suddenly displays the submenu for another primary navigation item. One would think that a fix could be cooked up from the Prototype and Behaviour libraries. I’m just musing out loud.

    Dude-Brew, eh? That can only be some serious PHP wickedness. Or a drink that causes blindness. Or perhaps both.

  4. January 17, 2006 tdskate

    did you use wordpress 2.0?
    and what kind of plugins do you use? or do you write them yourself?

    Grts
    T.

  5. January 17, 2006 apple

    We used DudePress 2.0. As in: Mike “Dude” Matz custom wrote the entire backend.

  6. January 17, 2006 Joe

    Love the layout, love the color scheme. Awesome job.

  7. January 22, 2006 killputer

    Looks good… it DOES look very Wordpress-ish… your “dude” was obviously inspired, or maybe just the designers were. What I saw that I didn’t like is:

    - the “Home” header image being a completely different size than the rest of the menu options.

    - The dead left sidebar with the brand shit brown filler… if your not going to use the sidebar, at least spruce it up with some fading graphic or something.

    - The fact that the “dead left sidebar” is NOT there for the message boards as well. Between the homepage and the Emb verses the rest of the content… too much un-necessary re-sizing going on.

    - Lots of DIVITIS happening that can be avoided… especially on the “team” link with the “rider blurb” DIV. You should stick with the DL, DT, DD scheme you got going on elsewhere.

    Nice start though… good luck boys.

  8. January 26, 2006 Tdskate

    Hey i have a question about the és site’s CSS.
    To hide the text from you put a text-indent:-8008px;.
    Simply outta curiosity, why is that?

  9. January 26, 2006 Tdskate

    previous entry edit:
    i would’ve put in a span element and put display to “none”

  10. January 26, 2006 Nic

    “display: none;” isn’t very user friendly when you take all of those blind skateboarders into account. screen readers hate that shit bruddah!

  11. January 26, 2006 dude

    for the record, the design does make use of those poop colored sidebars, we just haven’t worked in the functionality yet. check it again this upcoming week.

  12. January 26, 2006 c00ler

    KILLPUTER: About that poo brown sidebar, content will be coming soon to fill that up. You’re right, we could’ve dressed it a bit nicer in the meantime.

    Good points on the size differences from homepage, message boards, etc. We discussed it, and decided to go with what we have. Nice thing about a website, you can keep working on it & make changes whenever you feel like it!

    No DIVitis here! Team page is prepped for phase 1.5 content.

    TDSKATE: The negative text-indent is for image replacement (great, super simple explanation at that URL). Blind people are OK, but it’s google we love!

  13. January 26, 2006 killputer

    I still think the size difference is un-necessary, but whatever the weather brother.

    Did you resolve the Win IE text indent bug? Please tell me you thought it out instead of relying on users using Firefox, I always found it amusing when validation fanatics care more about .5% people on screen readers than the 85% of possible users on IE.

  14. January 26, 2006 c00ler

    Yeah, negative text-indent isn’t for the screen readers. Blind people are OK, but it’s google we love! In more detail, We replace HTML elements like H1’s with images, so google indexes the H1 text, and the browser gets the image. It’s a very common method & has been around for quite some time.

    Since skateboarding is sooo hot right now, these sites are pretty well trafficed. So yes, like most web developers, we are forced to care about Internet Exploder. While we do work out other cross browser/platform issues, there’s no issue with negative text-indent image replacement that we’ve ever seen or heard of.

  15. January 27, 2006 killputer

    I thought negative text indent creates a horizontal scroll bar in Win IE. Personally I never bothered with it so maybe I am wrong. I never used image replacement though played with the flash replace from Shauninman.com . I usually just stick with on screen fonts and either use images under or above the headline or let the site design sport the images and let the text do as it is. Do you bother with a separate print screen stylesheet? Where are you even using it on that site (yeah I could look for it but I am lazy)?


Comment closed.