New Site Feedback Please

Well done. Just a one thing. Your paragraph font color could be little sharper (darker) so it can can stand out and send that textured background further back instead being in my face and making me focus little harder to read as I would liked. Great job.

Echoing what everyone’s already said: I think it looks great :) I particularly like the colour scheme.

Just one thing, though. It might just be the internet connection I’m on, but the Portfolio page, the images took quite a while to load. Is it necessary to have them 678kb when they’re only 440px square?

@kristinh I think ‘enquire’ is used in the UK, while ‘inquire’ is used in the US, so it’s correct for its location :)

* As mentioned by @pmac627, the contrast is a bit low in places (most notably the navigation, the contact form, and the near invisible footer).
* As mentioned by @chrisburton, the background texture seems a bit intense. Also, as a general tip, try and use a solid background-color, and then a transparent texture. That would make decreasing the intensity much easier, and it wouldn’t affect the colour at all.
* The buttons don’t fit in with the site that well. You aren’t really using shadows or gradients anywhere else, so I would lose them on the buttons. I’d also drop the shadow on the content container; it also looks a bit odd.

@stillb4llin – A few people have noted that the texture does bleed a bid much and dull out the text, will definitely look at fixing that, either darkening the colours of the text (like the nav & sidebar stuff) probably by about 10%.

@david_leitch – Yeah the portfolio stuff is still under development, I want high quality images and am working out a fallback for @2x resolution for retina at the moment, so those images at the moment are non compressed and super chunky – will be switched out for a lightweight alternative soon.

@joshuanhibbert – Thanks dude, will look at the shadowing stuff. The main content shadow is mainly to make it appear like paper laid on top of the cardboard style background. Re: the buttons, any ideas on an alternative? I’ve mainly built them out just to be fun tactile nubbins and they’re using the main colours.

@chriscoyier – For me (Chrome 23) I have quite a lot of problems getting pre & code to work, half the time it just is invisible, so I’ll type out a bunch inside pre & code tags and then once submitted it just isn’t there. When clicking edit it’s all there, just being stripped out front end. Like below;

This is wrapped in a div

This is wrapped in a span

CSS & JS usually are fine, but HTML is unreliable in its output for me.

Good work! Few issues – it breaks in IE8 and less ( not sure of your target users tho). You might want to consider appending your Html 5 elements to the DOM for wider support. It might be personal preference, but I find your portfolio list a bit too ‘in-your-face’ kind of, you may want to consider reducing it and increasing the gutters.

Tips

What now? I have some ideas for you.

Go explore CodePen!

As a front end designer and developer, you should have an account on CodePen so you can save your snippets, present your ideas, and engage with the rest other front end folk. I'd encourage you to go PRO as well, to unlock the full power of CodePen.

Get the newsletter!

You should sign up for the CSS-Tricks newsletter. It's a clean copy of all the blog posts each week, combined together, right to your inbox. If email isn't your thing, there is an RSS feed, iTunes, and lots of other ways to subscribe.

Listen to ShopTalk!

Subscribe to The Lodge!

The Lodge is a members-only, ad-free video learning area here on CSS-Tricks. Just like the free screencasts, but organized into four large complete series. Membership is also the #1 best way to support CSS-Tricks.

We can do the real footer now.

Site Links

Colophon

CSS-Tricks* is created, written by, and maintained by Chris Coyier. It is built on WordPress, hosted by MediaTemple, and the assets are served by MaxCDN. The fonts are Source Sans and Source Code Pro. It is made possible by viewers like you who subscribe to The Lodge and through advertising for products and services I like.