HTML5 Portfolio Project – Part 4

I’m structuring the project folder like this:

/portfolio
  /deploy
    /css
    /img
      /icons
        /link.png
        /video.png
        /pic.png
    /js
      /framework
      /lib
        /jquery.js 
   
    /background.png
    /index.html

    /contact
      /thumb.png
      /bio_contact.html
    /projects
      /project1
        /thumb.png
        /video.html
        /description.html
      /project2
        /thumb.png
        /video.html
        /description.html
    
  /src
    /project1
      /video

  /notes

If your information architecture is tight, you’ll likely see echoes of your file hierarchy in your data hierarchy and echoes from both in your code’s object hierarchy. Guess that means we’re going to need some code then.

Stay Tuned:

In the next installment, we’re going to spend a little time playing with jQuery-based animation so that we’re comfortable with it before trying to integrate the effect into the site itself.