treehouse : what would you like to learn today?
Web Design Web Development iOS Development

Looking for some feedback on my newest site.

  • I'm not trying to spam or anything. I just really want some good feedback on the design and ease of use of my newest site. There are still a few things that need to be updated ...like the blog is the same crappy one they had before.

    Anyway ...check it out: http://mapletronics.com/

  • It looks good. Not my type of design or color choices but i can imagine others enjoying this website. It looks like a website that was made a while back. Try modernizing it a little if you feel comfortable with doing that. But overall it looks like a decent website. Mind giving some feedback on my new website? it's still under development.My website

  • ahhh...that's looking nice. Just try to remove the extra space below footer.

    :Happy Coding:

  • @Jarolin woahh man. How is it changing its colors ? :O

  • @iamRDM With CSS3 animation keyframes.

  • oh.. ok @Jarolin Hoping t see a great website from your side :)

  • @caleb - it's a decent site but I'd definitely recommend getting some more modern typography into it - will help to bring it more up to date.

  • Thanks! What about it doesn't look modern? Is it just the typography?

    @Jarolin the changing color thing is a bit much. Not a lot to comment on in the site yet.

  • @Caleb Thanks for the feedback. I'm thinking a darker color with CSS might make it look more modern.

  • One of the challenges I am faced with when it comes to typography is that there logo is times new roman bold and they don't want to change it. I am doing some testing but more modern fonts make the logo look worse.

  • If they are satisfied with the website i say leave it like that. There is nothing wrong with it if they don't think so.

  • @Caleb Why is font smoothing turned off for webkit? (I'm referring to line 16 in styles.css). The fonts are noticeably degraded. (I'm looking on a desktop Mac and iPad, Chrome and Safari).

  • I will look at it again but as I recall that was listed as a fix to make fonts look "better" in webkit. I will look at it again. If you disable that style in webkit does it look better to you? I have always thought that webkit font rendering was junk!

  • @Caleb, I'd try to give more color, there's too much white, maybe add more green to the rectangles on the middle?

    I noticed when looking the website on a low quality screen, the hover shadow of the rectangles seems like blue. I think it's because it's too blurry. Also on the rectangles, I'd add more vertical space between the elements, feels a bit crowded to me.

    I'd also try to make more subtle the background image, it's a bit disturbing when reading the text.

  • It looks better to me in Webkit when font smoothing is on.

    Screenshot with font smoothing on: font-smoothing-on.png

    Screenshot with smoothing off: font-smoothing-off.png

    I am using Mac OS 10.6 and an iPad 2. I have not heard about that fix before. Maybe it's applicable to some other combination of Webkit and hardware.

  • Looks good. A bit busy for my taste. And the font looks a little strange - like none I've ever seen on the ipad. What is it?

  • I haven't noticed the blue look you are taking about. What type of screen are you using?

    From your screen shots the smoothing looks a lot better. When I look at the site on my iphone in chrome it doesn't look as jaged as your screen shot.

  • @eric That's weird it's just verdana. What is it that makes it feel busy?

  • Huh it looks weird and pixelated on ipad.

  • Maybe it's th font smoothing . I will pull that line of code out when I get a chance.

  • It looks very nice and structured. Somehow, I can never get my sites to look structured - they end up looking amateurish. I always wonder if there's a manual or training that I'm not aware of that teaches people how to structure their websites perfectly. No matter how many websites I refer to, my designs end up looking incomplete and patched up.

  • @Caleb, I agree with @Eric, it's too busy and cramped. Not enough white space. I would suggest increasing line height, articles padding and vertical margins.

  • @jurotek and @Eric Thanks! I have made some changes to the margins and line height. I think it looks a lot better.

    I am working with the text rendering issues in webkit. Am I wrong in saying that webkit has no idea how to render text? It's really bad in Safari. I have not just noticed text issues on this project, even the text on this site (css-tricks) looks bad in Safari. I think the font rendering thing has been the main reason I have stuck with FF for my main browser. I just cant stand to look at it in webkit.

  • I am using width: 100%; height: auto; on img tags so they will resize. This looks good in all browsers except Safari. Resized images in Safari look blurry. Any ideas?