background preloader

jQuery

Facebook Twitter

jQuery Nested. Nested is a jQuery plugin which allows you to create multi-column, dynamic grid layouts.

jQuery Nested

Unlike other libraries and jQuery plugins similar to Nested, this is (as far I as I’ve know) the first script out there that allows you a complete gap-free layout. How is this done? Nested does three things. jQuery Plugin. Lazy Line Painter. Parsley.js. ParamQuery jQuery Grid Plugin. jKit - jQuery based UI Toolkit - Index. SocialCount, a jQuery Plugin for Lighter & Faster Social Networking Widgets.

Posted by Zach on 11/26/2012 You’re minding your own business, casually browsing around on the World Wide Web.

SocialCount, a jQuery Plugin for Lighter & Faster Social Networking Widgets

You navigate to a page that begins to load and render, but suddenly it stalls. For a few seconds you stare at a partial white screen, appalled at the hiatus your device has placed on your browsing flow. Finally, the page yields and loads the remainder of the content. What just happened? Social Networking widgets are a digital blot on the beautiful canvas we call the web. Design considerations aside, the widgets’ biggest affliction is their file size. 16 Excellent jQuery Plugins to Improve Typography. 50 Most Useful jQuery Plugins from 2012. With hundreds upon hundreds (if not thousands) of new jQuery plugins being released this year – what a great year it has been.

50 Most Useful jQuery Plugins from 2012

From that colossal total we have worked really hard filtering them down to bring you the 50 that we feel are the most innovative, most ground-breaking and, more importantly, the most useful jQuery Plugins from 2012. Last year, we gave you a roundup of the top 50 jQuery plugins from 2011. And today, we have put together the top jQuery plugins of this year, that is, 2012. We have split all of the plugins into the following categories: Web Page Layout Plugins, Navigation Plugins, Form Plugins, Slider & Carousel Plugins, Chart & Graph Plugins, Image Effect Plugins, Video Plugins, and finally, everything else in-between. Vegas Background jQuery Plugin. Awesome jQuery Plugins For Creating Single-Page Websites. For websites with less content or to simplify the browsing experience, single-page websites are a great option.

Awesome jQuery Plugins For Creating Single-Page Websites

Although they are used for any type of content, they are preferred mostly for portfolio, event and app (usually mobile app) ones. Such websites can be enriched in different ways by a chic scrolling effect, modal boxes, tooltips, etc. As a fan of single-page websites, here are the awesome jQuery plugins I use regularly (and some alternatives) to create them: jQuery Scroll Path That's a very original plugin which allows us to draw a totally custom scroll path (with curves) of any size. HTML elements can be placed along the path and events like mousewheel, up/down arrow keys or spacebar will get you to the next element with an animation that follows the path. jQuery for Designers - Tutorials and screencasts.

50 jQuery Function Demos for Aspiring Web Developers - Smashing Coding. Every aspiring Web developer should know about the power of JavaScript and how it can be used to enhance the ways in which people see and interact with Web pages.

50 jQuery Function Demos for Aspiring Web Developers - Smashing Coding

Fortunately, to help us be more productive, we can use the power of JavaScript libraries, and in this article we will take a good look at jQuery in action. What Is jQuery? Link In a nutshell, jQuery is a leading JavaScript library that can perform wonders on your Web pages and make your Web development life much easier and more enjoyable. With the rise in popularity of jQuery since its arrival in 2006, over an estimated 24 million websites (50% of them being the 10,000 most visited websites) currently reap the benefits, and as Google Trends suggests, it’s the most popular JavaScript library. jQuery social media share and bookmark plugin. Automatic jQuery site subscription lightbox. I’ve had many of you email me asking for a tutorial that shows how to create the subscription lightbox that activates for the first time you visit the site, and I’ve finally got around to writing it up.

Automatic jQuery site subscription lightbox

Getting Started You’ll need to include the jQuery library as well as the Colorbox lightbox JS and CSS which are included in the download below. The JS Code Once the page loads we check to see if the cookie exists and hasn’t expired. If it’s expired or doesn’t exist we set the cookie to expire in 15 days, and we show the lightbox. The HTML Here’s the HTML for the lightbox. Jq-tiles. Pig ham: hock pork loin brisket pastrami frankfurter andouille.

jq-tiles

Sausage: ground round sirloin ball tip beef ribs. Pork turkey: shoulder, filet mignon chuck t-bone bacon. Short loin: pig jowl fatback, pork loin pork chop. Demos — Fabric.js Javascript Canvas Library. jQuery Socialist Social Media Plugin - Create and combine feeds from social networks. In1 | plugins A jQuery Social Plugin to create a single social media stream from multiple social network feeds Socialist is a social feed plugin that combines multiple social media feeds in one place.

jQuery Socialist Social Media Plugin - Create and combine feeds from social networks

Use it to combine content and create a social wall from Facebook, Twitter, LinkedIn, YouTube, Pinterest, Flickr, Tumblr, Craiglist RSS and other social networks. Features. jBar Plugin, the jQuery call to action bar : Todd Motto: Front-End Web Developer & Graphic Designer in Wiltshire, UK. jBar is a simple and lightweight jQuery notification bar that’s been revisited and rewritten (18.11.2012) as an official plugin, which serves up loads of easy customisable options.

jBar Plugin, the jQuery call to action bar : Todd Motto: Front-End Web Developer & Graphic Designer in Wiltshire, UK.

The jBar allows you to create a simple call to action and bring it forward for the user to see at the top of your website. The user can then toggle the visibility of the bar by clicking the ribbon. Overview jBar was created to provide a lightweight plugin to replace the restrictions provided by Hellobar and allow easy implementation and customisation for you or your client’s websites. Hellobar you also have to pay for if you want an unbranded version, which is no fun. Features The jBar sits at the top of your website, and is fully customisable.

The rest of the options are up to you: List.js - Add search, sort and flexibility to plain HTML lists with cross-browser native JavaScript by @javve. Timeline. Experimental Page Layout Inspired by Flipboard. SUPERSCROLLORAMA. SuperScrollorama is powered by TweenMax and the Greensock Tweening Engine.

SUPERSCROLLORAMA

Go to greensock.com for documentation on how to use it. Why Greensock/TweenMax? Great performance, ease-of-use, expandibility and basically because it is awesome. First, link to the jQuery CDN and then embed TweenMax.js and SuperScrollorama. Next, start up SuperScrollorama. When initializing SuperScrollorama there are several options you might want to change. $.superscrollorama({options}) vars: optional properties for the pin method (object): isVertical Are we scrolling vertically (true) or horizontally (false)?

Example Use the addTween method to build your scroll animations. AnythingSlider. Download from GitHub Lots of people have worked on AnythingSlider and there is a lot more to it than you can see here (themes, effects, options, etc). Go snag the code from GitHub to see the full monty. Features Panels are HTML Content (can be anything). Change content by scrolling horizontally or vertically, or by cross-fading* between slides. * New in version 1.8! jQuery tooltip scripts, 100+ best. One of the most important things when evaluating a website is realize if it offers enough hints and solutions to be found by the audience their navigation across the entire page, think of it as a sailor who needs to see the beacon’s light while approaching to the shore, there’s no way that the sailor will find the city’s Major waiting and guiding him to reach the dock, not even the sheriff will have time for that, but the beacon will always be there to enlighten the sailor’s way.

This showcase reunites the most important and useful tooltip scripts that can be easily implemented on your site. Image Wall with jQuery. Today we want to show you how to create a neat image wall with jQuery. The idea is to scatter some thumbnails with different sizes on the page and make a ribbon slide in when we click on the picture. The ribbon will show some description next to the picture and […] View demo Download source. 28 High-Quality jQuery Plugins For Building Responsive Websites. Home » Extras » 28 High-Quality jQuery Plugins For Building Responsive Websites There is always a new challenge for web designers and developers.

One of the latest is definitely responsive web design; the art of serving the same web page to multiple devices which look good on all of them. It is a getting-popular approach. As always, there are questioned parts (like the increasing number of screen sizes and the difficulty in setting breakpoints) but these are minor and creating a responsive website is nothing difficult. Thanks to talented people out there that there are great resources simplifying development of such websites. jQuery Tooltip Plugin Demo. YoxView - jQuery image viewer plugin. Minimit Gallery Plugin. 14 Fresh and Useful jQuery Plugins. jQuery has changed the way developers write JavaScript and the way users interact with websites and web applications. If you’re a developer, you know what a joy working with jQuery can be, especially the convenience of plugins. In this post, we’ve rounded up 14 fresh and useful jquery plugins that have been released in the past few months.

You’ll find that these plugins offer a wide range of functionality, from navigation enhancements to image viewing. BubbleUp With BubbleUP, images in a list will enlarge with a smooth animation when you move your mouse over it. 8 jQuery Plugins for Enhancing Typography. JZoopraxiscope - jQuery plugin for making animations from static images. 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? jQuery Flash Plugin - Basic Example. jQuery Flash Plugin. jQuery Flash Plugin. Syropia Labs. ThrivingKings - web development, jQuery plugins, code snippets. Page Scroller: A Simple Page Scrolling Plugin. Better html anchor, a jquery script to slide the scrollbar « Making a Beautiful HTML5 Portfolio. jQuery Smooth Scrolling Plugin. Ian Lunn Design - Blog of Freelance Web Designer, Ian Lunn. Back to top. ThemeRoller. Supersized - Full Screen Background Slideshow jQuery Plugin. Jquery. jQuery 4u Blog - News, Tutorials, Tips, Plugins, Code Snippets.

Creating a Filterable Portfolio with jQuery. jQuery Tutorials for Designers. Learn to code. From The Mad Lab – A CSS3 & jQuery based Sliding Door Content Gallery « HBird's Internet Developer's Resource Blog. We are back with another issue of the “The Mad Lab” posts. Tangle: a JavaScript library for reactive documents. Tangle is a JavaScript library for creating reactive documents. Your readers can interactively explore possibilities, play with parameters, and see the document update immediately.

A suite of Javascript libraries and tools designed for working with HTML5. Message library. New Signature Labs. jQuery.ScrollTo. Gridster.js. Shadowbox.js. Animated Menu Hover 1. Zoomooz.js. Zoomooz is: 6KB gzipped and 18KB minified. A lightweight JavaScript graph drawing library. jQuery Collapse. Jquery sliders.