Advanced Topics

From Frontal Wiki

• Adding Interactions
  • 1 Interaction Scope and Pre-Defined Variables
  • 2 User Interactions
  • 3 Propagating Interactions
  • 4 System Interactions
  • 5 Visual Element Interactions
  • 6 Manager and Transitioner Interactions
  • 7 Image Interactions
  • 8 Form Interactions
  • 9 Style Interactions
  • 10 Progress Indicator Interactions
  • 11 Document Interactions
  • 12 Deep-Linking Interactions
  • 13 Video Interactions
  • 14 Manual Interactions
  • 15 Adding Multiple Interactions for a Single Event

• Tweening Styles
  • 1 Tweening Styles with Style Sheets
  • 2 Controlling the Style Tween
  • 3 Tweenable Styles
  • 4 Manually Tweening Styles
  • 5 Caveats Regarding Style Initialization

• Scrollbars
  • 1 Showing a Scrollbar
  • 2 Styling the Scrollbar
  • 3 Changing the Structure of the Scrollbar
  • 4 Properties
  • 5 Methods
  • 6 Styles

• Tag Classes, Inheritance, Styles, Attributes & Methods
  • 1 Methods
  • 2 Styles
  • 3 Attributes
  • 4 Learn more about tags

• Accessing Frontal Tags for Scripting
  • 1 Objects and Elements
  • 2 Finding Objects and Elements in the Document
  • 3 The Document Object and Element
  • 4 Accessing Styles and Attributes of an Element

• More Frontal Markup
  • 1 Namespaces
  • 2 Adding Your Own Tags

• More Frontal Scripting
  • 1 Scope
  • 2 What is 'this' and What is 'this.dynamic'?
  • 3 Closures
  • 4 Using the Prototype Property to Define Classes
    • 4.1 Defining a Class
    • 4.2 Extending a Class
    • 4.3 Closures on Methods

• More Frontal Style Sheets
  • 1 Ordering of Selectors
  • 2 Taking Action when Selectors Match
  • 3 Sending Signals to Elements that Match a Selector
  • 4 Learn more about styles

• Event Scheduler
  • 1 Introduction
  • 2 Delaying a Function
  • 3 Scheduling a Task
  • 4 Managing Tasks

• The Frontal Sprite

• Progress Indicators
  • 1 Introduction
  • 2 Showing a Progress Indicator
  • 3 Progress of Managed Elements
  • 4 Changing the Styling
  • 5 Restructuring
    • 5.1 A Numeric Progress Indicator
    • 5.2 An Animated Progress Indicator