Archive

Posts Tagged ‘jQuery’

How to Debug Your jQuery Code

June 25th, 2010

Firebug—Although many developers have used Firebug, I don’t think that many understand the true potential of its debugging capabilities. If you know your tools inside out, you can become a more productive and efficient programmer. Note: If you aren’t using Firefox, the Firebug Lite bookmarklet can come in handy to provide many of the nice debugging features of its Firefox add-on counterpart. I tend to use this bookmarklet primarily with Google Chrome.
FireQuery—This Firefox Firebug add-on provides some nice features to Firebug, such as letting you see which jQuery events are attached to what DOM elements, displaying any data elements that are attached to a DOM element, and providing the ability to inject jQuery into Web pages that don’t have it already loaded.
FireFinder—This Firefox Firebug add-on can help you find the selector you are looking for. You can test the selector you have, and it will highlight all those items on your Web page.
(Link: How to Debug Your jQuery Code)

Uncategorized

jQuery for Complete Beginners: Part 1

April 10th, 2010

What is jQuery?

jQuery aims to make JavaScript more accessible for the less ‘hardcore’ developer. For example, there are many cross browser issues with regular JavaScript that jQuery deals with – it does a lot of work behind the scenes to make sure your experience is much more simple and enjoyable. Instead of spending time on the monotonous, boring cross-browser code, you can get straight to work with your cool effects, safe in the knowledge that jQuery is sorting everything out for you.
(Link: jQuery for Complete Beginners: Part 1)

Uncategorized

Create a Content Rich Tooltip with JSON and jQuery | Web Resources | WebAppers

February 22nd, 2010

When a user hovers over a link, it will trigger the top banner to change its background image and text based on the entry in a JSON array.
(Link: Create a Content Rich Tooltip with JSON and jQuery | Web Resources | WebAppers)

Uncategorized ,

Ketchup Plugin

February 12th, 2010

Ketchup is a slim jQuery Plugin that validates your forms. It aims to be very flexible and extendable for its appearance and functionality.
(Link: Ketchup Plugin)

Uncategorized ,

jQuery 1.4 API Cheat Sheet — Future Colors

February 9th, 2010

FCBKcomplete – Fancy facebook-like dynamic inputs with auto complete & pre added values

February 9th, 2010

Fancy facebook-like dynamic inputs with auto complete & pre added values. If you have any comments or requests, please post them and I will try to include all the requested features in the upcoming release.
(Link: FCBKcomplete – Fancy facebook-like dynamic inputs with auto complete & pre added values)

Uncategorized

jQuery Selectors tutorial

January 11th, 2010

jQuery – Quick Guide, Reference Manual

January 10th, 2010

This page lists down all the jQuery APIs at one place for your easy access. So my recommendation is to bookmark for future use. Following table lists down few basic selectors and explains them with examples
(Link: jQuery – Quick Guide, Reference Manual)

Uncategorized ,

jQuery ‘Notify bar’

January 8th, 2010

‘Notify Bar’ plugin

Simple plugin (basically it’s not a plugin, but widget) to show notify bar (like on Twitter’s webpage).
(Link: jQuery ‘Notify bar’)

Uncategorized

jqGrid is an Ajax-enabled JavaScript contro for representing and manipulating tabular data

January 4th, 2010

jqGrid is an Ajax-enabled JavaScript control that provides solutions for representing and manipulating tabular data on the web. Since the grid is a client-side solution loading data dynamically through Ajax callbacks, it can be integrated with any server-side technology, including PHP, ASP, Java Servlets, JSP, ColdFusion, and Perl.
(Link: jqGrid is an Ajax-enabled JavaScript contro for representing and manipulating tabular data)

Uncategorized , ,

Take Your HTML Tables to a New Level with JavaScript Frameworks

January 4th, 2010

With basic HTML tables, the structure and the way the table are presented inherits the native html style. And if you like to change it then you need to change the underlying HTML code or spend time in adding attributes to all tables tags, in order to style it with CSS . But what if you want to make the tables more interesting, more dynamic, more visual appealing without spending so much time. Yes you can certainly use JavaScript for this, but coding it from scratch will be time consuming and it’s not worth. But JS libraries/frameworks will allow you to add a range of dynamic behavior to your tables and manipulate it for better presentation on a webpage without spending much time. We decided to list a few for the benefit of those who intend to use tables with JavaScript(JS). Most of these are for the popular jQuery, MooTools and Prototype/script.aculo.us JS frameworks.
(Link: Take Your HTML Tables to a New Level with JavaScript Frameworks)

Uncategorized , ,

AutoSuggest jQuery Plugin | Drewwilson.com

January 4th, 2010

AutoSuggest is a very lightweight jQuery plugin that makes auto-completing extremely easy.
(Link: AutoSuggest jQuery Plugin | Drewwilson.com)

Uncategorized

45 New jQuery Techniques For Good User Experience – Smashing Magazine

December 18th, 2009

over 45 impressive jQuery plug-ins and techniques that have been recently created and that could make the development of your next website an easier and more interesting experience than the last.
(Link: 45 New jQuery Techniques For Good User Experience – Smashing Magazine)

Uncategorized

jQueryGlobe | jQuery Plugin – Feature List

December 11th, 2009

I love the simplicity of using (and more important re-using) jQuery plugins. So I decided to release a plugin that came from my personal need – Feature List. This jQuery plugin enables simple and easy creation of an interactive “Featured Items” widget.
(Link: jQueryGlobe | jQuery Plugin – Feature List)

Uncategorized

23 Best jQuery Facebook Style Plugins | jQuery Wisdom

December 8th, 2009

The Facebook User Interface is one of the most popular, attractive and simple to use. At the same time, it is a challenge for designers to create these kind of user interface. These jQuery plugins help designes to create facebbok style UI with ease.
(Link: 23 Best jQuery Facebook Style Plugins | jQuery Wisdom)

Uncategorized