I like it! I think the texture is the right color also. On one of my monitors the side bar stuff (where the texture is the bkg) the text is kind of light.
I keep one light and one dark that way I can see how it works with both sides of the spectrum… knowing full well that there are many poorly/overly lit monitors out there.
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 :)
Nice work, @andy_unleash! This looks really good.
Here are a few of my immediate thoughts:
* 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.
@chriscoyier Can’t wait for you to fix the markdown styling :)
@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%.
@kristinh – It’s enquire over here in blighty!
@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 – Yes please do fix the code/pre issues! Pretty please with cherries on top!
@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.
It does output okay if you use & gt ; & lt ;
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.
@philben – Cheers, haven’t done cross browser fixes (read, IE8+ support yet). To be honest, I’m not even going to bother firing up IE7, percentages are so low nationally and in our analytics.
When you say “appending your HTML5 elements to the DOM for wider support” – can you explain what you mean? I’m using HTML5 shiv and a block reset for HTML5 elements if that’s what you’re getting at?
You must be logged in to reply to this topic.
*May or may not contain any actual "CSS" or "Tricks".