User Code List
New Snippet
CSS2
---Reset all elements
------New Snippet
---Floats: Clearing floats
---min-height
---css diagnostic script
---ie conditional statement
---opacity
---New Snippet
---New Snippet
---New Snippet
---New Snippet
---V & H centering
---box model hack
---css timeline
---Form made of

  • ---Append icons at end or begining of links
    ---Sprite btn
    ---Background Image with a color at the bottom to blend
    vert & hor aligning
    ---box model hack
    variables: Create a variable
    PHP
    ---creativing a variable
    ---array
    ---functions
    ------New Snippet
    ---Form
    ---functions with parameters
    ---email validater
    ---placing strings within strings
    ---passing values through urls strings
    ---rotating banner
    ---if elsif switch
    ---while for foreach
    ---URL values
    ---PHP REDIRECT
    ---DISPLAYING TIME IN DIFFERENT TIME ZONES
    ---String Functions
    ---Mondy formatting
    New Snippet
    AS3
    ---Variable: Data typing for Numbers.
    ---Functions
    ---Dot Syntex
    ---Displaying mc_Clips
    ---Displaying _mc from library.
    ---Targeting nested _mc
    ---Events
    ---Managing Depth with as3
    ---Drag and Drop
    ---Loading images
    ---toggle button
    ---TweenMax: Tweening to a curve path
    SQL
    ---New Snippet
    ---DB connection
    ---SELECTS
    ---WHERE
    ---NOTES
    ---OPERATORS FOR WHERE
    ---AND
    ---OR
    ---AND OR
    ---ORDER BY
    ---INSERT INTO
    ---UPDATE
    ---New Snippet
    ---FORGOT PASSWORD FORM
    ---LOGIN FORM
    ------New Snippet
    ---Encrypting Password using md5() functiont
    HTML 5
    ---New DOCTYPE
    ---Elements: New
    ---Coding a HTML 5 layout
    ------New Snippet
    ---HTML 5 .js File
    ---Grey Scale Hover
    ---HTML5 video syncing
    ---Canvase
    New Snippet
    Freelance Assets
    ---Formula for pricing
    ---New Snippet
    New Snippet
    New Snippet
    New Snippet
    New Snippet
    New Snippet
    New Snippet
    AS3
    ---toggle button
    GREENSOCK TWEENS
    ---TimelineMax
    ------New Snippet
    ------New Snippet
    ---TweenMax
    ---New Snippet
    ---New Snippet
    ---New Snippet
    ---New Snippet
    ---New Snippet
    New Snippet
    New Snippet
    New Snippet
    TweenMax
    CSS3
    ---Make Your Mockup in Markup
    ------New Snippet
    ------New Snippet
    ------New Snippet
    ------New Snippet
    ---Cleaner Code with CSS3 Selectors
    ---Breaking Out The Edges of The Browser
    ---Stronger, Better, Faster Design with CSS3
    ---Pushing Your Buttons With Practical CSS3
    ---New Snippet
    ------New Snippet
    ---CSS3 button
    ---CSS3 Media Querys
    ---css3 3 column module
    Design Trends 2009
    ---Trends
    New Snippet
    JAVASCRIPT
    ---If else
    ---Math
    ---Dot Syntax
    ---veriables
    ---Operaters
    ---switch, case, break Statement
    ---For Loop
    ---Array
    ---Functions
    ---Alert window popup with button click
    ---setTimout For Timers
    ---Select List with links
    ---Form Validation before sending to php
    ---Loading Alt Versions of your site
    ---Time on your site
    ---Navigating within same page
    ---Toggling content in same div w/ btns
    ---Short notation
    ---Formatting money
    ---onlclick on buttns, rollover, and on text links
    ---New Snippet
    ---External Script
    ---New Snippet
    New Snippet
    JQUERY - XML
    ---Retrieving data from an xml file
    IE FIXES
    ---New Snippet
    New Snippet
    ---New Snippet
    New Snippet
    JQUERY MASTER
    ---JQUERY - Retrieving Page Content
    ------Attribute Targeting
    ------jquery wrapper
    ---------New Snippet
    ---------New Snippet
    ------Jquery Transition Plugin
    ---------New Snippet
    ------Smart Columns CSS & jQuery
    ------No conflict with other libraries
    ---------New Snippet
    ------New Snippet
    ------Add Class
    ------Jqery wrapper
    ---------New Snippet
    ------Content & Visibility
    ------Filters
    ------Form Selectors
    ------Targeting Elements
    ------Chaining
    ------Targeting attributes
    ------New Snippet
    ---------New Snippet
    ------Anotation
    ---JQUERY - Manipulatin Page Content
    ------Creating, Setting and Getting Content
    ------Change values of an element using [attr]
    ------Inserting Content
    ------Wrapping, Replacing and Removing Content
    ------CSS Function
    ------Add Class
    ------Rollovers
    ------animate
    ------Create elements on button click
    ---JQUERY - Creating Dom Elements
    ------Generating new HTML
    ---JQUERY - Targeting Attribute Values
    ------attr
    ---Binding- Multiple Events
    ---Display text of an element
    ---Getting images and copy from an array
    New Snippet
    JQUERY - Events
    ---New Snippet
    New Snippet
    JQUERY - Events
    ---ToggleClass
    New Snippet
    XML
    ---Displaying xml data an styling it with css
  •  
     
    TimelineMax
     

    Ways to use TimelineMax

    - tween the currentTime, totalTime, currentProgress, or totalProgress property to fastforward/rewind the timeline. You could even attach a slider to one of these properties to give the user the ability to drag forwards/backwards through the whole timeline.

    - add onStart, onUpdate, onComplete, onReverseComplete, and/or onRepeat callbacks using the constructor's vars object.

    - speed up or slow down the entire timeline with its timeScale property. You can even tween this property to gradually speed up or

    - use the insertMultiple(), appendMultiple(), or prependMultiple() methods to create complex sequences including various alignment modes and staggering capabilities. Works great in conjunction with TweenMax.allTo() too.

    - base the timing on frames instead of seconds if you prefer. Please note, however, that the timeline's timing mode dictates its childrens' timing mode as well.

    - kill the tweens of a particular object inside the timeline with killTweensOf() or get the tweens of an object with getTweensOf() or get all the tweens/timelines in the timeline with getChildren()

    - set the timeline to repeat any number of times or indefinitely. You can even set a delay between each repeat cycle and/or cause the repeat cycles to yoyo, appearing to reverse every other cycle.

    - listen for START, UPDATE, REPEAT, REVERSE_COMPLETE, and COMPLETE events.

    - get the active tweens in the timeline with getActive().

    - add callbacks (function calls) anywhere in the timeline that call a function of your choosing when the "virtual playhead" passes a particular spot.

    - Get the currentLabel or find labels at various positions in the timeline using getLabelAfter() and getLabelBefore()

    //create the timeline and add an onComplete call to myFunction when the timeline completes

    var myTimeline:TimelineMax = new TimelineMax({onComplete:myFunction});

    //add a tween

    myTimeline.append(new TweenLite(mc, 1, {x:200, y:100}));

    //add another tween at the end of the timeline (makes sequencing easy)

    myTimeline.append(new TweenLite(mc, 0.5, {alpha:0}));

    //repeat the entire timeline twice

    myTimeline.repeat = 2;

    //delay the repeat by 0.5 seconds each time.

    myTimeline.repeatDelay = 0.5;

    //pause the timeline (stop() works too)

    myTimeline.pause();

    //reverse it anytime...

    myTimeline.reverse();

    //Add a "spin" label 3-seconds into the timeline.

    myTimeline.addLabel("spin", 3);

    //insert a rotation tween at the "spin" label (you could also define the insert point as the time instead of a label)

    myTimeline.insert(new TweenLite(mc, 2, {rotation:"360"}), "spin");

    //go to the "spin" label and play the timeline from there...

    myTimeline.gotoAndPlay("spin");

    //call myCallbackwhen the "virtual playhead" travels past the 1.5-second point. myTimeline.addCallback(myCallback, 1.5); //add a tween to the beginning of the timeline, pushing all the other existing tweens back in time

    myTimeline.prepend(new TweenMax(mc, 1, {tint:0xFF0000}));

    //nest another TimelineMax inside your timeline...

    var nestedTimeline:TimelineMax = new TimelineMax();

    nestedTimeline.append(new TweenLite(mc2, 1, {x:200}));

    myTimeline.append(nestedTimeline);

    For more properties, look at the online documentation using the link below.

     
    Sub-Article List
    New Snippet
    New Snippet