Create a New Style Sheet in the CSS Styles Panel
Preview HTML Documents on a Cellphone, Tablet, or Laptop in Dreamweaver
How to Apply CSS3 Effects and Transforms in Dreamweaver

Basics of the CSS3 Script Categories

The Dynamic Drive CSS3 scripts appear in several categories. Each category contains a number of scripts that meet specific needs. For example, you may need a pop-up calendar, rather than one that sits statically on the page. Dynamic Drive provides the Calendars category, whose scripts address both needs.

The following list describes the kind of scripts that you can expect to find in each of the categories.

  • Calendars: All of these scripts are user submitted. They include a number of basic, dynamic, and pop-up calendars.

  • Date & Time: Most of these scripts were created by Dynamic Drive. They include a number of digital and analog clock examples.

  • Document Effects: Many of these scripts were created by Dynamic Drive. Each script provides a method for interaction with document content in a special way. For example, you can find numerous ways to present documents using a tabbed or list-selectable interface.

  • Dynamic Content: Most of these scripts were created by Dynamic Drive. The purpose of these scripts is to present page content in unique ways. For example, you can display longer page content as a slideshow so that the user can move from one topic to the next with ease.

    There are also scripts to display messages and ads of various sorts. You can even see an example of how to create a notepad application for storing textual information input by the user for later use. All of these techniques rely on some combination of Inline Frames (IFrames) and Asynchronous JavaScript and XML (AJAX) to perform their work.

  • Form Effects: Most of these scripts were created by Dynamic Drive. All of the scripts deal with forms in some way. You can find controls that provide hints, display the progress of a submission, and perform various kinds of validation.

  • Games: All of these scripts are user-submitted. The games are incredibly simple and do demonstrate some gaming theory, but really aren’t much fun. You can choose from old favorites like tic-tac-toe or newer-style games like Cross Browser Snake.

  • Image Effects: Many of these scripts were created by Dynamic Drive. You can find scripts to perform a variety of tasks, such as creating on-page effects such as flying planes. A few of the scripts perform special effects, such as displaying a reflected image of an original image.

    The most practical scripts perform tasks such as magnifying images so that viewers can see them with greater ease.

  • Links & Tooltips: Most of these scripts were created by Dynamic Drive. In most cases, each of these scripts enhances the presentation of information through a tooltip of some sort. For example, you can hover the mouse cursor over a link and see both a picture and a description of where that link leads.

    Some scripts provide special effects, such as to change the color of a link dynamically when you hover the mouse cursor over it. A few of the scripts deal with other controls, such as buttons, making them easier to use or to present the user with additional information when the mouse cursor hovers over the control.

  • Menus & Navigation: Most of these scripts were created by Dynamic Drive. An essential part of most applications today is the capability to select features or to move to new locations. Menus and navigation features make it possible to turn a cumbersome page into one that’s easily used. For example, you can find scripts to present menu selections in an accordion format.

  • Mouse & Cursor: Most of these were submitted by users. Each script changes the appearance of the mouse pointer or cursor in some way. Some of the more interesting scripts add colorful mouse trails to make it easier for someone using a mobile device to see the mouse cursor in bright light.

  • Scrollers: Most of these scripts were created by Dynamic Drive. A scroller is a box or other control used to display some bit of text or a graphic out of a larger sampling of text or graphics.

  • Text Animations: Many of these scripts were created by Dynamic Drive. Each script seeks to provide a new manner in which you can display text onscreen. The goal of many of these animations is to emphasize the text in a specific manner so the user doesn’t miss it. There’s even a special effect that’s based on the presentation of textual information in the movie The Matrix.

  • User/System Preference: Most of these scripts were created by Dynamic Drive. In all cases, the script changes how the browser and application work or the manner in which they present information onscreen. For example, you can find style-sheet switchers that let a user choose from multiple style-sheet options.

  • Window and Frames: Most of these scripts were created by Dynamic Drive. Both windows and frames act as containers for content. The manner in which you create and display a window or frame affects the user’s perception of the content that appears within that window or frame. These scripts perform tasks such as displaying modeless windows or using animated effects to present information onscreen.

  • XML and RSS: All of these scripts were created by Dynamic Drive. The basic purpose behind these scripts is to make it easier to display XML or Really Simple Syndication (RSS) information onscreen — generally within a small text box. The user then has the option of clicking a link (in most cases) to see additional information about the topic at hand.

  • Other: Most of these scripts were created by Dynamic Drive. These scripts generally perform some useful task that doesn’t fit within the other categories described in this list. For example, there’s a special script for playing sound effects; you’ll also find scripts that create interesting scrollbars. If you didn’t see a script you need in one of the other categories, this is the place to look.

blog comments powered by Disqus
CSS Code Hinting in Dreamweaver
How to Create a Media Query in Dreamweaver
How to Work with CSS3 Selectors
How to Round Edges and Create Multiple Columns with CSS3
How to Style Paragraphs, Headings, and Footers with CSS3
Advertisement

Inside Dummies.com