Monday, April 9th, 2007

Ten Ships Jungle Gym: Showcase

Category: JavaScript, Showcase

Ten Ships has a Jungle Gym site that showcases their products.

It is an example of a “feels like Flash” site that is built using Mootools for effects. If you take a peak under the hood via View Source you will see how simple it all is. A bit of markup here, some fly-in effects there, and Bobs your Uncle.

Ten Ships

Posted by Dion Almaer at 7:51 am

2.8 rating from 30 votes


Comments feed TrackBack URI

There are some problems with it though. In Safari and Firefox (haven’t tested IE), there is no scrollbar at all. If they wanted something which matched their look-and-feel, they could have made their own, but as it is, they made none.

Also, if you click two of the buttons at the top in quick succession, an animation conflict will sometimes occur.

But overall, it is a pretty nice looking website.

Comment by Alex — April 9, 2007

Yeah, removing the ability to get scrollbars for small displays is bad an MANY levels. Looks neat, still needs some work though.

Comment by DigitaLink — April 9, 2007

I liked it!

Comment by Kris — April 9, 2007

I made my own scrollbars for one website. I hate doing that as there is SO much opportunity for mess-up, and getting scrollwheels to work is even more difficult. But, the OS scrollbars looked quite out-of-place for the rest of the site, and thus I had little choice. (Still haven’t gotten the scrollwheel working, actually.) Keeping text from being selected while dragging the scrollbar was also a pain – IE doesn’t allow you to just cancel the event.

But on their site, I don’t think OS scrollbars would even look that bad!

Comment by Alex — April 9, 2007

Not sure what all the fuss is about. Does this do anything new? Same content in another dustbin. Also, colour scheme is awful. This doesn’t appear to be anything more than eye-candy – and even as eye candy, it fails. Is this news?

Comment by ajaxianfading — April 9, 2007

I really like how it drives, very slick…but the graphic design work needs help. The logo, the hard core (cheesy) tab reflections, lack of contrast and Papyrus font (a contender with Copperplate Gothic for all-time overused font)…eek!

Comment by mahalie — April 9, 2007

i can see where they’re coming from, but animation is really jerky in firefox. maybe a fade in/out would work better ?

i do like the idea of flash being replaced by (degradable) javascript

Comment by Steve Boyd — April 9, 2007

“feels like Flash” Enough said!

Comment by Bob — April 9, 2007

while looks okay when you got javascript enabled, it doesnt look anything when you turn javascript off, cuz then you get a blank screen.
i think sites like this are on the rise. using ajax for eyecandy, but not offering any alternatives in case their is no javascript present on the client.

Comment by Gordon — April 10, 2007

It’s so authentically “like flash” that it even inherits all the reasons that back in 2001 there was such a huge backlash against sites that used it, lack of the ability to bookmark, fixed size, doesn’t degrade well, form above function, etc. Fingers crossed with “sites like this on the rise” we won’t have an “ajax” backlash the way we did back then. Having said that the whole industry is starting to feel a bit like 1998-2001 again, only with private buying and VC rather than IPO. Interesting times.

Comment by JP — April 10, 2007

I’ll all for such animations, but the problem is that it has problem with search engines no? As all its contents are hidden away. I will use it in applications, but not if I want to get my site ranked via google and what not.

Cool technique though.

Comment by Liming Xu — April 11, 2007

We’re getting to a point where JS libraries are mature enough to support decent effects. This example is terrible though – jerky animation and it doesn’t degrade gracefully. That’s just lazy. Btw it’s got nothing to do with Ajax.

Comment by Anthony — June 4, 2007

Leave a comment

You must be logged in to post a comment.