Aug 13, 20098

Enhancing your Web Design with Sliders and Scrollers

A few years back, the only way a web designer could enhance a web design with the kind of cool effects, similar to sliders and scrollers, was by using Flash. Even if you loved it or loathed it, Flash certainly filled the creativity gap that was created by the limitations of HTML, CSS and Javascript. Lately, though, with the advancement and popularity of the javascript libraries (especially with jQuery), those cool effects can be created with a lot less code, a lot less frustration and the file size is a damn sight smaller than using a Flash movie.

Just think, CSS3 and HTML5 is gaining momentum, mix these two elements in with jQuery, and quite possibly, Flash will become redundant.

5 Sliding Content Techniques, Examples & jQuery How to’s

5 Sliding Content Techniques, Examples and jQuery How to’s

5 Sliding Content Techniques, Examples and jQuery How to’s

You have probably seen those cool image and content sliders everywhere, it is a new fad that has cropped up this year. And every month it seems new styles and tecniques are being developed, and you may be wondering: "How do they do that?"
In this design news resource, from noupe.com, they have taken five very cool and popular styles of image and content sliders and explained in the easiest way possible how each one was created. A basic knowledge of Javascript is definetly required, and everyone will take something from this great resource.

5 Sliding Content Techniques, Examples & jQuery How to’s

30 Creative Examples of Javascript Slider & Scrollers

30 Creative Examples of Javascript Slider and Scrollers

30 Creative Examples of Javascript Slider and Scrollers

On the same theme as the above news item, this post is a showcase of creative methods using javascript for sliders and scrollers. A special mention goes to Howarths.nl, who has quite possibly came up with the best and most original tabbed navigation using javascript. At first glance you would think it was developed with Flash. Cool.

30 Creative Examples of Javascript Slider & Scrollers

8 Comments

  • Enhancing your Web Design with Sliders and Scrollers | Design Reviver
    Aug 13, 2009

    [...] More: Enhancing your Web Design with Sliders and Scrollers | Design Reviver [...]

  • Enhancing your Web Design with Sliders and Scrollers | Choose Daily
    Aug 14, 2009

    [...] Enhancing your Web Design with Sliders and Scrollers Enhance Your Site with Sliding Content [...]

  • Dainis Graveris
    Aug 14, 2009

    Just wow – I enjoy tutorial and how-to’s part!

    Such good articles are hard to find when inspirational articles usually are everywhere!

  • Cody
    Aug 14, 2009

    There are some really cool slider that you linked to. Awesome – Thanks!

  • www.orangewebsite.com
    Aug 18, 2009

    This is great. I think this a really good article. I personally wouldn’t like to use too much Flash. If there is a “lighter” way to do it.

  • posicionamiento en buscadores
    Aug 24, 2009

    It´s amazing ,a good implementer of this javascript is Antonio Lupetti.

    Great jobs!

  • David Perel
    Aug 25, 2009

    Nice article. These days the first thing we think of when designing a theme is ‘where are we going to put the slider’.

    Sliders are probably the best way to display featured content at the moment. Users also appreciate the effect that they create.

    I think that we are reaching a point where sites with high content need a slider of some kind on their home page in order to display enough info / images without stretching the page too long.

    BTW Charlie Gentle’s slider is hotness.

  • Targeting Advanced Elements in jQuery « ryan ???
    Dec 6, 2009

    [...] Enhancing your Web Design with Sliders and Scrollers [...]

Leave a Comment

Ask a Question at Design Reviver Answers