Posts Tagged ‘Javascript’

dynaTrace AJAX Edition is a free tool for diagnosing & preventing Ajax performance issues.

The tool runs on IE & measures the performance of your AJAX application as real users are feeling it.

dynaTrace Ajax

It traces & analyzes AJAX calls through their entire round trip (DOM event, JavaScript, HTTP request, avaScript callback) and displays network traffic, CPU load, execution times & more.

dynaTrace AJAX also records every session for future offline analysis.

TinyTable, a lightweight JavaScript table sorter that was featured before, has its 3rd version released.

The new version has fresh features like: search, column averages and totals, record numbering, a view all & a reset function.

JavaScript Table Sorter: TinyTable

TinyTable also has features like:

  • alternate row highlighting
  • header class toggling
  • auto data type recognition
  • selective column sorting

Almost every feature is optional & can be configured while calling the TinyTable function.

Since using tables is still the best option to display tabular data, it is a must-bookmark.

jParse is a jQuery plugin for parsing XML that was fetched with the jQuery .ajax method.

It can select the value of any XML node or a node's parameter & can ouput a totally customized HTML.

jQuery XML Parse

The plugin is very flexible & offers features like:

  • running callback functions before it starts & after it finishes
  • limitting the number of <items> to be processed
  • excluding XML nodes with certain words, numbers or symbols
  • output the number of <item>'s in a feed anywhere in your document

As jQuery .ajax method does not allow cross domain Ajax requests, the XML must be on the same domain.

To see how easy it is to parse a XML file with jParse, check the demo.

TableGear is a MooTools plugin for adding extra functionality to the standard tables.

It is designed to work in a PHP/MySQL environment & can be implemented very quickly.

MooTools Table Editor

TableGear makes the following possible:

  • sorting & pagination of data
  • onClick editing of columns (ajaxed)
  • adding/deleting rows (ajaxed)
  • styling columns
  • & more

The plugin is keyboard-friendly for a faster navigation & it is very well-documented with lots of examples.

AJAX Upload is a free script for easily impelementing Ajaxed upload interfaces.

It comes with ready-to-use server-side code for PHP, ASP.NET & Coldfusion.

Ajax Upload Script

The script doesn't require any JS library to run & compatible with any of them (the example code uses jQuery).

As the upload function is fired with JavaScript, it is possible to use any object/image as the upload button which makes stying much easier.

AJAX Upload provides access to every level of the upload process (before, after, onComplete) for a better customization.

Simply-Buttons v2 is a technique to create good-looking & cross-browser buttons that is inspired from:

CSS Buttons

The buttons are created with pure CSS and, optionally, improved with JavaScript (code is provided).

They fit to any text & come with 3 states: inactive, active and hover.

P.S. Their compatibility is tested on IE6 IE7 FF(PC/MAC) Safari SafariMobile Opera(PC/MAC).

slideViewerPro is a totally customizable jQuery image gallery plugin.

It is derived from the popular slideViewer plugin & offering more features.

jQuery SlideViewerPro

The gallery is created from an unordered list with any number of images.

Some of the features are:

  • display images automatically
  • show captions on/off
  • shuffle on/off
  • custom prev-next buttons
  • ability to define the animation & slide periods
  • & more

The look & feel can be customized via CSS and from the settings of the plugin like the borders, colors, etc.

Notimoo is a lightweight MooTools plugin (4kb) for displaying growl-like notifications.

It comes with several options for a better customization of "how the plugin functions".

MooTools Growl - Notimo

Some of the options are:

  • if it should disappear automatically or not
  • time it will be displayed for
  • position of the notification
  • display a title or not
  • opactiy of the modal window.

It is also possible to update the look & feel of the notifications via CSS.

Pluralink is a tiny JavaScript library for displaying multiple links inside one link.

Rather than mentioning all your links one-by-one, a major link will be displaying all the options when clicked.

Pluralink

Usage is pretty simple:

<a href="http://firstlink.com/||http://secondlink.org/" title="First link description||Second link description">Some pluralink</a>

is all to do after inserting the JS file into our webpages.

The cons are:

  • not unobtrusive (if the JS is off, the links won't be working)
  • no RSS support (Pluralink team says "they are working on it")

The library also comes as a Wordpress plugin for easier integration.

Closure Tools is set of opensource (release info) developer tools by Google which are used while building Gmail, Google Maps, Google Docs  & many others.

The tools include a JavaScript compiler, library & templating system.

Closure Compiler

JavaScript Compiler

It compiles JavaScript into compact, high-performance code. The compiler removes dead code and rewrites and minimizes what's left so that it downloads and runs quickly.

It also checks syntax, variable references, and types, and warns about common JavaScript pitfalls.

The compiler also offers a Firebug extension, named Inspector, for better debugging.

Closure Library

It is a broad, well-tested, modular, & cross-browser JavaScript library.

Only what you need can be pulled from a large set of reusable UI widgets, controls, lower-level utilities for DOM manipulation, server communication, animation, data structures, unit testing, rich-text editing, & more.

Closure Templates

They simplifty the task of dynamically generating HTML.

In contrast to traditional templating systems, in which you use one big template per page, you can think of Closure Templates as small components that you compose to form your user interface.

feed-holder
FeedBurner
  • 17% Off Web Hosting Sale - eTecc Web Hosting
  • PSD to HTML
  • MailChimp
PSD to HTML
  • Manage your clients email marketing with sendcube
  • activeCollab | Project Management
  • RapidxHTML - Converts Your PSD into XHTML Rapidly

Vivvo CMS - Web Publishing at your Fingertips

Popular Posts


Cheap SSL Certificates