DHTML and DOM JavaScript Tutorials
DOM stands for the Document Object Model, and it's a way of representing a document using Object Oriented programming. It basically allows you to have access to any part of the document you want by calling functions. Within the Document Object Model (DOM), all page elements are placed in a treelike hierarchy. Every HTML tag is a node within this tree, with subnodes and parent nodes. Also, every text portion is its own DOM node. Dynamic HTML, an extension of HTML that enables, among other things, the inclusion of small animations and dynamic menus in Web pages. DHTML code makes use of style sheets and JavaScript. Learn what is Dynamic HTML (DHTML), how it can be applied to web page elements and how you can use it to create interactive Web pages.
jQuery UI: Add Close button to dynamically added tabs
When working with jQuery UI tabs it is really easy to dynamically add tabs. You just use UI's "add" method as specified in the documentation: .tabs( 'add' , url , label , [index] ). But there is no method for dynamically adding a close button so the tabs can be removed. Here is a quick little script I wrote to do just that.
Report
Methods for Animation Effects with jQuery 1.4
The jQuery library provides several techniques for adding animation to a web page. These include simple, standard animations that are frequently used and the ability to craft sophisticated custom effects. In this article by Karl Swedberg and Jonathan Chaffer, authors of jQuery 1.4 Reference Guide, we'll closely examine each of the pre-packaged effect methods, revealing all of the mechanisms jQuery has for providing visual feedback to the user.
How to Create a Theme-Switcher in 200 Seconds
Have you ever seen sites that offer some kind of "color-switcher" within the header section? Want to know how easy it is to replicate? I'll show you in 200 seconds, using jQuery.
Create a Beautiful Looking Custom Dialog Box With jQuery and CSS3
This custom dialog box is one of the scripts in that website and I think it will be quite useful for all of us. The reason I have this custom dialog box is to overcome the inconsistencies across different browsers. It uses CSS3 to style everything and it looks really nice!
A Bullet-Proof Content Viewer
In this tutorial, we're going to look at how we can easily create an attractive and space-saving content viewer which even works with JavaScript disabled. We'll build a solid core of semantic HTML, styled with some basic CSS and we'll then use jQuery to add further enhancements in the form of transition animations.
Enable JavaScript specific CSS with one line of jQuery
jQuery is by far my favorite JavaScript framework in terms of simplicity and just pure DOM power. I picked up a little trick at a conference quite a few months back and improved upon it and thought it could benefit anyone that believes in the mantra of progressive enhancement.
Get the mouse co-ordinates with jQuery when an element is clicked
This post looks at how to get the mouse co-ordinates when an element is clicked.
Create a Minesweeper game
Learn how to create a simple Minesweeper game by using Javascript and CSS only.
Jquery CSS Style Switcher
This tutorial will explain how to create a better jQuery stylesheet switcher. We'll simply change some colours for the user.
Horizontal Accordion script
This script turns an ordinary UL list into a horizontal accordion! Move your mouse over a LI to expand it side ways while contracting its peers. The HTML markup of the Accordion (UL list) can either be defined inline on the page, or inside an external file instead and fetched via Ajax. Plus you can specify which LI should be expanded by default, whether to persist the last expanded LI (within a browser session), and also, expand a particular LI by passing in different parameters into the URL string.
jQuery: Selectors
In this tutorial I will be teaching you all the selectors of jQuery. jQuery is a very powerful AJAX/Javascript based framework, that can be downloaded freely (link at the bottom of the tutorial). If you wish to use jQuery, you don't need to have any knowledge of Javascript at all.
innerHTML
InnerHTML allows you to change parts of a web page dynamically. In my last tutorial about GET and POST in PHP, I showed how you could use a button and a textbox and then use GET or POST to print that text on the page. However, to do this, it refreshed the page. Using innerHTML, we will do it without refreshing the page. And, in another tutorial, Ill be showing how to use ajax and innerHTML to be able to do things like pull information from a database and then use innerHTML to show it. But, on with this tutorial .
Setting your tabindex on your html forms automatically with jQuery
The tabindex is absolutely necessary for controlling the tab order through a really long form, from a usability and accessibility standpoint.
Introducing the JavaScript DOM
What is the Document Object Model, and why is it useful? This article gives you a gentle introduction to this powerful JavaScript feature.
Retrieving page elements via the DOM
How can you use the Document Object Model to access the various parts of your Web page? This tutorial shows you how to retrieve HTML elements using three handy DOM methods.
Looking inside DOM page elements
This JavaScript article shows you how to access the contents and attributes of a DOM element, and how to move around the DOM tree so that you can access all the content in a Web page.
Changing page elements with the DOM
Learn how to use the DOM to alter Web page content. This article shows you how to change element content, add and remove elements in the page, move elements around, and work with attributes.
jQuery Accordion pt2
The accordion widget is a robust and highly configurable widget that allows you to save space on your web pages by only displaying a certain section of related content at any one time.
jQuery Sliding Panel
in this tutorial we’ll be creating and coding a login form concealed within a sliding panel, the sliding panel itself will expand once clicked, revealing the content within.
jQuery Sliding Panel
in this tutorial we’ll be creating and coding a login form concealed within a sliding panel, the sliding panel itself will expand once clicked, revealing the content within.
Adobe Fireworks
Adobe Flash
Adobe Illustrator
Adobe Image Ready
Adobe Photoshop
3D Studio Max
Cinema 4D
Maya 3D
Microsoft Excel
Microsoft PowerPoint
Microsoft Word
Microsoft Access
MySQL
C and C++ 
Python
Visual Basic
.htaccess
Adobe DreamWeaver
ASP
CGI & Perl
CSS
Java
JavaScript
Microsoft FrontPage
Windows Vista
Windows 7