• 0

Website Design


Question

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

  • 0

  • 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

  • 0

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?)

224430149.png

^ 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

  • 0

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

  • 0

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

  • 0

 .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

  • 0

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

  • 0

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

  • 0

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

  • 0

....... 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

  • 0

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

  • 0

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

  • 0

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

This topic is now closed to further replies.
  • Recently Browsing   0 members

    • No registered users viewing this page.