plugins
25 jQuery Plugins to help with Responsive Layouts
The most popular topic of discussion at the moment is undoubtedly responsive layouts in web design. Without going into it too much, a responsive layout allows you to offer a specific and optimised screen size based on whatever device (mobile, tablet…) the visitor uses. You would typically use Media Queries to resize the overall layout, but what about all of those individual elements and features that make your page unique? Navigation, forms, images, sliders, carousels… they all need to be optimised as well. That is were this post comes in, by highlighting 25 jQuery plugins that will help you optimise and resize those trickier web elements. Response.jsTextualizer
l s - . t Q p t o r w . u a k o b x . i . x u n a i s n e i g r t o i o t T o t o t s t e a i z a i h h t l l u s y r u i e l l h s u b e y n g e a J u r h t u r s l t j t f Download: textualizer.js - (12.67 kb) development textualizer.min.js - (4.83 kb) production
Aren't you just bored with all those slides-based presentations? Don't you think that presentations given in modern browsers shouldn't copy the limits of 'classic' slide decks? Would you like to impress your audience with stunning visualization of your talk?
impress.js | presentation tool based on the power of CSS3 transforms and transitions in modern browsers | by Bartek Szopka @bartaz
A JavaScript Preloader for HTML5 Apps PxLoader is a Javascript library that helps you download images, sound files or anything else you need before you take a specific action on your site (like showing a user interface or starting a game). You can use it to create a preloader for HTML5 games and websites. It let's you monitor download status by providing progress and completed events and it lets you prioritize the order in which items are downloaded.
PxLoader | A Simple JavasScript Preloader
nanoScroller.js
nanoScroller.js is a jQuery plugin that offers a simplistic way of implementing Mac OS X Lion-styled scrollbars for your website. It uses minimal HTML markup being .nano > .content . The other scrollbar div elements .pane > .slider are added during run time to prevent clutter in templating. The latest version utilizes native scrolling and works with the iPad, iPhone, and some Android Tablets. Downloads
Zoomooz is: 6KB gzipped and 18KB minified. This includes everything but jQuery. Make any web page zoom.
Zoomooz.js
Disclaimer: This is an experimental, just-for-fun sort of project and hasn’t been thoroughly tested. Design and build your site, dividing your content into blocks. Embed scrollorama.js after jQuery and initialize the plugin, passing the blocks class selector as a parameter. Target an element and animate its properties. The animation parameters you can use are:
scrollorama
Nikebetterworld.com jQuery Parallax Effect Demo
The multiple backgrounds applied to this section are moved in a similar way to the first section -- every time the user scrolls down the page by a pixel, the positions of the backgrounds are changed. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean nibh erat, sagittis sit amet congue at, aliquam eu libero. Integer molestie, turpis vel ultrices facilisis, nisi mauris sollicitudin mauris, volutpat elementum enim urna eget odio. Donec egestas aliquet facilisis. Nunc eu nunc eget neque ornare fringilla.
15 Great jQuery Plugins For Responsive Web Design « The Creative Project
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 1.Jquery Sliders are the new way of displaying your featured posts, products and galleries etc. These sliders are commonly used in modern day web design. It gives a very professional look and feel to the site and it attracts the visitors to the featured products or news. We designing has been very easy with many amazing designers and developers giving out their sliders to be used in any kind of project, these free sliders are plenty on the web and it becomes a task for us to choose the best. In this post 50 Jquery Sliders You Will Love To Use , we have researched in depth to list out some of the best sliders that are developers favorite and are very easy to use.
50 Jquery Sliders You Will Love To Use | AntsMagazine.Com (Build 20111220165912)
Build Interactive Websites Easily With Javascript
Building interactive javascript animated website couldn't be more easy than this. Nowadays, you can plugins that created specifically to transform a dull website into animated and interactive website. These javascript plugins are the real time saver and they are well-documented and easy to implement!jQuery was first released in 2006. Nearly 5 years later, it’s still going strong – due largely in part to the community that’s been built up around it. This community of developers constantly releases plugins that allow web developers to easily add amazing functionality to their projects. Continuing our “Best of 2011″ series, the focus this week is on jQuery plugins.