ADVANCED TUTORIALS & JAVASCRIPT APPLICATION

Tables vs DIVS

This advanced HTML CSS tutorial compares a table-based layout to a div-based layout and evaluates the merits and limitations of each design method, and its ultimate influence on the modern web developer.

Float Clear & CSS

Float, Clear & CSS is a complete tutorial exploring the correct application of CSS Float and Clear properties for browser compatibility, examples of various property/value combinations, and common mistakes to avoid.

DOM, Ajax and Conventional JavaScript methods

JavaScript coding subsets compares DOM, Ajax and Conventional Javascript methods, their scope, and their dependencies.

Body of JavaScript

Body of JavaScript is a JavaScript tutorial to demonstrate a box model concept in which the interactions between local and global variables and the passing of variables between functions is measured.

Invoke Function Within Function Loop

Invoke Function Within Function tests the scope of local variables and global variables both inside and outside of JavaScript functions. The exercise is divided into five logical scripts with similar code but small differences in variable placement to demonstrate varied outcomes.

Buzzing Flies

This JavaScript tutorial demonstrates how to animate images to hover around the browser window, through the combination of a math.random directional compass and JavaScript DOM to simulate motion.

JavaScript Dynamic Scaling - Led Meter Test

The purpose of this exercise is to proportionately change the height property of an image proportionate to the user-selected value chosen in the form menu.

JavaScript Automatic Array Generator

This application is aimed for JavaScript programmers who need a tool to automatically generate code for a JavaScript Array.

BullsEye Browser Game ver 1.0

BullsEye is a points-based JavaScript game whose aim is to hit as many bullseyes as possible on a moving and disappearing target.
This serves as a good example of DHTML applied DOM methods as well as the latitude with which Javascript graduates from browser-related tasks to user-adopted interactive sequences.

Arm Wrestle Browser Game

This JavaScript Browser Game simulates an arm-wrestle match. The level meter user interface allows a player to hover the mouse backwards and forwards across the strength meter to combat the opponent's strength. Features opponent skill levels, a live stats counter and a simple visual interface to watch your glorious championship victories.