jQuery/JavaScript Tools and Plugins Worth Checking Out. Sure, recently I mocked the fact that our industry is inundated with scripts, boilerplates, libraries, and frameworks.
But that was just a light-hearted look at the state of our industry. I still think there are tons of tools that are valuable and worth knowing about for front-end developers. So here’s another list of tools and other goodies that might be of interest to JavaScript developers. Redesigning the Country Selector “During our recent checkout study we found several usability issues when using a drop-down for your country selector: a lack of overview, unclear sorting, scrolling issues, inconsistent UIs, a lack of context on mobile devices, and finally, they break the user’s tab-flow.
Visitor.js visitor.js is a small piece of JavaScript that provides you with information on your site’s visitors, so you can target them with custom-tailored content. jQuery Boilerplate js2coffee Backbone Boilerplate Sugar JavaScript Library Yep, another JavaScript library. Hastebin SyntaxHighlight.in. DynoTable – A JQuery Plugin by Bob Tantlinger.
A while back I was working on a project that required the GUI to allow the user to dynamically add, remove and rearrange various form fields contained in table rows.
The tricky part was that the UI needed to have this functionality for several different types of elements across several different forms. For instance, one set of fields was for adding and removing specifications to a product while another set of fields was for adding images to a product. Thus, I needed a solution that would be flexible enough to work across virtually any type of form elements. Naturally, I turned to JQuery. I first took a look around within JQuery’s plugin ecosystem to see if perhaps there was already a plugin that might do the job. What the plugin does DynoTable makes an html table editable. Add rows Remove rows Clone rows Click and Drag to Re-arrange rows (If you have Jquery UI included on your page) Getting started with dynoTable is a snap. $(document).ready(function(){ $('#t1').dynoTable(); });
New Tools And jQuery Plugins For Web Designers - 38 Items. jQuery plugins are released more often than people would expect and that is a good thing because this way you have a whole bunch of them to choose from.
In this article I featured 38 of these wonderful jQuery plugins along with other tools useful for web designers and web developers. tablecloth.js We’ve all been there. Either you’re redesigning a large site or working on a completely new one… styling tables is typically tedious and time-consuming. If you’d rather spend your valuable time making the other elements of your site pretty, use tablecloth to do the heavy lifting. JQVMa JQVMap is a jQuery plugin that renders Vector Maps. Stroll.js – because it scrolls, and trolls Cubism.js Cubism.js is a D3 plugin for visualizing time series. Lake.js Lake.js takes an img element and inserts a canvas element displaying the image and its flipped reflection directly after the img element. The new canvas element will be the same width as the original image and double the height. Storage.js Android Query Faye.