Archive

Archive for January, 2013

10 Responsive Slider jQuery Plugins

January 24th, 2013 No comments
flexlslider responsive slider

We’ve all heard about why we should be using responsive design (beyond the fact that it’s current design trend). But the decision to go responsive raises a number of development questions. One of the biggest issues is handling media. And one of the most common features on a media-heavy website is a featured content carousel (or image slider, image rotator, etc). This post will help you find a solution for your responsive slider needs. We’ve gathered a number of the best  jQuery responsive image sliders to compare and share.

10 Responsive jQuery Image Sliders

Flexslider 2 – Free

I use Flexslider more than any other image slider (responsive or not) so it’s a great place to start. Flexslider offers a fullly skin-able and customizable slider that works great across all screen sizes. I  use it with both images and images with text/calls to action. It also offers both horizontal and vertical sliding as well as multiple slider support so you can have multiple image sliders on a single page. Definitely gets my vote!

Royal Slider – Premium

Another great slider that I have personal experience with. Royal Slider has a myriad of configuration options (my favorites being the “Gallery with Visible Nearby Images” or the “Video Slider”). The only thing keeping this plugin from the top spot is that it isn’t free (Flexslider is).  However, a very affordable and super-powerful plugin awaits. There’s also a great wordpress version.

Camera – Free

Camera - a free responsive slider

Camera slideshow is an open source project, based on Diapo slideshow and offers a variety of skin and customizable options. I’ve never personally used Camera but the documentation looks thorough and the sampel they provide in the demo looks really nice and clean.

Elastic – Free

Elastic responsive slider

Elastic is presented in a tutorial fashion and includes the downloadable code to get you started using it on your site. This plugin has a much more specific look than some of the other plugins mentioned but there are some cool javascript animations being used.

Advanced Slider – Premium

Advanced Slider - customizable jQuery slider

Another premium slider, Advanced Slider is fully responsive, mobile-ready, and can be used with either HTML markup or XML. The plugin also provides an easy to use API to customize it to your specific site. It comes with various pre-built styles that look nice out of the box.

All in One Responsive Slider – Premium

All in One responsive slider

All In One is an Advanced Jquery Slider which comes in 5 flavors: Banner Rotator, Thumbnails Banner, Banner with Playlist, Content Slider, Carousel. It allows you to easily create powerful sliders with animated text using HTML standard tags, making the slider very easy to setup and maintain.

Responsive Image Gallery – Free

responsive image gallery plugin

Another tutorial by Codrops on how to create a responsive image gallery with a thumbnail carousel using Elastislide. This slider is inspired by Twitter’s “user gallery” and is more useful for image galleries than a featured content carousel. But a free and great plugin nonetheless.

UnoSlider – Premium

Unoslider - responsive slider for jQuery

UnoSlider is a premium jQuery content slider plugin that’s core feature is the number of transition animations offered (the plugin developer claims “unlimited transition animations”). It’s also touch enabled, and offers a variety of other features similar to what’s been mentioned before.

Fluid CSS3 Slideshow with Parallax Effect – Free

parallax and responsive slider

Another great freebie by Codrops (sensing a trend here?). This responsive slider mixes in a little parallax effect (another popular trend). A parallax and responsive site? This plugin is for the ambitious designers out there.

Layer Slider – Premium

parallax and responsive image slider

We’ll end with another parallax/responsive combo (this time a premium plugin). Layer Slider offers something really cool and unique: the ability to control an unlimited number of layers with individual animations. Combing this cool functionality with the responsive aspect and you have yourself a pretty powerful and extensible tool. I’ve had quite a bit of fun playing around with this on a few websites.

What other plugins do you use?

I’m sure I’ve left off some really great plugins and tutorials. But that’s where you come in. Let me know what I’ve missed and what plugins are your favorites. Feel free to post links to examples of these plugins in action. We’d love to see your great work!

The post 10 Responsive Slider jQuery Plugins appeared first on Visual Swirl Design Resources.

Categories: Designing, Others Tags:

10 Responsive Slider jQuery Plugins

January 24th, 2013 No comments
flexlslider responsive slider

We’ve all heard about why we should be using responsive design (beyond the fact that it’s current design trend). But the decision to go responsive raises a number of development questions. One of the biggest issues is handling media. And one of the most common features on a media-heavy website is a featured content carousel (or image slider, image rotator, etc). This post will help you find a solution for your responsive slider needs. We’ve gathered a number of the best jQuery responsive image sliders to compare and share.

10 Responsive jQuery Image Sliders

Flexslider 2 – Free

I use Flexslider more than any other image slider (responsive or not) so it’s a great place to start. Flexslider offers a fullly skin-able and customizable slider that works great across all screen sizes. I use it with both images and images with text/calls to action. It also offers both horizontal and vertical sliding as well as multiple slider support so you can have multiple image sliders on a single page. Definitely gets my vote!

Royal Slider – Premium

Another great slider that I have personal experience with. Royal Slider has a myriad of configuration options (my favorites being the “Gallery with Visible Nearby Images” or the “Video Slider”). The only thing keeping this plugin from the top spot is that it isn’t free (Flexslider is). However, a very affordable and super-powerful plugin awaits. There’s also a great wordpress version.

Camera – Free

Camera - a free responsive slider

Camera slideshow is an open source project, based on Diapo slideshow and offers a variety of skin and customizable options. I’ve never personally used Camera but the documentation looks thorough and the sampel they provide in the demo looks really nice and clean.

Elastic – Free

Elastic responsive slider

Elastic is presented in a tutorial fashion and includes the downloadable code to get you started using it on your site. This plugin has a much more specific look than some of the other plugins mentioned but there are some cool javascript animations being used.

Advanced Slider – Premium

Advanced Slider - customizable jQuery slider

Another premium slider, Advanced Slider is fully responsive, mobile-ready, and can be used with either HTML markup or XML. The plugin also provides an easy to use API to customize it to your specific site. It comes with various pre-built styles that look nice out of the box.

All in One Responsive Slider – Premium

All in One responsive slider

All In One is an Advanced Jquery Slider which comes in 5 flavors: Banner Rotator, Thumbnails Banner, Banner with Playlist, Content Slider, Carousel. It allows you to easily create powerful sliders with animated text using HTML standard tags, making the slider very easy to setup and maintain.

Responsive Image Gallery – Free

responsive image gallery plugin

Another tutorial by Codrops on how to create a responsive image gallery with a thumbnail carousel using Elastislide. This slider is inspired by Twitter’s “user gallery” and is more useful for image galleries than a featured content carousel. But a free and great plugin nonetheless.

UnoSlider – Premium

Unoslider - responsive slider for jQuery

UnoSlider is a premium jQuery content slider plugin that’s core feature is the number of transition animations offered (the plugin developer claims “unlimited transition animations”). It’s also touch enabled, and offers a variety of other features similar to what’s been mentioned before.

Fluid CSS3 Slideshow with Parallax Effect – Free

parallax and responsive slider

Another great freebie by Codrops (sensing a trend here?). This responsive slider mixes in a little parallax effect (another popular trend). A parallax and responsive site? This plugin is for the ambitious designers out there.

Layer Slider – Premium

parallax and responsive image slider

We’ll end with another parallax/responsive combo (this time a premium plugin). Layer Slider offers something really cool and unique: the ability to control an unlimited number of layers with individual animations. Combing this cool functionality with the responsive aspect and you have yourself a pretty powerful and extensible tool. I’ve had quite a bit of fun playing around with this on a few websites.

What other plugins do you use?

I’m sure I’ve left off some really great plugins and tutorials. But that’s where you come in. Let me know what I’ve missed and what plugins are your favorites. Feel free to post links to examples of these plugins in action. We’d love to see your great work!

The post 10 Responsive Slider jQuery Plugins appeared first on Visual Swirl Design Resources.

Categories: Designing, Others Tags:

10 Responsive Slider jQuery Plugins

January 24th, 2013 No comments
flexlslider responsive slider

We’ve all heard about why we should be using responsive design (beyond the fact that it’s current design trend). But the decision to go responsive raises a number of development questions. One of the biggest issues is handling media. And one of the most common features on a media-heavy website is a featured content carousel (or image slider, image rotator, etc). This post will help you find a solution for your responsive slider needs. We’ve gathered a number of the best jQuery responsive image sliders to compare and share.

10 Responsive jQuery Image Sliders

Flexslider 2 – Free

I use Flexslider more than any other image slider (responsive or not) so it’s a great place to start. Flexslider offers a fullly skin-able and customizable slider that works great across all screen sizes. I use it with both images and images with text/calls to action. It also offers both horizontal and vertical sliding as well as multiple slider support so you can have multiple image sliders on a single page. Definitely gets my vote!

Royal Slider – Premium

Another great slider that I have personal experience with. Royal Slider has a myriad of configuration options (my favorites being the “Gallery with Visible Nearby Images” or the “Video Slider”). The only thing keeping this plugin from the top spot is that it isn’t free (Flexslider is). However, a very affordable and super-powerful plugin awaits. There’s also a great wordpress version.

Camera – Free

Camera - a free responsive slider

Camera slideshow is an open source project, based on Diapo slideshow and offers a variety of skin and customizable options. I’ve never personally used Camera but the documentation looks thorough and the sampel they provide in the demo looks really nice and clean.

Elastic – Free

Elastic responsive slider

Elastic is presented in a tutorial fashion and includes the downloadable code to get you started using it on your site. This plugin has a much more specific look than some of the other plugins mentioned but there are some cool javascript animations being used.

Advanced Slider – Premium

Advanced Slider - customizable jQuery slider

Another premium slider, Advanced Slider is fully responsive, mobile-ready, and can be used with either HTML markup or XML. The plugin also provides an easy to use API to customize it to your specific site. It comes with various pre-built styles that look nice out of the box.

All in One Responsive Slider – Premium

All in One responsive slider

All In One is an Advanced Jquery Slider which comes in 5 flavors: Banner Rotator, Thumbnails Banner, Banner with Playlist, Content Slider, Carousel. It allows you to easily create powerful sliders with animated text using HTML standard tags, making the slider very easy to setup and maintain.

Responsive Image Gallery – Free

responsive image gallery plugin

Another tutorial by Codrops on how to create a responsive image gallery with a thumbnail carousel using Elastislide. This slider is inspired by Twitter’s “user gallery” and is more useful for image galleries than a featured content carousel. But a free and great plugin nonetheless.

UnoSlider – Premium

Unoslider - responsive slider for jQuery

UnoSlider is a premium jQuery content slider plugin that’s core feature is the number of transition animations offered (the plugin developer claims “unlimited transition animations”). It’s also touch enabled, and offers a variety of other features similar to what’s been mentioned before.

Fluid CSS3 Slideshow with Parallax Effect – Free

parallax and responsive slider

Another great freebie by Codrops (sensing a trend here?). This responsive slider mixes in a little parallax effect (another popular trend). A parallax and responsive site? This plugin is for the ambitious designers out there.

Layer Slider – Premium

parallax and responsive image slider

We’ll end with another parallax/responsive combo (this time a premium plugin). Layer Slider offers something really cool and unique: the ability to control an unlimited number of layers with individual animations. Combing this cool functionality with the responsive aspect and you have yourself a pretty powerful and extensible tool. I’ve had quite a bit of fun playing around with this on a few websites.

What other plugins do you use?

I’m sure I’ve left off some really great plugins and tutorials. But that’s where you come in. Let me know what I’ve missed and what plugins are your favorites. Feel free to post links to examples of these plugins in action. We’d love to see your great work!

The post 10 Responsive Slider jQuery Plugins appeared first on Visual Swirl Design Resources.

Categories: Designing, Others Tags:

10 Responsive Slider jQuery Plugins

January 24th, 2013 No comments
flexlslider responsive slider

We’ve all heard about why we should be using responsive design (beyond the fact that it’s current design trend). But the decision to go responsive raises a number of development questions. One of the biggest issues is handling media. And one of the most common features on a media-heavy website is a featured content carousel (or image slider, image rotator, etc). This post will help you find a solution for your responsive slider needs. We’ve gathered a number of the best jQuery responsive image sliders to compare and share.

10 Responsive jQuery Image Sliders

Flexslider 2 – Free

I use Flexslider more than any other image slider (responsive or not) so it’s a great place to start. Flexslider offers a fullly skin-able and customizable slider that works great across all screen sizes. I use it with both images and images with text/calls to action. It also offers both horizontal and vertical sliding as well as multiple slider support so you can have multiple image sliders on a single page. Definitely gets my vote!

Royal Slider – Premium

Another great slider that I have personal experience with. Royal Slider has a myriad of configuration options (my favorites being the “Gallery with Visible Nearby Images” or the “Video Slider”). The only thing keeping this plugin from the top spot is that it isn’t free (Flexslider is). However, a very affordable and super-powerful plugin awaits. There’s also a great wordpress version.

Camera – Free

Camera - a free responsive slider

Camera slideshow is an open source project, based on Diapo slideshow and offers a variety of skin and customizable options. I’ve never personally used Camera but the documentation looks thorough and the sampel they provide in the demo looks really nice and clean.

Elastic – Free

Elastic responsive slider

Elastic is presented in a tutorial fashion and includes the downloadable code to get you started using it on your site. This plugin has a much more specific look than some of the other plugins mentioned but there are some cool javascript animations being used.

Advanced Slider – Premium

Advanced Slider - customizable jQuery slider

Another premium slider, Advanced Slider is fully responsive, mobile-ready, and can be used with either HTML markup or XML. The plugin also provides an easy to use API to customize it to your specific site. It comes with various pre-built styles that look nice out of the box.

All in One Responsive Slider – Premium

All in One responsive slider

All In One is an Advanced Jquery Slider which comes in 5 flavors: Banner Rotator, Thumbnails Banner, Banner with Playlist, Content Slider, Carousel. It allows you to easily create powerful sliders with animated text using HTML standard tags, making the slider very easy to setup and maintain.

Responsive Image Gallery – Free

responsive image gallery plugin

Another tutorial by Codrops on how to create a responsive image gallery with a thumbnail carousel using Elastislide. This slider is inspired by Twitter’s “user gallery” and is more useful for image galleries than a featured content carousel. But a free and great plugin nonetheless.

UnoSlider – Premium

Unoslider - responsive slider for jQuery

UnoSlider is a premium jQuery content slider plugin that’s core feature is the number of transition animations offered (the plugin developer claims “unlimited transition animations”). It’s also touch enabled, and offers a variety of other features similar to what’s been mentioned before.

Fluid CSS3 Slideshow with Parallax Effect – Free

parallax and responsive slider

Another great freebie by Codrops (sensing a trend here?). This responsive slider mixes in a little parallax effect (another popular trend). A parallax and responsive site? This plugin is for the ambitious designers out there.

Layer Slider – Premium

parallax and responsive image slider

We’ll end with another parallax/responsive combo (this time a premium plugin). Layer Slider offers something really cool and unique: the ability to control an unlimited number of layers with individual animations. Combing this cool functionality with the responsive aspect and you have yourself a pretty powerful and extensible tool. I’ve had quite a bit of fun playing around with this on a few websites.

What other plugins do you use?

I’m sure I’ve left off some really great plugins and tutorials. But that’s where you come in. Let me know what I’ve missed and what plugins are your favorites. Feel free to post links to examples of these plugins in action. We’d love to see your great work!

The post 10 Responsive Slider jQuery Plugins appeared first on Visual Swirl Design Resources.

Categories: Designing, Others Tags:

13 Beautiful 2013 Desktop Wallpapers for New Years

January 1st, 2013 No comments
2013 Sparks New Years Wallpaper

Welcome to 2013! To kick off another great  year I’ve rounded up 13 of the best 2013 wallpapers. Start off the new year by making a plan to clean up your desktop. Once it’s clean, you’ll want to decorate with one of these great wallpaper designs. And if you’re looking for monthly calendars for January, head over to Smashing Magazine to see some really great January 2013 calendars. So find the wallpaper that fits your resolutions (pun intended) and here’s to a happy and productive New Years!

2013 Wallpapers for a Happy New Years

Wallpaper by Upwallpapers.net

Wallpaper by demeters

Wallpaper by paha13

crazy colorful 2013 desktop wallpaper

Wallpaper by GuilleBot

Jungle Wallpaper for 2013 desktop

Wallpaper by paha13

Purple desktop wallpaper for 2013

Wallpaper by PSDRoman

cloud rainbow 2013 desktop wallpaper

Wallpaper by Jenova89

hope and darkness 2013 wallpaper desktop

Wallpaper by Zakzak008

2013 wallpapers balloon new year

Wallpaper by tajio

purple bokeh new years 2013 wallpaper

Wallpaper by Concrete Love

Bright wrapping paper 2013 desktop wallpaper

Wallpaper by danishprakash

2013 New Years Wallpaper

Wallpaper by photonica

January 2013 Desktop Wallaper calendar

Wallpaper by ravirajcoomar

Futuristic 2013 wallpaper

The post 13 Beautiful 2013 Desktop Wallpapers for New Years appeared first on Visual Swirl Design Resources.

Categories: Designing, Others Tags:

13 Beautiful 2013 Desktop Wallpapers for New Years

January 1st, 2013 No comments
2013 Sparks New Years Wallpaper

Welcome to 2013! To kick off another great year I’ve rounded up 13 of the best 2013 wallpapers. Start off the new year by making a plan to clean up your desktop. Once it’s clean, you’ll want to decorate with one of these great wallpaper designs. And if you’re looking for monthly calendars for January, head over to Smashing Magazine to see some really great January 2013 calendars. So find the wallpaper that fits your resolutions (pun intended) and here’s to a happy and productive New Years!

2013 Wallpapers for a Happy New Years

Wallpaper by Upwallpapers.net

Wallpaper by demeters

Wallpaper by paha13

crazy colorful 2013 desktop wallpaper

Wallpaper by GuilleBot

Jungle Wallpaper for 2013 desktop

Wallpaper by paha13

Purple desktop wallpaper for 2013

Wallpaper by PSDRoman

cloud rainbow 2013 desktop wallpaper

Wallpaper by Jenova89

hope and darkness 2013 wallpaper desktop

Wallpaper by Zakzak008

2013 wallpapers balloon new year

Wallpaper by tajio

purple bokeh new years 2013 wallpaper

Wallpaper by Concrete Love

Bright wrapping paper 2013 desktop wallpaper

Wallpaper by danishprakash

2013 New Years Wallpaper

Wallpaper by photonica

January 2013 Desktop Wallaper calendar

Wallpaper by ravirajcoomar

Futuristic 2013 wallpaper

The post 13 Beautiful 2013 Desktop Wallpapers for New Years appeared first on Visual Swirl Design Resources.

Categories: Designing, Others Tags:

13 Beautiful 2013 Desktop Wallpapers for New Years

January 1st, 2013 No comments
2013 Sparks New Years Wallpaper

Welcome to 2013! To kick off another great year I’ve rounded up 13 of the best 2013 wallpapers. Start off the new year by making a plan to clean up your desktop. Once it’s clean, you’ll want to decorate with one of these great wallpaper designs. And if you’re looking for monthly calendars for January, head over to Smashing Magazine to see some really great January 2013 calendars. So find the wallpaper that fits your resolutions (pun intended) and here’s to a happy and productive New Years!

2013 Wallpapers for a Happy New Years

Wallpaper by Upwallpapers.net

Wallpaper by demeters

Wallpaper by paha13

crazy colorful 2013 desktop wallpaper

Wallpaper by GuilleBot

Jungle Wallpaper for 2013 desktop

Wallpaper by paha13

Purple desktop wallpaper for 2013

Wallpaper by PSDRoman

cloud rainbow 2013 desktop wallpaper

Wallpaper by Jenova89

hope and darkness 2013 wallpaper desktop

Wallpaper by Zakzak008

2013 wallpapers balloon new year

Wallpaper by tajio

purple bokeh new years 2013 wallpaper

Wallpaper by Concrete Love

Bright wrapping paper 2013 desktop wallpaper

Wallpaper by danishprakash

2013 New Years Wallpaper

Wallpaper by photonica

January 2013 Desktop Wallaper calendar

Wallpaper by ravirajcoomar

Futuristic 2013 wallpaper

The post 13 Beautiful 2013 Desktop Wallpapers for New Years appeared first on Visual Swirl Design Resources.

Categories: Designing, Others Tags:

13 Beautiful 2013 Desktop Wallpapers for New Years

January 1st, 2013 No comments
2013 Sparks New Years Wallpaper

Welcome to 2013! To kick off another great year I’ve rounded up 13 of the best 2013 wallpapers. Start off the new year by making a plan to clean up your desktop. Once it’s clean, you’ll want to decorate with one of these great wallpaper designs. And if you’re looking for monthly calendars for January, head over to Smashing Magazine to see some really great January 2013 calendars. So find the wallpaper that fits your resolutions (pun intended) and here’s to a happy and productive New Years!

2013 Wallpapers for a Happy New Years

Wallpaper by Upwallpapers.net

Wallpaper by demeters

Wallpaper by paha13

crazy colorful 2013 desktop wallpaper

Wallpaper by GuilleBot

Jungle Wallpaper for 2013 desktop

Wallpaper by paha13

Purple desktop wallpaper for 2013

Wallpaper by PSDRoman

cloud rainbow 2013 desktop wallpaper

Wallpaper by Jenova89

hope and darkness 2013 wallpaper desktop

Wallpaper by Zakzak008

2013 wallpapers balloon new year

Wallpaper by tajio

purple bokeh new years 2013 wallpaper

Wallpaper by Concrete Love

Bright wrapping paper 2013 desktop wallpaper

Wallpaper by danishprakash

2013 New Years Wallpaper

Wallpaper by photonica

January 2013 Desktop Wallaper calendar

Wallpaper by ravirajcoomar

Futuristic 2013 wallpaper

The post 13 Beautiful 2013 Desktop Wallpapers for New Years appeared first on Visual Swirl Design Resources.

Categories: Designing, Others Tags: