796 shaares
13 results
tagged
Plugin
A simple li'l plugin that lets you make site content easily tweetable.
Inspired (and by inspired I mean I stole this) from a recent New York Times article doing the exact same thing.
Inspired (and by inspired I mean I stole this) from a recent New York Times article doing the exact same thing.
As long as there has been jQuery there have been image carousels created with jQuery. The famous jCarousel has been out since 2006, the same year the first version of jQuery was released. However, with the explosion of users now using their mobile devices for their internet browsing — on iPhones, iPads, and the like — it becomes necessary for jQuery plugins to support a good user experience on these devices. Enter Flexisel, the responsive image carousel with options specifically available for adapting the carousel for mobile and tablet devices.
Check out the demo here. Resize your browser window to see how you the plugin can adjust to the window width.
Flexisel will adapt responsively as the screen width gets smaller...
Check out the demo here. Resize your browser window to see how you the plugin can adjust to the window width.
Flexisel will adapt responsively as the screen width gets smaller...
The jQuery slider that just slides. No fancy effects or unnecessary markup, and it’s less than 3kb.
Fluid, flexible, fantastically minimal. Use any HTML in your slides, extend with CSS. You have full control.
Fluid, flexible, fantastically minimal. Use any HTML in your slides, extend with CSS. You have full control.
Chardin.js is a jQuery plugin that creates a simple overlay to display instructions on existent elements. It is inspired by the recent Gmail new composer tour which I loved.
This is it, the mythical drag-and-drop multi-column grid has arrived. Gridster is a jQuery plugin that allows building intuitive draggable layouts from elements spanning multiple columns. You can even dynamically add and remove elements from the grid. It is on par with sliced bread, or possibly better. MIT licensed. Suitable for children of all ages.
A tidy repository of jQuery plugins
iLightBox : Sleek, intuitive, powerful, and revolutionary jQuery lightbox plugin for creative and ambitious web designers and developers.
The jQuery team have made the tough, but inevitable decision to stop supporting IE8 and below as of jQuery v2.0, while maintaining v1.9 as the backwards compatible version for the forseeable future.
In the world of modern, evergreen and mobile browsers, this was a necessary move to ensure jQuery stays relevant. Of course, this split leaves plugin authors with a bit more responsibility.
Where previously we could simply require the most recent version of jQuery, we are now likely to want to support both 1.9.x and 2.x, allowing our plugins to work everywhere from IE6 to the most bleeding edge browsers.
To facilitate this, we’ll run through the creation of a plugin using the popular JavaScript build tool, Grunt. We’ll then configure our unit tests to run automatically across multiple versions of jQuery.
In the world of modern, evergreen and mobile browsers, this was a necessary move to ensure jQuery stays relevant. Of course, this split leaves plugin authors with a bit more responsibility.
Where previously we could simply require the most recent version of jQuery, we are now likely to want to support both 1.9.x and 2.x, allowing our plugins to work everywhere from IE6 to the most bleeding edge browsers.
To facilitate this, we’ll run through the creation of a plugin using the popular JavaScript build tool, Grunt. We’ll then configure our unit tests to run automatically across multiple versions of jQuery.
Tooltips are a square deal. They allow for the placement of important information just in the very location this information is needed, regardless of screen real estate. Tooltipster is a plugin for jQuery aiming at making the process of creating tooltips as easy as possible while providing the biggest functionality available. They conform to HTML5 and can be styled to your own liking using CSS.
Whether you are a novice front end designer or an experienced web developer, every one of us has faced a situation where we write hundred lines of code and nothing seems to run as expected. If you have experience working in JavaScript and jQuery, then you might understand how troublesome it is to find a simple bug which was left behind unintentionally.
Thus, we turn to pre-coded libraries and plugins. These utilities help us solve some specific problem by simply including them in our programs. They were made to solve some frequently occurring problems for developers. It is always good to have them bookmarked or downloaded in a local folder for future use. This article presents ten of the best JavaScript libraries and jQuery plugins developed to solve some of the most frequently occurring tasks in a website’s interface.
Thus, we turn to pre-coded libraries and plugins. These utilities help us solve some specific problem by simply including them in our programs. They were made to solve some frequently occurring problems for developers. It is always good to have them bookmarked or downloaded in a local folder for future use. This article presents ten of the best JavaScript libraries and jQuery plugins developed to solve some of the most frequently occurring tasks in a website’s interface.
GMap3 is the ultimate plugin to create and manage Google Maps to jQuery.
Based on an advanced managment system,
GMap3 allows you to finely manipulate yours markers and others objects, to associate custom data usable in each event.
Discover all its potential et try to find its limits !
Based on an advanced managment system,
GMap3 allows you to finely manipulate yours markers and others objects, to associate custom data usable in each event.
Discover all its potential et try to find its limits !
A jQuery plugin that helps you serve different content to different devices.
Responsive Content is used to load content that is appropriate to the current device's screen size. It is typically used alongside Responsive Design techniques. Note however that Responsive Design and Responsive Content act on different levels: given a particular screen width, the former applies a particular styling to the same content - whereas the latter actually loads different content. It can be used subtly - for example to cause smaller images to be loaded on smaller devices - or to deliver radically different content to different screen widths or device capabilities.
Responsive Content is used to load content that is appropriate to the current device's screen size. It is typically used alongside Responsive Design techniques. Note however that Responsive Design and Responsive Content act on different levels: given a particular screen width, the former applies a particular styling to the same content - whereas the latter actually loads different content. It can be used subtly - for example to cause smaller images to be loaded on smaller devices - or to deliver radically different content to different screen widths or device capabilities.
I’ve been wanting to attempt a port of Erik Loyer’s slabtype algorithm for quite some time now and seeing Paravel’s fittext jQuery plugin, in combination with a gloriously hassle-free lunch hour gave me the impetus to attempt it. This is the result – resize the browser viewport to see the effect in action.