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
  •  
     
    css timeline
     

    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"

    "http://www.w3.org/TR/html4/strict.dtd">

    <html>

    <head>

    <style type="text/css">

    /**

    * CSS Timeline Styles

    */

    ul.events {

    list-style-type: none;

    margin: 0;

    padding: 0 0 20px 0;

    }

    ul.events li {

    -webkit-border-radius: 11px;

    -moz-border-radius: 11px;

    border-radius: 11px;

    background: #eee;

    border: 1px solid #ddd;

    color: #707070;

    font-size: 1.2em;

    font-weight: bold;

    margin-bottom: 6px;

    padding: 3px 0;

    position: relative;

    text-align: center;

    }

    ul.events li em {

    color: #aaa;

    font-weight: normal;

    font-size: 0.9em;

    }

    ul.intervals {

    list-style-type: none;

    padding: 0;

    display: block;

    }

    /* The width depends on the number of intervals. For example 100 / 7 = 14.29% -- then subtract a little bit for room for the borders */

    ul.intervals li {

    background: #fff url(/images/1x1_eee.gif) repeat-x left 10%;

    border-right: 1px solid #ccc;

    color: #999;

    float: left;

    font-size: 1.2em;

    margin: 0;

    padding: 15px 0;

    text-align: center;

    width: 14.17%;

    }

    ul.intervals li.first {

    border-left: 1px solid #ccc;

    }

    </style>

    <!--[if IE]>

    <style type="text/css">

    ul.intervals li {

    width: 14.11%;

    }

    </style>

    <![endif]-->

    </head>

    <body>

    <div class="timeline">

    <ul class="events">

    <li style="width: 42.48%; left: 57.2%;">Design &amp; Typography <em>(2007 - 2009)</em></li>

    <li style="width: 56.68%; left: 43%;">Photography <em>(2006 - 2009)</em></li>

    <li style="width: 71.3%; left: 28.4%;">Object Oriented Programming <em>(2005 - 2009)</em></li>

    <li style="width: 85.5%; left: 14.2%;">Web Development <em>(2004 - 2009)</em></li>

    <li style="width: 42.75%; left: 0;">3D Modeling and Rendering <em>(2003 - 2006)</em></li>

    <li style="width: 99.5%; left: 0;">Drawing &amp; Illustration <em>(2003 - 2009)</em></li>

    </ul> <!-- end .events -->

    <ul class="intervals">

    <li class="first">2003</li>

    <li>2004</li>

    <li>2005</li>

    <li>2006</li>

    <li>2007</li>

    <li>2008</li>

    <li class="last">2009</li>

    </ul> <!-- end .intervals -->

    </div> <!-- end .timeline -->

    </body>

    </html>

     
    Sub-Article List