Grow your CSS skills. Land your dream job.

Personal Portfolio – Critiques please…..

  • # July 11, 2012 at 9:20 pm

    I been working on my personal portfolio since few days and I would really appreciate your view on my website.
    about the website:
    - Website is not responsive yet but planning to make it one.
    - Have used some CSS3.
    - No idea about what to put in to footer. Should I keep the footer same for every page?

    Here is the link to my website: http://www.yogeshsengar.com

    Thanks in advance for you suggestions.
    Yogesh

    # July 11, 2012 at 9:30 pm

    I really am not fond of the color scheme, it is a little wild for me, I would like to see some colors that are a little more aesthetically pleasing, something complimentary.

    I think the “hire me” and “work” images are clever, and look pretty cool on the home page.

    Your WORK page looks really good in my opinion however, the images are 100k and over each which is really high, you could easily cut file sizes in half to make it load faster…

    Especially if you are going to make it responsive, anyone using a mobile device is going to have to wait quite sometime to load…

    # July 11, 2012 at 9:54 pm

    I’m not sure whether English is your second language or if you just haven’t gotten around to it but I would definitely recommend using a proofreader/spellchecker before you go live with that site.

    # July 11, 2012 at 10:27 pm

    @ kgscott284 : i will definitely reduce the image size. thanks
    @theacefes : English is not my first language and I fixed spelling mistakes. I will always use spell checker now on before going live, thanks.

    # July 12, 2012 at 12:54 am

    I recently made a portfolio. I see you are wondering what to put in the footer. Here’s what I figured: My Footer. I put some logos for services I like/use and then some legal info.

    # July 12, 2012 at 8:42 pm

    @odd_E thanx, thats a good idea!!!

    # July 13, 2012 at 12:41 am

    No problem, I was actually very confused about what to put in there too until I came up with that.

    # July 13, 2012 at 2:47 am

    @yrsengar
    try using this to reduce img weight … http://www.jpegmini.com/

    1.]
    add in css

    html {overflow-y: scroll; }

    keeps page centred in all browsers regardless of content height (adds scrollbar)

    2.]
    people want to click on email

    yrsengar@gmail.com

    3.]
    make your id=”logo” a link that leads to index, not just the home button

    4.]
    you have transitional doctype, try using sctrict

    < !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

    look in validator http://validator.w3.org/ for errors
    once all is okay and you are sure with code, switch to HTML5 !

    < !DOCTYPE html>

    do not go the old way

    go and rock with HTML5 :)


    # July 13, 2012 at 3:10 am

    5.]
    stick with ONE colour for links in body
    green would make sense here as menu
    make it obvious what is link

    6.]
    give your heading a bit of space, text is to much close to it

    7.]
    remove this line
    Note: This website is still under construction, please visit again to see it at its BEST.

    common, your web will always be in development, trust me it feels like this with every web all the time ;)

    8.]
    in your WORK, you could change img border colour to orange to indicate it does something
    same as on hover you have in menu
    would make sense

    and

    since you have green buttons, use that on the VISIT WEBSITE

    # July 13, 2012 at 3:28 am

    9.]
    about me

    make the map bigger, got good space there
    http://krsiakdaniel.minus.com/mbaGTwTDjz/22f

    10.]
    contact

    I do not know, like the form more this way
    http://krsiakdaniel.minus.com/mbaGTwTDjz/23f

    hope you do not hate me now :)

    # July 13, 2012 at 6:52 am

    all above I put in few simple screenshots and words ;)

    http://bounceapp.com/71229
    http://bounceapp.com/71230
    http://bounceapp.com/71231
    http://bounceapp.com/71232

    hover over those bubbles

    # July 18, 2012 at 12:26 am

    @krysak4ever Thank you so much for your suggestions and time. It really helped me a lot and I implemented few things u suggested.
    The reason i didn’t use HTML5 is because i wanted my website to maintain a decent look in IE browsers too. I used CSS3 and will use fall-backs for that.
    My locations is not much important as i do most of my work remotely so i decided to go with small sized map.
    about-me-page

    and about the border and button color on the work page, when i was designing it, I thought the same thing you suggested but i used grey shades instead and you will see why if you have look at this work-portfolio-page

    Again thank you so much, i really appreciate it :)

    # July 18, 2012 at 1:21 am

    no problem
    you can use http://modernizr.com/ to enable HTML5 in older IE browsers

    # July 18, 2012 at 1:35 pm

    Modernizr does not “enable HTML5″ in any browser. If a browser doesn’t support border-radius, Modernizr will not magically change that.

    What Modernizr does is examine the user agent (browser) to determine what features (including HTML5 stuff) it supports. It adds class names to HTML elements indicating which features are and are not supported by the browser being used. You can use these class names as styling hooks for alternate styling to work around or simulate unsupported features.

    # July 18, 2012 at 1:41 pm

    @snillor
    you are taling about CSS 3
    what I meant is that modernizr ihncludes HTML5 shiv that renders new HTML5 elements

Viewing 15 posts - 1 through 15 (of 23 total)

You must be logged in to reply to this topic.

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