New Scripts | JavaScript | Tutorials & Tips

From this tutorial you will find out how to play and record files from your device. After reading this tutorial you will be able to build your own Audio Player and Audio Sound Recorder using PhoneGap and jQuerry Mobile.

In this tutorial we will take a look at how we can capture the devices motion in the x, y and z direction. The accelerometer is a motion sensor which detects movement changes relative to the current device orientation. At the end of this tutorial we will make an object move around the screen. This tutorial was made on a Mac using Aptana Studio 3 and was tested on a HTC Desire device running on Android 2.2.

This tutorial will cover a basic photo gallery app. You will learn how to use jQuery Mobile grid layout, how to get files from the device’s file system and list them and how to show a picture. Using PhoneGap and jQuerry Mobile technology you can build portable apps that will work on Android, iPhone and other mobile phone OSes.

In this tutorial we will access the device’s default camera application, the photo library and we will record a video with PhoneGap. Also at the end we will do a basic crop on a selected image from our gallery using HTML5 Canvas and JavaScript.

This tutorial presents how to use the Geolocation API from PhoneGap and how to show your position on Google Maps using jQuery Mobile Maps.

In this tutorial we will take a look at the PhoneGap connection object which gives access to the device’s cellular and wifi connection information. We will use this feature to check what type of connection we have active on our device. Also we will take a look at some of the event types for Android and iOS provided by phonegap.

What we will cover with this tutorial: the use of jQuery Mobile form elements, how to add, edit and delete a contact from the device

The main objectives of this first part of the tutorial are: get the device contacts using Phonegap Contacts list the contacts using jQuery Mobile List Views

In this tutorial we will cover PhoneGap Notifications and jQuery Mobile Buttons: A custom yet simple notification. A confirmation notification. A Beep notification. (Only working on the device, doesn’t work in simulator) A vibrate notification. (Only working on the device, doesn’t work in simulator) Buttons basics, icons and themes.

This tutorial shows how to do basic cross-platform mobile app development with jQuery Mobile and Phonegap so you would be able to build portable apps. In this tutorial we will cover the next topics: Setup jQuery Mobile along with Phonegap Create pages with toolbars and navigation Get device information

PhoneGap is a free open source framework which gives you access to native APIs. I’m working on a Windows station, but this can also be done on Linux and OSX. The main advantage to using web technologies with PhoneGap is that web designers and web developers can write HTML5, CSS and JavaScript code and still be able to build Apps for mobile devices without having to learn other programming languages such as C++, Objective C or JAVA. The best part is that you write code once and build for Android, iPhone, Blackberry, Windows Phone, WebOS, Symbian.

In computing, a benchmark is the result of running a computer program or a function, or a set of functions, in order to assess the relative performance of an object, by running a number of standard tests and trials against it. This is a method which can be used to do a relative measure (benchmark) of the Javascript function performance.

A JavaScript tutorial that shows how to to get and modify the content in an IFRAME, using the contentWindow property. The page displayed in the IFRAME must be on the same domein as the main page.

This script uses iframe loading techniques to create a fast and reliable way of pulling suggestions for your input search boxes. The script consists of a js file that contains core functionality, a css file for styles, and two images which indicate the application's current state and provide additional functionality. The suggestions can be customized to be anything you want and instructions on how to do this are also included. Additional functionality includes matching whole phrases and capitalizing the suggestions on the dropdown.

Jetpack is a project to make it easy to build Firefox 4 add-ons using common web technologies like HTML, Javascript, and CSS. The project's goal is to enable anyone who can build a web site to participate in making the Web a better place to work, communicate, and play.

Heres a small tutorial for those interested in jQuery. It teaches you how to delete all items that are selected via a checkbox.

In this tutorial I will show you how to post to a sever side script using jquery and print the results depending on what is returned.

In this tutorial I will tech you how to make a simple drop down menu using jQuery's slideToggle() method.

In this 80-minute screencast tutorial you will learn how to create an entire jQuery plugin from scratch capable of adding sorting, paging and more to a simple HTML table. We will explore building a jQuery plugin with multiple methods, default options, looping through tables to gather data, storing data in JavaScript objects, and more.

This article demonstrates you how to count characters in an input field on your html page using simple JavaScript code.