400

Tileables Navigation

by Dave McNally Jul 22, 2010
Shot_1279803818
Tweet
404 views
http://drbl.in/nNq
Icon-colordrop

Tags

  1. 37
  2. 30
  3. 30
  4. 17
  5. 12
  6. 6
  7. 6
  8. 1
  9. 1

14 Responses

  1. 400 Dave McNally

    Adding a primary navigation. These will just be image replacements due to complexity of highlights and detail to each button. Plus, it allows me to keep Archer in there!

    almost 2 years ago

  2. Pro Twitter250 Nick Toye

    You should be able to do that in pure css Dave.

    almost 2 years ago

  3. 400 Dave McNally

    The button, border and inner-shadow are all possible but I've got some noise action going on in there which I don't really want to lose and in keeping with the logo, I'd like to keep Archer for the primary nav so I'd be making image replacements for the text anyway.

    almost 2 years ago

  4. Pro Twitter250 Nick Toye

    The noise is also possible. Just create a repeatable background to apply to the link.

    almost 2 years ago

  5. 400 Dave McNally

    Well yeah but then I'd have two images to make the one button (a tiling noise pattern and text replacement) rather than one ;)

    almost 2 years ago

  6. Pro Twitter250 Nick Toye

    why 2? Oh for the text. Is that not available in TypeKit?

    almost 2 years ago

  7. 400 Dave McNally

    Nope, as far as I'm aware, there's isn't any sort of embed license for any H&FJ fonts and I'm pretty set on keeping it for the navigation.

    almost 2 years ago

  8. Pro Twitter250 Nick Toye

    Well go with image replacement then. :)

    almost 2 years ago

  9. 400 Dave McNally

    I appreciate the input. Sometimes, I tend to over-complicate things and would have approached this in some convoluted manner. However, when a simple image makes the most sense, why not use it? We don't need to throw cutting-edge-css3 at everything we do.

    Anyway. That aside, I could still use some feedback on the actual style/aesthetic of the buttons ;)

    likes

    almost 2 years ago

  10. Pro Twitter250 Nick Toye

    nice, what I would experiment with though is perhaps a garage door effect where the hover state slides down.

    almost 2 years ago

  11. Avatar Mike Garrett

    Image replacement is the way to go. It would be fun to experiment with doing it with css, though. I'd work with the hierarchy a little more, though. You want the hover state to stand out more and it's doing that by getting lighter, but by color prominence it's getting pushed back (at least in my mind).

    almost 2 years ago

  12. 400 Dave McNally

    Thanks for the feedback, Mike. I may alter the text colour for hovers so that the button stays within the colour scheme.

    almost 2 years ago

  13. Pro Ico Aubrey

    Pretty awesome Dave!
    I appreciate Nick's challenges to try to code it all (but agree sometimes its best to just do images)
    It is a shame HFJ isn't on Typekit, I'd pay an *extra* premium to have their stuff.

    almost 2 years ago

  14. 400 Dave McNally

    Thanks Aubrey! Yeah, H&FJ on any web font service would be something special.

    almost 2 years ago

keyboard shortcuts: ← previous shot → next shot L or F like