Below are some jQuery plugins that we found to be trending or featured across Javascript resource sites during June 2013.

Since our last article in March, jQuery released version 1.10.0 and then a consequent 1.10.1 just a week later. jQuery 1.10.0 focused on improved performance, code optimisation and bug fixes across all major browsers. However it's main goal was to sychronise the features and behaviour of the 1.x and 2.x jQuery series - jQuery 2.x has the same API as jQuery 1.x but does not support Internet Explorer 6, 7, or 8. 

So, if you haven't updated your jQuery version and don't want to run an older version, update your references to the CDN (if you use one, which you should).

Bootstrap WYSIHTML5

jQuery WYSIWYG HTML5 - Web Design Cheshire

Bootstrap-wysihtml5 by James Hollingworth is an HTML5 WYSIWYG lightweight text editor. It’s highlight consistent with Bootstrap’s design, and has many features you may take for granted when editing text, like the usual keyboard shortcuts. Trantor Liu sent in afork, trantorLiu/bootstrap-editor, which links the project up with jQuery-File-Upload. This adds support for file uploads, upload progress, drag and drop, and cross-domain uploads.


X-editable jQuery Inline Plugin - Web Design Cheshire

X-editable by Vitaliy Potapov is an in-place editing library that works with Bootstrap, jQuery UI, and jQuery. It allows you to create editable elements on your page and display a popup for a simple text field, or richer input widgets like date selectors, calendar selectors, dropdowns and textarea's. The GitHub page features full working demo's and documentation.

Grunt StripMQ

Grunt StripMQ by Jorik Tagelder is a "mobile-first CSS fallback". It uses a Grunt task to generate a fallback version of your fancy mobile first stylesheet. Since IE8 and lower dont support media queries, you can use a javascript like respond.js to enable this, or generate a fallback version with this task. It parses your media queries, removes the unreachable for the given viewport, and adds the query contents to the stylesheet. It is important to keep the flow in your document from small to high, like in the example css below.

stripmq: {
        options: {
            width: 640,     // viewport width, default is 1024
            height: 480,    // viewport height, default is 768
            'device-pixel-ratio': 2          // default is 1
        all: {
            files: {
                'desktop.css': ['mobile-first.css']

Magnific Popup

jQuery Magnific Popup - Web Design Cheshire

Magnific Popup by Dmitry Semenov is responsive jQuery lightbox plugin that is focused on performance and providing the best experience for a user with any device. It is light, modular, highly customisable and mostly CSS driven as the controls are pure CSS without external graphics, therefore it supports high DPI displays.

Keyboard shortcuts are supported, the arrow keys and escape allow images to be navigated – see the gallery demo for an example of this.


jQuery Responsive Side Menu

Sidr by Alberto Varela is a jQuery plugin for effortlessly creating pop-in side menu's and creating a responsive menu (it is similar to the way Facebook do their side menu on the mobile version). The script loads asychronously, is easy to setup and adapt to reflect your own site. It is provided with demo's and has a fully documented API.

Did we miss out your favourite jQuery plugin? Let us know! You can get in touch with us by mentioning #ALJTMedia on Twitter, leaving a comment on our FacebookGoogle+ or LinkedIn page, or writing a comment below.

Ignite your brand, utilise user-generated content no matter where you or your audience are ›