Star Trek in CSS

I was inspired by the menus on the Star Trek – The Next Generation DVD menus and wondered if you could do a navigation like that in pure CSS. And voila you can:
Star Trek Navigation Screenshot

Star Trek TNG styled pure CSS navigation
Feel free to use it, in case you feel like geeking out, too :-)

14 Responses to “Star Trek in CSS”

  1. Roger Says:

    I love it. Sometimes I think the side projects are more fun than what we get paid to do :)

  2. Robin and Eli Says:

    We are HUGE star trek fans and are very excited to see what you had created. My 10-year old son, who is learning along with me, will adapt it to his css site. Thank you for the inspiration!

  3. Brent Says:

    Oh nice. CSS LCARS, I wish i’d thought of the that.

  4. Neil Crosby Says:

    Well, that just made me smile. So much so in fact that I went and immediately blogged about it – http://www.workingwith.me.uk/blog/21800/

  5. bj Says:

    A fabulous example of css obsession coupled with an overdose of caffeine . . .

    I wish I’d done it.

  6. bj Says:

    oh, GEEZ, I just “got” your domain name. Now I’m REALLY Jealous!!!

  7. Denise Says:

    I love it, Chris! I don’t know when or where I’d use it, but I’ve saved it just in case! Hey, be geeky some more!

  8. Fatalis Says:

    For some reason it blinks a little too much on change.

  9. Suzan Says:

    I enjoy the project for it’s fun. I did notice in EI that the top flickers when the page first loads.

  10. Beatrice Tietz Says:

    abstract rude

    Star Trek in CSS

  11. Igor Says:

    this is nice, it’s inspired me to come up with my own css, take a look at: http://home.agh.edu.pl/~wojnicki, the trick is that it can be applied to any ‘regular’ web page without any problems, enjoy!

  12. Phillip Senn Says:

    Kinda plain, don’t you think.
    LCARS has all kinds of pastel colors.

  13. Dean Says:

    Just what I was looking for! My site needs an over haul and I was thinking along the Star Trek ship menu idea but had no idea where to start. Thank you.

  14. EvilHom3r Says:

    Good, but you should make it more LCARS like by making it different colors

Wait till I come! is the blog of Christian Heilmann , a developer evangelist living and working in London, England. Download vcard.

Feed me, Seymour: Entries (RSS) and Comments (RSS).