Grow your CSS skills. Land your dream job.

Can you review my new site please?

  • # February 10, 2013 at 9:50 am

    I changed domains and redesigned my bland old site. The bulk of it is done. There are still some small details to work out. It was the most fun site I have ever built. What do you think? Thanks! http://goo.gl/QCSOX

    # February 10, 2013 at 10:03 am

    The background animation is cool, although be aware that IE does not support animations or transitions done with CSS. Also there is way too much text. I almost never visit a website just to read.

    # February 10, 2013 at 12:39 pm

    Don’t put fancy stuff just because you can do so. My advice will be to disable animations on clouds and balloons. Lock airplane on center and animate banner like it’s waving so you get imitation of movement. Maybe you can animate airplane to twist a bit, create loops or something like that. Work on airplane illustration, it can look lot better. Work on banner typography. Disable transparency on main container and arange background(balloons, clouds) illustration to fit nicely and create good overall picture with content and UI elements. Remove Animation:on/off button. You don’t need it. Remove title in Search bar, button that says Search and text field left of it is perfectly enough. You need a different approach for main navigation “home, portfolio, about…”! This is a must, can’t say you how to solve it. But maybe will be best to put simple horizontal navigation on top just under airplane .

    All in all it can look pretty good with some minor tweaks.

    Cheers!

    # February 10, 2013 at 1:11 pm

    Thanks so far. FYI the animation is jquery. And can be turned off with a 365 cookie if prefer.

    # February 10, 2013 at 5:36 pm

    Agree with Jarolin and Vladimir on everything except the animation part, I actually like it. Way too much text, tl;dr… and text could be bigger, but that might be personal taste :) Search function doesn’t seem to be working. I can imagine main navigation would be very hard to reach when you get lot’s of comments on a page. I didn’t even see it at first till I read Vladimir’s comment.

    # February 10, 2013 at 5:54 pm

    Thanks guys. I put the nav hard to find on purpose. The menu links are what the sites about. The search works google just needs to spider it. Just went live today.

    # February 10, 2013 at 6:02 pm

    I totally dig the animation and style of the background.

    It seems a shame to cover up your clever design right of the bat.

    I would like to see the main topic links cleverly nested within the design of the bg.
    Perhaps 10-15.

    Link actions can be modal or perhaps bg slide(extend the width of the bg)

    # February 10, 2013 at 8:06 pm

    Great job on the background animation! I think the snippet and menu links make the site seem a bit slow and sluggish. I’d reduce the transition ease on hover from .5s to .2s or even .1s. Perhaps also consider making the link text on hover a lighter color with the darker blue background, there is not enough contrast and they are difficult to read. White would look great on that darker blue!

    In style.css line 436 try this:

    #home #main li a:hover, #home #main li a:focus, #menu li a:hover, #menu li a:focus, #domains li a:hover, #domains li a:focus, #category #main li a:hover, #category #main li a:focus {
    background: none repeat scroll 0 0 rgba(52, 127, 223, 0.9);
    color: #FFFFFF;
    transition: all 0.2s ease-in-out 0s;
    }

    # February 10, 2013 at 8:23 pm

    @Eric, really fun design, the big thing I noticed though, aside from (as previous mentioned), the lengthy text, was that it took me _forever_ to find your contact/portfolio/about/copyright page links…and that’s only because I was poking around on the site so much. While I think it’s really cool the way you handled it in the thought bubble, I’d say definitely make those more visible/move them somewhere else, especially since when the page first loads, they’re hidden behind the content. I didn’t notice them until I became curious about why you put so much bottom padding on the body.

    Also, I’d say pick a diff font, make it a lil bit bigger, and increase the line-height, but that’s personal preference kinda thing..other than that, like I said, you definitely have a fun design to that site :)

    # February 15, 2013 at 2:59 pm

    I took some of your suggestions and made quite a few changes. Anything else you think needs attending too? http://www.websitecodetutorials.com/

    # February 16, 2013 at 12:51 am

    I may have an old browser (i actually don’t) but your nav needs a z-index it is being overlapped by all the panels on the right. At least in my firefox browser.

    # February 16, 2013 at 6:56 am

    The top nav? I don’t see how that is possible due to the top margin on the wrap. Unless its bleading through the body and collapsing. Which browser?

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

You must be logged in to reply to this topic.

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