Tileables Navigation

Tags

1. 37 texture
2. 30 blue
3. 30 tileables
4. 17 red
5. 12 buttons
6. 6 archer
7. 6 pattern
8. 1 hover
9. 1 navigations

14 Responses

1. Pro 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!

   over 1 year ago

2. Pro Nick Toye

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

   over 1 year ago

3. Pro 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.

   over 1 year ago

4. Pro Nick Toye

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

   over 1 year ago

5. Pro 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 ;)

   over 1 year ago

6. Pro Nick Toye

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

   over 1 year ago

7. Pro 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.

   over 1 year ago

8. Pro Nick Toye

   Well go with image replacement then. :)

   over 1 year ago

9. Pro 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 ;)

   1likes

   over 1 year ago

10. Pro Nick Toye

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

    over 1 year ago

11. 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).

    over 1 year ago

12. Pro Dave McNally

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

    over 1 year ago

13. Pro 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.

    over 1 year ago

14. Pro Dave McNally

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

    over 1 year ago