This post is to introduce the newest Websanova jQuery Humanized Message Plugin. It’s a very sleek way to display a status message/feedback to the user rather than updating some little div on the page. This message pops up nice and clearly and can’t be missed. Something similar is used on Twitter which was the initial inspiration to build it out as we have adopted it’s use in many of our own apps. Continue reading jQuery Humanized Message Plugin
This post is to introduce the newest Websanova jQuery Humanized Message Plugin. It’s a very sleek way to display a status message/feedback to the user rather than updating some little div on the page. This message pops up nice and clearly and can’t be missed. Something similar is used on Twitter which was the initial inspiration to build it out as we have adopted it’s use in many of our own apps. Continue reading 10 Awesome jQuery Tag Cloud Plugins
This is a collection of jQuery tag clouds (or word clouds if you like) plugins. They range from simple old fashioned clouds to more complex 3D rotating clouds with zoom built in. Notable ones include Awesome Cloud that looks great on large sets of words and Goat 1000′s HTML5 3D rotator cloud. Whether you are looking for something simple or more complex they all look fantastic so make sure to try out their demos as many contain some interesting effects. Without further adieu, here are 10 pretty awesome jQuery tag cloud plugins in no particular order. Continue reading HTML5 jQuery Scratch Pad Plugin
The Websanova Scratch Pad is a unique one of a kind plugin that allows you to add a scratching effect to images something similar to scratching a lottery ticket. It is written using canvas so you would need an HTML5 compliant browser to use it but it does support a fallback to display a message to upgrade to a newer browser if the browser does not have canvas support. What’s really cool is that it keeps track of the percentage of area scratched so that you can trigger a callback once a user scratches a certain amount of the surface area. Continue reading Extending JavaScript – The Right Way
JavaScript comes with a lot of great functionality built in, but what if there is a function you need which is missing. How can we build them in seamlessly in an elegant way that extends the functionality of our beloved JavaScript. The following will outline a couple methods to extend the existing functionality of JavaScript, both effective but one a little more functionally complete. Continue reading jQuery Remove Class by Regular Expression
I recently came across a problem in an app I was working on of needing to remove a class name from an element that began with a particular string. The removeClass() method that comes with jQuery does not seem to be able to handle any type of wildcards and only works on an exact match. This led me to write my own little removeClassRegEx() and hasClassRegex() methods to be able to handle this problem which I have shared below. Continue reading JavaScript RGB to Hex Converter
This is a little script for converting between RGB and Hex color codes in JavaScript. I have broken it down into three pieces for converting from RGB to Hex, Hex to RGB and finally a combination of the two that will auto detect the correct color code coming in and convert it to the appropriate one. The scripts also make sure the color codes are valid and if an invalid color code is passed into the functions the script will return the value false. Continue reading Duck Punching jQuery Ajax
I recently came across a very particular problem using jQuery’s ajax() function. I wanted to have a global handler that would intercept all “success” requests, check them for a return code and only continue processing if the code returned had a value of “1″. It would then display a graceful message regardless the value of the return code. I also did not want to add any extra code into each success function as I have about 100 different ajax requests. The existing jQuery ajax utilities were unable to accomplish this so I needed a different solution. Continue reading A Large Collection of Useful jQuery Utils
jQuery is a fantastic library but it needs to stay lean and small by providing only the most commonly need features. However there are many other little utilities that I have used frequently enough and found myself always rewriting them, so I started collecting them into a little library. Many of these are just little shortcuts to code I find myself constantly typing out, but don’t think of it as a whole library you need to load into your code. Just take the pieces you need and leave the pieces you don’t need. Continue reading jQuery Plugin Development Boilerplate
The following is a great starting boilerplate template to use when creating a jQuery plugin. It contains all the major pieces you will need to build out and provide functionality for your plugins. I’ve used it to create many plugins and it has been a working progress for over two years as such I’ve worked out many kinks in it allowing me to greatly speed up my development. Continue reading Building Collections Efficiently Using jQuery
One issue that is commonly faced in an AJAX based website is the building of a collection or list of items. The collection is dynamic meaning items can be added or removed and this is done so via AJAX calls. The goal is to keep the JavaScript and HTML components separate while keeping the code understandable and maintainable. There are a few frameworks out there to do this for you like the more popular backbone.js however I wanted to present a simpler solution without the use of any frameworks. Continue reading