It is version 2 of my personal website. I still have a handful of things to fix with the tiny devices as far as responsiveness goes. Additionally, I can’t get the jQuery popup to work (the big circle after you’ve clicked a smaller one) to work on mobile. Its far from perfect, but meh.
I’m looking more for technical critiques rather than design critiques. I’m not a designer and so I realize its not the prettiest site. :P
I like the circle design (though I’m getting fairly 90s vibes from it – and I can’t tell you right now wether that’s a good thing or a bad thing! =), but in smaller sizes it’s impossible to read.
Don’t rely on title to show where people will end up when they click one of the smaller links, it’s jarring to say the least.
To go back to the smaller sizes: I have a Galaxy S3 which has a quite large screen, and I can barely read the text. Draft is a pretty font at the normal sizes, but forget about reading it on my screen. I’m kind of getting the impression that the responsiveness isn’t actually triggering on the mobile, because it looks like the normal site.
There’s something off with your lineheights, the text kind of flows together a bit too much when I change the size of the browser. And what is the minimum width that you’re imagining, because it seems like the width where I can no longer see all of the gallery (for instance) is fairly wide.
In terms of the design, I’d agree with most other people as far as the 90s vibe (although when it’s a personal site a bit of individually could be a good thing). I am a particular fan of the navigation and the `:hover` transitions. Perhaps to lend a bit of consistency, you could make a slight change in the gradients between the header/footer and the main content area slightly more subtle. By far the most important improvement you could make in my opinion would be to sort out the line heights – the type is tough to read as it stands.
Viewing 5 posts - 1 through 5 (of 5 total)
You must be logged in to reply to this topic.
*May or may not contain any actual "CSS" or "Tricks".