Posts Tagged ‘Javascript’

TestSwarm is an open source project by Mozilla Labs (and created by John Resig) which aims to simplify the complicated & time-consuming process of running JavaScript test suites in multiple browsers.

It offers a continious & distributed testing environment that can be used by multiple users running the tests in various browsers with a "set-and-forget" logic.

TestSwarm

How It Works?

  • With the help of several JS functions that are needed to be included inside the applications to be tested,
  • TestSwarm sends the "test jobs" to a centralized server via PHP (data is kept in a MySQL db.).
  • Clients who are connected to the TestSwarm interface automatically queries the server every 30 seconds & completes the incompleted jobs in an iframe.
  • The results of the tests can be viewed "live" in a test results report page.

TestSwarm comes with support for the following test frameworks built in (with more to come): QUnit (jQuery), UnitTestJS (Prototype), JSSpec (MooTools), JSUnit, Selenium, and Dojo Objective Harness.

P.S. The project is currently in alpha stage & can have some bugs.

Liberator is a free comet server for streaming real-time data to web pages.

It can deliver over one million complex messages per second and supports up to 30,000 concurrent users on a single server.

Free Comet Server

It supports a wide variety of data types and formats, which it organizes into static directories and dynamic containers, with auto-subscription and multi-level caching. There is extensive support for clustering, load balancing, and failover.

Some areas of usage for the server can be:

  • displaying trade market data
  • chat systems
  • mapping apps
  • & more..

Liberator is written in C and runs on GNU/Linux®, or on Windows® using VMware® & the free edition can be used for non-commercial websites.

AnythingSlider is a jQuery slider plugin which can present any HTML content.

It can display any number of slides where navigation tabs are generated automatically.

jQuery Slide Plugin

The interface has next/previous buttons, can optionally start on initial load & display all slides infinitely.

Another great feature is the hashtags for all content which makes it possible to link directly to a specific slide.

The animation & delay between each slide can also be set with ease.

YUI Slideshow is a YUI3 module which enables us to convert any HTML element’s children into animated slideshows.

It comes with a bunch of configuration options to customize the slider like:

  • animations used (for both incoming & outgoing slides)
  • intervals between each image
  • duration of them
  • autoplay
  • & more..

YUI Slideshow

The module has play/pause/previous/next controls for easily creating a player interface.

10+ different animation types can be choosen from various fade & swipe effects.

It is also possible to create advanced & custom animations where an example is already provided.

simpleCart(js), a very simple but smart shopping cart that was shared on WRD, now has a new version with more features.

The application is an upload & use shopping cart where no database is required and can be integrated into any website so easily.

JavaScript Shopping Cart - simpleCart(js)

It works by including a JavaScript file into the webpages and usage of special classes. As an example:

<div class="simpleCart_items"></div>

will display the full cart, no other code needed.

With the V2, it supports both PayPal + Google Checkout as the payment providers & multiple currencies/tax rates can be used.

Normally, when a data is submitted, it is sent in plain text if no SSL is used.

jCryption is a jQuery plugin for encrypting POST/GET data submitted by forms.

It uses public-key algorithm of RSA for the encryption & has a PHP file for handling the decryption of data.

JavaScript Encyrption

Some features of jCryption:

  • encryption up to 2048 bit
  • AjaxSubmit supported
  • doesn’t block the browser on calculations

The plugin is easy to install, use and extend. Calling the jCryption function:

$("#formID").jCryption();

and handling the data with the ready-to-use PHP function is enough.

Show If is an online JavaScript if-then-else clause generator for targeting web users.

With an easy-to-use interface, visitors can be targeted with variables like:

  • browser
  • operating system
  • referrer
  • screen resolution
  • language
  • location (country/state/city)

JavaScript If-Then-Else Generator

Location targeting requires PHP as it uses the hostip.info API for querying the IPs.

Show If is a handy service for users that are not familiar with JavaScript or users who need a quick solution.

Elijah Miller is sharing a very nice script, inspired from the iPhone-style-checkboxes for jQuery by Thomas Reynolds, for creating iPhone-like toggle switches with Prototype.

It is a very flexible resource as:

  • variable sizes of switches are created automatically
  • has support for dragging
  • sliding labels
  • offers iPhone compatibility

iPhone-Like Checkbox

How To Use It?

It converts the visual output of a checkbox & displays the standard checkbox when JS is disabled (unobtrusive).

To make it work, calling a simple function mentioning the ID of the checkbox & values is enough:

new iPhoneStyle('#variable_size_a_b', { checkedLabel: 'A', uncheckedLabel: 'B' });

That’s all.

FLV Player is an open source & free resource to display FLV files on websites.

It is compatible with FLV version 1.1 & comes in 5 types:

  • mini: player with a start/pause button & timeline control
  • normal: mini + stop button
  • maxi: normal + sound & fullscreen buttons
  • multi: maxi + multiple video display option
  • JavaScript: a player with no graphical interface but can be totally controlled via JS

Free FLV Player

The player can be controlled with keyboard for a better accessibility.

P.S. Download links can be found inside the "details" page of each player version.

Horinaja is a free slideshow script that comes in two versions: scriptaculous/Prototype or jQuery.

It slides contents inside an unordered list wrapped with a div whose class="horinaja".

The script has support for mouse wheel that only works when the slideshow is hovered which is a nice feature for not locking the scroll-bar of the browser.

Scriptaculous Slideshow

It is possible to enable/disable slide numbers & define the seconds between transitions.

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

Vivvo CMS - Web Publishing at your Fingertips

Popular Posts


Cheap SSL Certificates