One of the hot topics in web design are responsive layouts. As it allows you to offer a specific and optimised screen size based on any device such as mobile, tablet that the visitor uses.
Typically we use Media Queries to resize the overall layout, but how do we go about just changing all of those individual elements and features that you want to make your page unique? Everything on your site need to be optimised like your menu(s), images, sliders. Today’s post will feature 15 great jQuery plugins for responsive layouts
Blueberry is an experimental open source jQuery image slider plugin which has been written specifically to work with fluid/responsive web layouts.
Yet another jQuery post out on the web today but why? simple jQuery has made web development quite easy and handy to make animation, interactive components and web elements is not that tough and time-consuming as it used to be. As the best part is that most of the time you don’t really need to make it yourself as thousands of plugins are already been made to help you. You can do anything and everything. Today you’ll find 12 of the latest jQuery plugins that you may not know about.
Spin.js a spinning activity indicator utilises the CSS3 to render the UI with a fall back to VML Internet Explorer. When a browser supports it, @keyframe rules are applied to animate the spinner. |
With jQuery becoming one of the most popular script library to use, the volume and quality of plugins and tutorials been developed with it are increasing rapidly. If you are looking for the latest in jQuery this is the post for you, most of the plugins in this post are fresh and new.
In The Creative Project site we regularly collect useful bundles of jQuery plugins, snippets, resources and present them in different posts. This time we are again covering some useful and vastly new jQuery plugins and tutorials that may help you improve the user experience for your site.
In this tutorial made by Martin Angelov. You will use jQuery and the new transformation features brought by CSS3 to create a three-dimensional dynamic slider effect. The techniques presented are useful for creating sliders and CSS dynamic resizable bars, can be used together or in part for powering all sorts of jQuery goodness.
jQuery is a lightweight library and therefore one of the most popular to use. There are many plugins that are available out on the web that use jQuery.
In this very post I’ve collect 15 fresh and attractive plugins that you could use in your current or next projects.
Image flipping is becoming popular these days and many sites and blogs are already using it. Using flips adds good user interface experience and therefore giving better feel and look to web application. In this post I’ve collected 8 of the best jQuery flip plugin’s that you could make into your upcoming projects
One of the most important elements in creating a successful portfolio or websites is to use beautiful and unique image gallery catching eyes with its sliding elements. All of the following image galleries and sliders use jQuery.
DevKick developed a full screen image gallery that automatically scales the image with kept aspect ratio to fill the browser background. I also spiced it up with a flickr search engine, thumbnails, captions, pre loader and some other goodies
This is from BuildInternet, this plugin actaully re size the images to fill the browser while maintaining image dimension ratio, cycles images or backgrounds via slide show with transitions and pre loading . Navigation controls allow for pause/play and forward/back.
The s3Slider jQuery plugin is made by example of jd`s smooth slide show script. Boban from Serie3 needed something like that for jQuery (for his web site kruskica.net).
This jQuery plugin enables simple and easy creation of an interactive “Featured Items” widget.
jQuery lightBox plugin is simple, elegant, unobtrusive, no need extra markup and is used to overlay images on the current page through the power and flexibility of jQuery´s selector.
One of my past articles named 16 Creative & Useful jQuery Plugins featured some creative and useful plugins that web designers and developers around the world could implement on their websites. Now I’ve found some more plugins that you can use on your site or your client’s site.
A set of contextual SEO-friendly slideout tips with jQuery & CSS3, which are ideal for product pages and online tours.
jQuery Slider is easy to use and multifunctional jQuery plugin.
jSquares is a jQuery plugin that pops up an image and a description in an overlay on hover. It is basically identical to the image grid found on www.ted.com. Works like a charm in IE6+, FF 3+, Safari 3+ and Opera 10.