• 0

Recreate this effect in web language?


Question

Hi guys, I was wondering if anyone knows a way or if it could be possible to create this effect in this flash site - such as the scrolling of the names on the left and then they highlight on the right using JQUERY or AJAX or JS - basically anything but flash

Can it be done?

www.hollisterbay.com

Link to comment
Share on other sites

17 answers to this question

Recommended Posts

  • 0

Hi guys, I was wondering if anyone knows a way or if it could be possible to create this effect in this flash site - such as the scrolling of the names on the left and then they highlight on the right using JQUERY or AJAX or JS - basically anything but flash

Can it be done?

www.hollisterbay.com

Yes.

Link to comment
Share on other sites

  • 0

The most immediate thought it that you can use the new Canvas element of HTML5, but that will limit availability to only newer browsers. I bet somebody has hacked something similar to it in JQuery, but I don't know of any out there off the top of my head.

Link to comment
Share on other sites

  • 0

That site is pretty cool, looking around but just browsing it is fun lol

I agree some fantastic pieces of work.

Link to comment
Share on other sites

  • 0

Every effect on that website could be painlessly recreated with Javascript. Incidentally, I would also shoot any brick head who did it in HTML 5. The web is not a controlled intranet of which you are the administrator. If you are making a website, for the general public, it has to be compatible with as many browsers as possible. Not just a fraction of them.

Here is a website I coded a few days ago where the graphic designer asked me to add a splash page. It is no where as full-on as your example and it is still not finished, but it is a basic example of animation without Flash.

http://tinalindner.projectb2b.com/

Link to comment
Share on other sites

  • 0

Every effect on that website could be painlessly recreated with JavaScript. Incidentally, I would also shoot any brick head who did it in HTML 5. The web is not a controlled intranet of which you are the administrator. If you are making a website, for the general public, it has to be compatible with as many browsers as possible. Not just a fraction of them.

What I'm personally doing with my own portfolio is serving a HTML5 version with HTML5 goodies to browsers that support it, and a regular version to those who don't.

Link to comment
Share on other sites

  • 0

Every effect on that website could be painlessly recreated with Javascript. Incidentally, I would also shoot any brick head who did it in HTML 5. The web is not a controlled intranet of which you are the administrator. If you are making a website, for the general public, it has to be compatible with as many browsers as possible. Not just a fraction of them.

Here is a website I coded a few days ago where the graphic designer asked me to add a splash page. It is no where as full-on as your example and it is still not finished, but it is a basic example of animation without Flash.

http://tinalindner.projectb2b.com/

That's pretty damn awesome.

Once IE9 is released it'll hopefully gain marketshare pretty quickly... then we won't have to worry about it so much. (Of course that is a big if... too many people still use IE6.)

Link to comment
Share on other sites

  • 0

Any website created should be built in layers. The first layer would be a fully functional website with just html. The next layer would be styling using css. The final layer would be the enhanced presentation using JavaScript and Ajax. This helps in keeping the site fully functional when enhancements such as css and JavaScript are not supported.

But the unfortunate fact is that these principles are never followed. Disable JavaScript and many website fail. Disable css and its a complete disaster.

Hot, have you taken a look at your website with JavaScript disabled ? Its a plain black box with no content.

Link to comment
Share on other sites

  • 0

Any website created should be built in layers. The first layer would be a fully functional website with just html. The next layer would be styling using css. The final layer would be the enhanced presentation using JavaScript and Ajax. This helps in keeping the site fully functional when enhancements such as css and JavaScript are not supported.

But the unfortunate fact is that these principles are never followed. Disable JavaScript and many website fail. Disable css and its a complete disaster.

Hot, have you taken a look at your website with JavaScript disabled ? Its a plain black box with no content.

sure does sound like HTML5/JS are making our lives easier and better as consumers and developers...

or we could require one plug in nearly everyone has installed, and deliver a rich, fully featured environment, and have ONE alternate, super simple site for incapable browsers who lack the basic extendability features demanded by the modern internet.

Link to comment
Share on other sites

  • 0

Any website created should be built in layers. The first layer would be a fully functional website with just html. The next layer would be styling using css. The final layer would be the enhanced presentation using Javascript and Ajax. This helps in keeping the site fully functional when enhancements such as css and Javascript are not supported.

But the unfortunate fact is that these principles are never followed. Disable Javascript and many website fail. Disable css and its a complete disaster.

Hot, have you taken a look at your website with Javascript disabled? Its a plain black box with no content.

As I said it isn't finished yet, although to be honest, I may not even bother with that. Sometimes you simply have to focus on your service, not just your product. The client is paying good money for my time and I feel obligated to manage that time well. If I said to them I could spend their money making the website work for 1% of visitors or making it work better for the other 99%, I think the choice would be clear.

Link to comment
Share on other sites

  • 0

As I said it isn't finished yet, although to be honest, I may not even bother with that. Sometimes you simply have to focus on your service, not just your product. The client is paying good money for my time and I feel obligated to manage that time well. If I said to them I could spend their money making the website work for 1% of visitors or making it work better for the other 99%, I think the choice would be clear.

That's only part of the reasoning for graceful degradation. Let's say that you introduce a browser specific javascript bug without realising it and increase the exclusion percentage to, for example, 8%. That's small enough to possibly make it through your tests. Suddenly your client's revenue drops by 7% because the site is unusable for those using that browser.

It's best practice for countless reasons.

Link to comment
Share on other sites

  • 0
Any website created should be built in layers.

Jesus Christ you scared the living crap out of me. I thought you were referring to the old "Netscape Layers" code style...

Link to comment
Share on other sites

This topic is now closed to further replies.
  • Recently Browsing   0 members

    • No registered users viewing this page.