Posts Tagged ‘Javascript’

jQTouch is a jQuery plugin for creating mobile applications with just HTML, CSS & JavaScript.

It comes with native animations, automatic navigation, and themes for mobile WebKit browsers like iPhone, G1, and Pre.

jQuery Webkit Plugin

It can be setup in a few minutes & totally customized with the selector options.

It has 2 ready-to-use themes:

  • default Apple theme
  • jQTouch theme

and new ones can be created with less effort.

The plugin offers page history management and CSS3 page transitions including 3d flip. Also, it easily allows applications to run in fullscreen mode with custom icons and startup screens.

IxEdit is an easy-to-use & free tool which aims to simplify the implementation of interactions on a web page, specially for anyone who is not experienced in JavaScript.

This interaction design tool is built with JavaScript & needs to be embedded into the webpage being edited. With the help of a modal-box-like interface, interactions created will be applied instantly.

Interaction Design Tool

Rather than totally new scripts, IxEdit generates jQuery & jQuery UI code using the parameters specified.

Interactions are stored in a local database (Google Gears), so, anything created won’t be lost even if the page is refreshed or closed.

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.

feed-holder
FeedBurner
  • RapidxHTML - Converts Your PSD into XHTML Rapidly
  • PSD to HTML
  • activeCollab | Project Management
PSD to HTML
MailChimp
  • Virtual Private Servers - eTecc Web Hosting
  • Manage your clients email marketing with sendcube
  • EasyImg - Internet Graphics Engine

Vivvo CMS - Web Publishing at your Fingertips