One of the biggest challenges in web design is presenting lots of information in a limited space. Content sliders help solve this problem.
While content sliders can be used for navigation or for displaying multiple products in one place, they are commonly used on website home pages. Sites like Hulu, MSN, and Disney — and, Web Marketing Today — all use content sliders to display information on the home page.
Content sliders often include different features and configurable options. Depending on the content you intend to display, one slider might be better suited than another. Here are ten beautiful content sliders. All are free.
1. Nivo Slider
The Nivo Slider is a WordPress plugin and jQuery image slider with nifty features. Not only is the Nivo slider fully responsive to changing screen resolutions, it comes with HTML caption support, 16 image transition effects, and three preconfigured themes. While the jQuery version is “free to use and abuse under the MIT license,” the WordPress plugin has pricing options from $19 to $99.
2. SlideJS
SlidesJS is a beautiful little content slider. SlidesJS runs on jQuery and is simple enough for novice developers, while also offering advanced options for more seasoned ones.
3. FlexSlider
FlexSlider is free by WooThemes and is a fantastic, fully responsive jQuery slider. Flexslider supports full HTML slides as well as Vimeo video slides and even supports touch swipes.
4. DualSlider
DualSlider is, well, a dual-slider. DualSlider presents slide content on one side and a correlating HTML slide on the other. Both the content and HTML description slides can be customized to use different transition and the content slide can display both images and Vimeo videos.
5. Elastic Slider
he Elastic Slider is a nifty responsive jQuery slider with thumbnail previews. The Elastic Slider is also presented with a full tutorial on how to build it, or you can just download the source code.
6. Blueberry
Blueberry is an open source jQuery slider built with smartphones in mind, designed specifically to work with fluid, responsive web layouts. Blueberry is an “experimental” slider and a few kinks are still being worked out.
7. Orbit
While Orbit was recently moved to the Foundation framework, you can still use this great slider in an older, standalone kit. Orbit has lots of options for HTML captions, layout, and thumbnails.
8. Slidorion
Similar to DualSlider, Slidorion has two sides to it. One side contains images and HTML content, while the other side contains HTML supported navigation. Both sides of Slidorion can be animated and there is plenty of room for placing information.
9. Sequence
Sequence is a content slider that prides itself on not having a default theme — providing lots of customization options. Sequence uses unique CSS3 transitions while gracefully degrading to accommodate older browsers. Sequence also supports swiping on touch devices, as well as parallax scrolling, where images on a screen move at different speeds.
10. AnythingSlider
AnythingSlider lives up to its name by allowing full HTML content panels. This means AnythingSlider can include images, YouTube videos, links, and more.
Another option is to build your own, if you are familiar with code. There are plenty of great tutorials on creating your own content slider, or you could try customizing one of the free ones listed above. Whatever method you choose, if you are looking to display a lot of information in a limited space, you should consider content sliders. Further more articles at WebMarketing Today.
By Drew Coffin
Repost by Acarre Community Media (R & D Team)
While content sliders can be used for navigation or for displaying multiple products in one place, they are commonly used on website home pages. Sites like Hulu, MSN, and Disney — and, Web Marketing Today — all use content sliders to display information on the home page.
Content sliders often include different features and configurable options. Depending on the content you intend to display, one slider might be better suited than another. Here are ten beautiful content sliders. All are free.
1. Nivo Slider
The Nivo Slider is a WordPress plugin and jQuery image slider with nifty features. Not only is the Nivo slider fully responsive to changing screen resolutions, it comes with HTML caption support, 16 image transition effects, and three preconfigured themes. While the jQuery version is “free to use and abuse under the MIT license,” the WordPress plugin has pricing options from $19 to $99.
2. SlideJS
SlidesJS is a beautiful little content slider. SlidesJS runs on jQuery and is simple enough for novice developers, while also offering advanced options for more seasoned ones.
3. FlexSlider
FlexSlider is free by WooThemes and is a fantastic, fully responsive jQuery slider. Flexslider supports full HTML slides as well as Vimeo video slides and even supports touch swipes.
4. DualSlider
DualSlider is, well, a dual-slider. DualSlider presents slide content on one side and a correlating HTML slide on the other. Both the content and HTML description slides can be customized to use different transition and the content slide can display both images and Vimeo videos.
5. Elastic Slider
he Elastic Slider is a nifty responsive jQuery slider with thumbnail previews. The Elastic Slider is also presented with a full tutorial on how to build it, or you can just download the source code.
6. Blueberry
Blueberry is an open source jQuery slider built with smartphones in mind, designed specifically to work with fluid, responsive web layouts. Blueberry is an “experimental” slider and a few kinks are still being worked out.
7. Orbit
While Orbit was recently moved to the Foundation framework, you can still use this great slider in an older, standalone kit. Orbit has lots of options for HTML captions, layout, and thumbnails.
8. Slidorion
Similar to DualSlider, Slidorion has two sides to it. One side contains images and HTML content, while the other side contains HTML supported navigation. Both sides of Slidorion can be animated and there is plenty of room for placing information.
9. Sequence
Sequence is a content slider that prides itself on not having a default theme — providing lots of customization options. Sequence uses unique CSS3 transitions while gracefully degrading to accommodate older browsers. Sequence also supports swiping on touch devices, as well as parallax scrolling, where images on a screen move at different speeds.
10. AnythingSlider
AnythingSlider lives up to its name by allowing full HTML content panels. This means AnythingSlider can include images, YouTube videos, links, and more.
Free Sliders, Paid Sliders, or DIY Sliders?
All the content sliders listed above are free. However, if you are looking for more features or additional documentation, there are a number of great premium sliders you can purchase. Code Canyon, for example, has many affordable content sliders with many additional features and support.Another option is to build your own, if you are familiar with code. There are plenty of great tutorials on creating your own content slider, or you could try customizing one of the free ones listed above. Whatever method you choose, if you are looking to display a lot of information in a limited space, you should consider content sliders. Further more articles at WebMarketing Today.
By Drew Coffin
Repost by Acarre Community Media (R & D Team)
Post a Comment