Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 3 of 3
  1. #1
    New Coder
    Join Date
    Mar 2010
    Posts
    19
    Thanks
    10
    Thanked 0 Times in 0 Posts

    This is the most amazing thing I've ever seen, please help me duplicate it

    OMG, Check out the background on this site... http://paulirish.com/ how would I even start to rip that for use on my own site? I'll pay someone $15 on paypal if they can make a css and js file that I can just link too and have this background

  • #2
    Regular Coder optimus203's Avatar
    Join Date
    Sep 2008
    Location
    CT
    Posts
    317
    Thanks
    22
    Thanked 16 Times in 15 Posts
    View the page source of site. I believe answer is in the harmony.js script. Very cool effect.

    Code:
    <script src="/harmony/harmony.js"></script>
    <script src="/harmony/dollar.js"></script>
    <script>harmony()</script>
    <div style="text-align:center; height: 800px;"><tt>i left this space here for you to play. &lt;3</tt></div>
    <style> /* for harmony. thx mr doob!  http://mrdoob.com/blog/post/689  also <3z miketaylr who probably inspired this */
    #container { position: relative; z-index: 3;}
    div canvas { cursor: crosshair; position: fixed; top: 0px; z-index: 2;}
    tt.louder { background: #ccc; position: relative; z-index: 10;}
    </style>
    Always thank those CF Users who help you solve issues...
    Connecticut Web Design

  • #3
    WA
    WA is offline
    Administrator
    Join Date
    Mar 2002
    Posts
    2,596
    Thanks
    2
    Thanked 19 Times in 18 Posts
    Thread closed due to cross posting.
    - George
    - JavaScript Kit- JavaScript tutorials and 400+ scripts!
    - JavaScript Reference- JavaScript reference you can relate to.


  •  

    Tags for this Thread

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •