Old 27-03-2008, 05:13   #1 (permalink)
webfunkin
Web Hosting Provider
 
Join Date: Jan 2008
Posts: 29
How did they do this??!!

Hey, i was surfing through the net and came across this site : dragoninteractive.com

Now, these guys claim that they have not used flash (well, they actually haven't).. What i wanted to know is, how did they get that rollover effect on their menu items? I am guessing jQuery has a role to play over here...
  Reply With Quote
Old 27-03-2008, 19:39   #3 (permalink)
haku
shiro
 
haku's Avatar
 
Join Date: Aug 2007
Location: Yokohama, Japan
Posts: 1,306
Quote:
I am guessing jQuery has a role to play over here...

Jquery is just a javascript library. Some people use them some people don't, but the jquery is just a tool, not a requirement.
  Reply With Quote
Old 03-04-2008, 00:49   #4 (permalink)
webfunkin
Web Hosting Provider
 
Join Date: Jan 2008
Posts: 29
Quote:
Originally Posted by haku
Jquery is just a javascript library. Some people use them some people don't, but the jquery is just a tool, not a requirement.


I know that. But, these guys are using jquery for their design..
  Reply With Quote
Old 03-04-2008, 17:15   #5 (permalink)
jamblo
cuttin' and stickin'
 
jamblo's Avatar
 
Join Date: Jan 2008
Location: Bournemouth, currently.
Posts: 125
Could you not just use an ordinary rollover with an animated gif that is activated onmouseover and plays out?

I realise they didn't, but as an alternative, I mean.
  Reply With Quote
Old 03-04-2008, 18:48   #6 (permalink)
womble
Registered User
 
Join Date: Mar 2008
Posts: 16
took the words right out of my mouth jamblo - animated gif would be my solution
  Reply With Quote
Old 04-04-2008, 22:14   #7 (permalink)
mathias
Refrigerated User
 
mathias's Avatar
 
Join Date: Mar 2006
Location: Central US
Posts: 161
GIFs

The GIF format requires indexed color; 256 colors or less, so it's limited. That little orange progbar is a GIF I noticed. They're using a JPG formatted sprite sheet for all buttons and rollovers, tweening opacity. Very cool.

For that effect, I would've assumed Flash necessary. Thanks for posting that, webfunkin.
  Reply With Quote
Old 07-04-2008, 07:50   #8 (permalink)
John Good
+
 
Join Date: May 2005
Location: Tropical Networks
Posts: 1,174
allright, that's fuckin' ingenious, but hey ! Ain't that a little bit of overkilling ?
__________________
+ CARELESS TALK COSTS LIVES +
  Reply With Quote
Old 08-04-2008, 07:14   #9 (permalink)
D856C
Information Designer
 
Join Date: Jan 2007
Posts: 54
Quote:
Ain't that a little bit of overkilling ?

That's a requirement of Web 2.0. Lot's of people think it's glossy or AJAX, no, it's the ratio of complexity to trivial irrelevancy. Maximum code. Minimum reason.

My guess is you could probably get a credible GIF effect, even with the constraint of 256 colors -- although it might take a little experimentation with palettes. But that wouldn't qualify as Web 2.0 because it fails the Rube Goldberg test.

The reason so many argue this or that isn't really Web 2.0, is because it's not about the web. Web 2.0 is about if you meet the geek gold standard or not. I believe the only purpose Web 2.0 has is something like the social versions of ISO quality standards for being a geek.

Doing this simpler, especially with (yuck) web 1.0 techniques, disqualifies it as Web 2.0. Just as is if you were to opine about this season's fashion while committing the effrontery of wearing something from last season.

Web 2.0 is the introduction of fashion to technology. It's resume driven architecture and designed to fuel consumption -- of graphic design, of code. Think "Detroit's Car Models" or "Office 2003" rather than anything tangible. And that's why it degenerates into quibbles about this or that as being or not being Web 2.0.

Why make Web 2.0 so hard to get a basic "this is what it is" understanding of? Nothing else like it has ever succeeded by being so ambiguous, excepting fashion.

The top 10 things that aren't Web 2.0

Here are 500 random answers to the “Yes, and here’s what Web 2.0 means to me.” emphasis on random

It doesn't really matter what the super secret "special handshake" mystery definition of Web 2.0 is (or at this point "isn't"). People operate on what they think Web 2.0 is. The definition is what people agree to. And if you've got a lowest common denominator understanding out there driving action, then Web 2.0 is a snazzy button effect this week, and a diagonal line next week, and a cool AJAX gimmick last week.

Even if, to the user, you produced an exact mimic of the effect using a GIF animation ...that doesn't look good on a resume, hence disqualifies as Web 2.0. But of course, users became irrelevant about five minutes after the basic reasoning of http request for web 2.0 was put forth.

The ultimate of social computing, all social -- the computer is merely an accessory. It should be "accessory after the fact" when you're talking Web 2.0, but settles for fashion accessory.

Last edited by D856C : 08-04-2008 at 07:59.
  Reply With Quote
Old 15-05-2008, 23:35   #10 (permalink)
Detz.Net
detz
 
Join Date: Sep 2007
Posts: 17
very nice indeed.
  Reply With Quote
Old Yesterday, 11:35   #11 (permalink)
mocremilo
.
 
mocremilo's Avatar
 
Join Date: Aug 2007
Location: California
Posts: 110
Quote:
Originally Posted by Detz.Net
very nice indeed.

Looks like you got your 15 posts.
  Reply With Quote
Reply



Currently Active Users Viewing This Thread: 3 (1 members and 2 guests)
xENo
Thread Tools Search this Thread
Search this Thread:

Advanced Search


Contact Us - Web Design Forums - Archive - Top
Search Engine Optimization by vBSEO 3.0.0 RC8