Thursday, February 28, 2013

Personal Webpage Draft

Here's my current draft.

Here's the previous draft.

 I've spent the last hour and a half on:
  • Moved many style elements from in-line styling to an external style sheet.
  • Added head and associated elements.
  • Center bar in background is now "position: fixed" instead of "position: absolute." This makes it move with the scroll. Sounds a little nitpicky, but...
  • Fixed issue whereby, due to styling, if the content is longer than the browser window, it gets cut off and the user can't scroll down.
  • Removed <br> tags and put text in it's own div. This will also fix issues from smaller browser windows (such as smartphones).

3 comments:

  1. Purpose: Since you talk about your education and provide a linkedin link I' m assuming it's more for job-seeking or professional purposes. But since you don't have a professional picture it seems more "about me" oriented or "become my friend" oriented rather than professional.

    Context: Makes sense on the web, providing links to other work and information.

    The color choice is loud, matching your loud pants, and loud activities (band and shooting)

    Maybe you could break up your text into sub categories? And make your name more of a focal point? Otherwise nice clean layout and I liked the way you framed the page with "bars?" of color.

    ReplyDelete
  2. purpose:Appears to be a professional based site because of the references to your previous projects and the linkedin account.

    Audience: I would say the audience would be for either employers or people who only know you a little.

    Context: Definitely good for the web, especially since you mentioned that you hand coded the page.

    Very clean, text is easy to read and the format is what you would expect.

    The orange is a little over powering, perhaps try messing around with other colors. (Both pictures you use contain a fair amount of blue)

    ReplyDelete
  3. Hey Alex-tighten up the purpose for your site by narrowing your audience and use a whiter orange or less orange to make your design easier on the eyes.

    ReplyDelete

Note: Only a member of this blog may post a comment.