Grow your CSS skills. Land your dream job.

Portfolio design assignment

  • # April 1, 2013 at 8:06 pm

    The assignment entailed us to use the one page approach. where all content would be on one page and just scroll. in initial thoughts?

    i’ve still gotta add the portfolio images (later) and the proper description. and just noticed the social parts, the images are local. my bad. their there, just not showing.

    from my point of view , its seems a little wordy, but i want to hear what you think:

    http://jsfiddle.net/attilahajzer/ye3re/1/embedded/result/

    thanks again guys.

    # April 1, 2013 at 8:34 pm

    You don’t need to add a `

    ` tag for “ON THE GO”. Instead use a span and set it as display block. Not to mention, when you want things to be uppercase, do that with CSS (`text-transform: uppercase;}`) not your markup.

    From briefly looking at your design, the colors don’t seem to fit well together. I’m also not sure about the wood background but that’s completely my opinion. The typography doesn’t really make sense to me as you’re mostly using Helvetica but then I see Arial as well. Try incorporating some webfonts such as Droid Serif, Droid Sans or Open Sans, etc.

    # April 1, 2013 at 11:30 pm

    As a graphic designer, I would suggest having a fixed navigation, and make the links scroll to the section? (I believe there’s a script called “LocalScroll” for that, if I’m not mistaking). That would make it a little more user-friendly (especially if using a phone to view the page), and makes an nice impression.

    I like the hover effect you have on your portfolio items. It gives off a nice contrast. I suggest keeping consistency with the hover effect with your links (Navigation), where the text would change to that same yellow color. The white is not “popping out” as much, making it look like regular text, rather than a link.

    # April 1, 2013 at 11:56 pm

    You are almost there buddy! You’ve done a great job so far. Let me just suggest a couple of things, maybe if you could minimize or tone down the color of your headers as it comes a little too bright in black background. Also you can use web fonts to add style to your texts.

    # April 2, 2013 at 12:29 am

    Thanks guys, duely noted. (not quite sure if im saying that right. lmao.) but im working on that all now locally. ill update within the next few days.

Viewing 5 posts - 1 through 5 (of 5 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".