The Dynamic Duo

   DHTML Tutorial

The Basics

  1. Overview
  2. Cascading Style Sheets Positioning
  3. Cross-Browser JavaScript
  4. Hiding and Showing
  5. Moving
  6. Sliding
  7. Mouse Click Animation
  8. Changing Images/Rollovers
  9. Clipping Layers
  10. Nesting Layers

Advanced Topics

  1. Keystroke Events
  2. Audio Controls
  3. Layer Writing
  4. Changing Styles
  5. External Source Files
  6. Working With Forms
  7. Generated Layers
  8. Using Browser Width/Height
  9. Page Templates

Object-Oriented DHTML

  1. Creating New Objects
  2. The Dynamic Layer Object API
  3. DynLayer Extensions
  4. Geometric Animation Objects
  5. Gif Animation
  6. Path Animation
  7. Using DuoPath
  8. Drag and Drop Concepts
  9. Drag Object
  10. Creating and Destroying Layers
  11. CGI Communication
  12. DHTML Buttons
  13. Radio Buttons
  14. CheckBoxes
  15. Scroll Concepts

Reuseable Components

  1. Creating Reusable Widgets
  2. Scroll
  3. List
  4. SelectList
  5. ScrollList
  6. MenuList
  7. DynWindow
  8. Clock
  9. Calendar

   DHTML Demos
  1. Bumble Bee
  2. Smart Blocks
  3. Pull-Out Menus
  4. Solar System
  5. Bouncing Ball
  6. Follow The Leader
  7. Search Engine
  8. Calendar

   DHTML Games
  1. Puzzle Game
  2. StarThruster 1000
  3. StarThruster 2000
  4. JavaScript Tetris

Visit the DynDuo online at http://www.dansteinman.com/dynduo/

Links to other DHTML resources

To view the examples in this site you must use either Netscape 4.0 or Internet Explorer 4.0

This tutorial is written and maintained by Dan Steinman (dynduo@dansteinman.com)

Please post general questions about DHTML to my DHTML Forum. I would be happy to answer e-mails if you have a very specific problem, however do try to debug your code significantly enough to determine what part of your script isn't working properly. And be sure to read through this entire tutorial before posting or e-mailing any questions, this tutorial is very thorough and will likely answer your question somewhere.

I do appreciate any comments or suggestions you have about this tutorial. I am always looking for ways to improve it, so if you have anything to contribute I would be most gracious.

I am available for contract/freelance work, and advertising opportunities are a possibility. Please inquire about these to me directly.

Please read the Acceptable Terms of Usage of the Dynamic Duo

© 1998 Dan Steinman

The Dynamic Duo is hosted by Industrial Dreams