Killer Steampowered.com Fly Out Menu!

  • brittagyrl
  • Novice
  • Novice
  • User avatar
  • Posts: 32
  • Loc: Ogden, Utah

Post 3+ Months Ago

Okay, so I visited http://steampowered.com today for the first time and I was BLOWN away by how cool their fly-out menu is. I want to learn how to make something like this. Does anyone know of a good tutorial to get started with something like this?
Moderator Remark: fixed link
  • Anonymous
  • Bot
  • No Avatar
  • Posts: ?
  • Loc: Ozzuland
  • Status: Online

Post 3+ Months Ago

  • SpooF
  • ٩๏̯͡๏۶
  • Bronze Member
  • User avatar
  • Posts: 3422
  • Loc: Richland, WA

Post 3+ Months Ago

Are you talking about the page turning? or what exactly?
  • brittagyrl
  • Novice
  • Novice
  • User avatar
  • Posts: 32
  • Loc: Ogden, Utah

Post 3+ Months Ago

SpooF wrote:
Are you talking about the page turning? or what exactly?


Yes, I looked at the source code, but I'm not sure if they are powering this solely with CSS or if they are using Javascript as well.
  • graphixboy
  • Control + Z
  • Mastermind
  • User avatar
  • Posts: 1828
  • Loc: In the Great White North

Post 3+ Months Ago

Its almost all javascript. It looks like they're using CSS for a bit of the look and feel and the rest is JS. I assume Valve custom made that effect but there are plenty of plug-ins for the various JS libraries to do the same thing.

Here are a few for jQuery (my framework of choice) but you can find something similar for others as well.

http://builtbywill.com/code/booklet/
http://www.jpageflip.de/index_en.php
http://jpageflipper.codeplex.com/
http://blogs.sitepoint.com/2007/07/20/j ... ng-jquery/

Post Information

  • Total Posts in this topic: 4 posts
  • Users browsing this forum: No registered users and 84 guests
  • You cannot post new topics in this forum
  • You cannot reply to topics in this forum
  • You cannot edit your posts in this forum
  • You cannot delete your posts in this forum
  • You cannot post attachments in this forum
 
 

© 1998-2014. Ozzu® is a registered trademark of Unmelted, LLC.