Browse By

14 Latest Javascript Resources For Web Designers

Javascript and jQuery plugins are very important resources nowadays for designers as clients want everything to be dynamic and modern. They are important also for their versatility and the possibility to create incredible new features with them.

jQuery.fracs – determine the visible fractions of an element

fracs

jQuery.fracs determines the fraction of an HTML element that is currently in the viewport, as well as the fraction it takes of the complete viewport and the fraction of the area that might possibly be visible. It also provides the coordinates of the visible rectangle in document, element and viewport space.

grumble.js

grumble

Originally written for Huddle.com, grumble.js provides special tooltips without the usual limitations of north/east/south/west positioning.

A grumble can be rotated around a given element at any angle, all 360 degrees. Any distance can be specified. Any CSS style can be applied. There’s auto-magic size adjustment for use with localized text. FX queues for animating multiple grumbles. And it works in IE6+, and modern browsers.

Elycharts

elycharts

Elycharts is a pure Javascript solution, so it doesn’t require any client side plugins like Flash or Java. Running on the client browsers, you don’t need to install anything on your server. You need only to include some javascript files in HTML pages where you want to use drawing tools, and you’re ready for your new charts!

Candy — a JavaScript-based multi-user chat client

candy

There are plenty of web-based chat clients out there. Most of them are built to emulate your instant messenger. They offer you tons of settings. They can join multiple networks, let you edit your profile, and even manage your message history.

JointJS

jointjs

JointJS is a JavaScript library for creating diagrams. The diagrams can be fully interactive. Joint library is suitable for both implementing a diagramming tool as well as simply for publishing your diagrams.

jQuery Boilerplate – Jump-starting jQuery plugins development

jqueryboilerplate

Contains lots of comments to help you get going easily. It is truly object-oriented, it implements public and private methods as well as public and private properties, making it the ideal candidate for when building both simple and complex jQuery plugins.

It does not adhere to the suggestions made by the jQuery documentation regarding Plugins/Authoring and by doing so it provides better performance and memory usage by not creating multiple instances of itself and attaching them to the target DOM elements.

jQuery EasyUI

jeasyui

jQuery EasyUI framework help you build your web page easily.

  • easyui is a collection of user-interface plugin based on jQuery.
  • using easyui you don’t need to write many javascript code, you usually defines user-interface by writing some HTML markup.
  • easyui is very easy but powerful.

Boxjs

boxjs

Boxjs gives you the flexibility of a modular loading system whilst providing the speed of a single, compressed JS file. Boxjs allows you to organise your files however you wish, but always deliver them to your users as quickly as possible.

MotionCAPTCHA

motioncaptcha-jquery-plugin

MotionCAPTCHA is a jQuery CAPTCHA plugin, based on the HTML5 Canvas Harmony procedural drawing tool by Mr Doob and the $1 Unistroke Gesture Regonizer algorithm (and the more recent Protractor algorithm improvement), requiring users to sketch the shape they see in the canvas in order to submit a form.

At the moment, it’s just a proof-of-concept – it only uses client-side gesture recognition, and doesn’t really have IE support – but the next releases will feature progressive enhancement and the ability to use this in production environments as a serious CAPTCHA alternative

JSColor

jscolor

JSColor is a simple & user-friendly color picker for your HTML forms. It extends all desired < input > fields of a color selection dialog. You can pickerize your input fields in two easy steps

Cuepoint JS

Cuepoint

Cuepoint.js is an open source plugin for adding subtitles to your HTML5 video. You’re free to use it for whatever you want. Take a look at the source code of this page for an example of how to use it

leanModal.js

leanmodal

Features:

  • perfect for hidden page content
  • uber light at just 780 bytes (minified)
  • flexible width & height
  • image free
  • multiple instances on one page
  • great for login, sign up & alert panels, etc.

Paper.js — The Swiss Army Knife of Vector Graphics Scripting

paperjs

Paper.js is an open source vector graphics scripting framework that runs on top of the HTML5 Canvas. It offers a clean Scene Graph / Document Object Model and a lot of powerful functionality to create and work with vector graphics and bezier curves, all neatly wrapped up in a well designed, consistent and clean programming interface.

Guiders.js

guidersjs

Guiders are a user experience design pattern for introducing users to a web application.

Leave a Reply

Your email address will not be published. Required fields are marked *