Dan~ Posted January 6, 2011 Share Posted January 6, 2011 Hello, I was wondering if you could give me your opinion on the site. I will say though that it's not final, and I'm aware of certain things, also ignore the fact the menu's are strange - still working on them. I'm mainly asking for design opinions :) http://beta.danstyan.co.uk Site uses wordpress with my own theme Link to comment Share on other sites More sharing options...
0 Cupcakes Posted January 6, 2011 Share Posted January 6, 2011 Fix your list-item bullets as some are right against text while others have some padding on the right of text to space properly. Increase the padding for 'Home', content and footer for top/bottom but reduce padding on content for top/bottom. Increase padding between separate posts; Could just either add margin: 15px 0 0 0; to h2 or margin: 0 0 15px 0; to .entry-meta. Increase line-height for your copy. Style your form elements! Otherwise it's definitely a unique and minimal design. Not sure if I would have gone for a red colored search box since that forces the focus on search.. Link to comment Share on other sites More sharing options...
0 rajputwarrior Posted January 6, 2011 Share Posted January 6, 2011 i agree with everything cup cake as said, definitely has some padding/rendering issues (maybe it's just me and chrome that is happening with?) ^ that's what we mean the search i would personally make that box a darker shade of blue, not red. make it's stand out WAYYY to much. Link to comment Share on other sites More sharing options...
0 inferniac Posted January 6, 2011 Share Posted January 6, 2011 IMHO left/right margins on the elements could be wider Link to comment Share on other sites More sharing options...
0 threetonesun Posted January 6, 2011 Share Posted January 6, 2011 IMHO left/right margins on the elements could be wider This. Also, the difference in font sizes is too drastic. Link to comment Share on other sites More sharing options...
0 Asharae Posted January 6, 2011 Share Posted January 6, 2011 Its a good design, unique, but I do agree with what everyone is saying, try a different colour for the search box, the first thing I looked at when the page was the red that was glaring at me. If you dont mind me asking, what technique are you using to achieve your rounded corners? But still, its a very nice design! :) Link to comment Share on other sites More sharing options...
0 ericnkatz Posted January 6, 2011 Share Posted January 6, 2011 If you dont mind me asking, what technique are you using to achieve your rounded corners? http://www.css3.info/preview/rounded-border/ Link to comment Share on other sites More sharing options...
0 Cupcakes Posted January 6, 2011 Share Posted January 6, 2011 If you dont mind me asking, what technique are you using to achieve your rounded corners? .rounded { -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; } You just change the pixel size to how you want it. It's CSS3 so it will only work in browsers that support it. Link to comment Share on other sites More sharing options...
0 ericnkatz Posted January 6, 2011 Share Posted January 6, 2011 .rounded { -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5pxl; } You just change the pixel size to how you want it. It's CSS3 so it will only work in browsers that support it. Remove the 'l' though from "border-radius: 5pxl;" :rofl: Should just be border-radius: 5px Link to comment Share on other sites More sharing options...
0 Asharae Posted January 6, 2011 Share Posted January 6, 2011 Aha, good I'm not the only one using CSS3 standards then :p Do you have any sort of fallback for the older browsers or are they on their own? Link to comment Share on other sites More sharing options...
0 Cupcakes Posted January 6, 2011 Share Posted January 6, 2011 Remove the 'l' though from "border-radius: 5pxl;" :rofl: Should just be border-radius: 5px ....... it's called a typo. Common sense seeing as though the other values were fine. Look at your keyboard. L is next to ;. Aha, good I'm not the only one using CSS3 standards then :p Do you have any sort of fallback for the older browsers or are they on their own? Well, I usually don't do much compatibility for IE6 anymore but if it's requested, I'll use this: http://fetchak.com/ie-css3/ or http://aext.net/2010/04/css3-ie-support/ Link to comment Share on other sites More sharing options...
0 Dan~ Posted January 6, 2011 Author Share Posted January 6, 2011 Hmm I like the ideas! Like I said in my original post, the menu at the top isn't going to stay the same, i'll remove the circles and do other things when I can be arsed hehe I really do like having the red, I might change where the Home bit is etc to red, and have the search as blue. Do you think that'll look good? I obviously need to have a play though Link to comment Share on other sites More sharing options...
0 Dan~ Posted January 6, 2011 Author Share Posted January 6, 2011 Hmm, flipped red over looks bum I really do want red though, so it's like red green blue Link to comment Share on other sites More sharing options...
0 cacoe Posted January 6, 2011 Share Posted January 6, 2011 For dummy text, I'd generate something here: http://www.lipsum.com/ It'll have the appearance of looking like it flows more like real text, without being distracting. Link to comment Share on other sites More sharing options...
0 rajputwarrior Posted January 7, 2011 Share Posted January 7, 2011 ....... it's called a typo. Common sense seeing as though the other values were fine. Look at your keyboard. L is next to ;. relax... he was just pointing it out for those wondering why it's not working if they straight copy/pasted it. Link to comment Share on other sites More sharing options...
0 Cupcakes Posted January 7, 2011 Share Posted January 7, 2011 relax... he was just pointing it out for those wondering why it's not working if they straight copy/pasted it. Text doesn't emote. I was pretty relaxed when I posted that. For dummy text, I'd generate something here: http://www.lipsum.com/ It'll have the appearance of looking like it flows more like real text, without being distracting. I used to go with Lipsum but now I'm using Fillterati for everything :). Definitely use lipsum from time to time though :). Link to comment Share on other sites More sharing options...
0 cacoe Posted January 7, 2011 Share Posted January 7, 2011 I know that it's personal preference but you do know about this from Lipsums site?: "It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. " Link to comment Share on other sites More sharing options...
0 game_over Posted January 7, 2011 Share Posted January 7, 2011 If you would like your rounded corners to work in IE you can use http://css3pie.com it works well :) ericnkatz 1 Share Link to comment Share on other sites More sharing options...
0 Cupcakes Posted January 7, 2011 Share Posted January 7, 2011 I know that it's personal preference but you do know about this from Lipsums site?: "It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. " Considering I've used lipsum for a few years.. yeah, I've read that. Has never applied to me and never had complaints about "readable" filler text. Link to comment Share on other sites More sharing options...
0 Vortex566 Posted January 7, 2011 Share Posted January 7, 2011 If you would like your rounded corners to work in IE you can use http://css3pie.com it works well :) Thanks I never knew that existed until I read it on here. Link to comment Share on other sites More sharing options...
Question
Dan~
Hello,
I was wondering if you could give me your opinion on the site.
I will say though that it's not final, and I'm aware of certain things, also ignore the fact the menu's are strange - still working on them.
I'm mainly asking for design opinions :)
http://beta.danstyan.co.uk
Site uses wordpress with my own theme
Link to comment
Share on other sites
19 answers to this question
Recommended Posts