Top Rated Scripts | JavaScript | Tutorials & Tips

Google and Yahoo! know that speeding pages to their users is crucial. Both companies have invested millions of dollars in the server capacity and software enhancements that it takes to quickly serve search results to millions of users everyday. However, the optimizations that these companies perform do not stop at infrastructure investments. They optimize the delivery of their data right down to the data itself. In the case of Google and Yahoo!, these smart coding practices were most likely designed into the development of their applications. Unfortunately, many Web authors and developers are forced with the task of applying smart optimization practices to an already complete Web site. There are ways that you can easily perform the same types of optimizations on your existing Web site code. Using a good Web site optimization tool is the best way and it can lead to substantial savings on any Web site. The following article is an illustration of how much can be saved on a typical Web page using a Web site optimization tool like w3compiler to apply some of these techniques.

An introduction to Object Oriented Programming in Javascript. This example creates a small user control that can be used repeatedly and independantly on the same web page.

Sticky Table Headers are a characteristic of tables that allow the HeaderRow of a table to remain stationary while the data rows are allowed to scroll. This offers a nice effect that allows tables a more "elegant" appearance. Users often ask me about this and it is nice to give this effect with minimal effort. As with just about everything related to programming, there is more than one way to skin a cat. This snippet contains 4 varieties.

Explanation and listing of the Array object in JavaScript and its methods and properties.

A tutorial that shows you how to create both JavaScript and Flash 3D applications from the one code base using Haxe and Sandy-HX.

Different effect makes your website more attractive to visitors and blinking effect is most effective way to grab user attention. We all are know blinking tag in HTML code. But, blink tag is not support in all web browsers. We can use flowing jQuery blink scripts as an alternative of HTML blink tag. Today we are going to create a simple but impressive blinking effect using jQuery and CSS3.

Say you want to stop users from entering non-alphanumeric characters or white spaces. Well a short and easy tutorial on how to use JavaScript to achieve this with the regex function.

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.

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.

So what is JavaScript? Is it Java? What does it do? Is it difficult to learn? These questions will all be answered in this tutorial, and more. Main topics include Introducing objects-what JavaScript's made of, Using the document object to explain objects, and Functions and creating your own functions.

This tutorial illustrates a rundown of the many ways to get new windows to pop up when viewers roll into your site.

This is an introductory, easy to follow tutorials on JavaScript. It also includes several advanced JavaScripts such as JavaScript live clock, Image flip, and Drop down menu box.

This is an excellent introductory tutorial on JavaScript programming. It covers many essential elements such as Embedding JavaScript, JavaScript Grammar, Variables and data types, Operators, Functions, Objects, Event handlers, and more.

Events are the glue which hold together the word inter-active. In learning to control and handle events you bridge the gap between a two-dimensional web page and a three-dimensional one. In this article we look closely at events, what they are, how to handle them with JavaScript, and how they differ -- in some cases significantly -- between the fourth generation versions of Netscape Navigator and Microsoft Internet Explorer.

An event handler executes a segment of a code based on certain events occurring within the application, such as onLoad or onClick. This tutorial along with an example explains each of all the event handlers in JavaScript.

This article discusses different ways to launch new windows with HTML and JavaScript. Topics inclide: How to launch a new window with HTML, How to launch a new window with JavaScript, How to specify the new window's attributes, How to manipulate the new window after creating it, and How to embed links and forms in the remote's document.

This articles discusses two aspects of JavaScript: working with HTML forms and manipulating frames. It also present a simple but effective personalized greeting script and a script used for submitting and HTML form. Main topics covered: Personalized greetings, Submitting an HTML form using JavaScript, Input Validation, and Frames and JavaScript.

This tutorial discusses some essential techniques for scripting and getting your scripts to work in the new NS6.

This tutorial explains the little known technique on manipulating image opacity in NS6, using CSS and DHTML.

This is a new article on Devshed.com that may be of interest. It's called "An Object Lesson in Javascript," and it's all about using Object Oriented Programming techniques to enhance JavaScript coding.