Easy Picture Zoom Code
This article provides the minimal code for four different methods to add zoom to the pictures on your Web page. The first method uses a single image. When you click on the image a JavaScript function is used to enlarge the image. More ...
Slide Show with Different Size Images
In this article, I explain how to code a slide show that can display different size images without growing and shrinking your web page. I'll explain it in detail so that you can understand and feel comfortable using the code, then you can cut and paste the code into your webpage and modify it for your purposes. More ...
Easy JavaScript Picture Selector Code
Suppose you want to create a digital photo album to display a group of pictures, but you don't want the page to be too large. One solution would be to display only one full size picture, and the other pictures as small thumbnail images. More ...
Easy Code for Animated Banner - Squeeze Text
Using JavaScript along with CSS allows us to create some fun and interesting animations. One of the easiest things to create is an animated banner. In this article I'll show you how to use JavaScript and CSS to create an animated banner that squeezes text and which you can easily customize for your own use. More ...
Convert Mixed Number to Decimal
Wouldn't it be convenient if the user was allowed to enter mixed numbers into a form rather than having to mentally convert them decimals? This code is designed to accept both decimal and mixed number input. More ...
HTML5 Canvas Drag-and-Drop
The HTML5 canvas element creates a sketchpad area on a webpage where you can use JavaScript to draw 2D shapes, graphics, animations, render bitmap images, and even create online presentations and build dynamic browser games. In this article you'll learn how to use drag-and-drop in your canvas projects. More ...
Code to Fade Between Two different Pictures
You've probably seen websites where a picture fades out, being replaced by another picture that fades in. This effect is called a visual transition and it's easy to do with just a tiny bit of code. More ...
Synchronous and Asynchronous Script Loading
Whether to use synchronous or asynchronous script loading depends upon the design of the webpage. Asynchronous script loading can cause the webpage can render more quickly. But if done without consideration for the design it can cause webpage flash or even errors. More ...
Introduction to HTML5 Canvas
The canvas element is a webpage container for graphics. You can use JavaScript to draw graphics within the canvas element. Learn how to draw lines, rectangles, circles, and curves, code included. More ...
A Cross-Browser Solution for Handling JavaScript Events
One area of JavaScript that is full of inconsistencies and a source of frustration is working with browser events. In this article we implemet a cross-browser solution for handling events. More ...
Working With the Keyboard in Java Script
Using Java Script you can determine which keyboard key the user pressed. You can use this information to block certain keys, to replace a key's character, or to perform an action based upon a specific key being pressed. In this article, I'll provide some basic code for working with the keyboard. More ...
Change the Case of a Character in a String
A common task with JavaScript is to change the case of the first letter in a string, or of an internal letter, or even change the case of an entire string. More ...
