Comments on: Code an Awesome Minimal Design from PSD to XHTML & CSS

By: Ahmad Alfy

Ahmad Alfy — Sun, 20 Jun 2010 20:06:46 +0000

How safe is it to use background gradients?
I mean, which browsers doesn’t support it so far?

By: Code an Awesome Minimal Design from PSD to XHTML & CSS | Design Shack

Code an Awesome Minimal Design from PSD to XHTML & CSS | Design Shack — Sun, 20 Jun 2010 16:01:49 +0000

[...] View Post [...]

By: CSSFind

CSSFind — Tue, 08 Jun 2010 15:09:54 +0000

Code up an Awesome Minimal Web Design from PSD to XHTML | TutToaster…

A step by step guide to convert PSD to HTML along with a beautiful free template…

By: Matthew Leak

Matthew Leak — Wed, 26 May 2010 21:40:02 +0000

ya sure, go for it. If you go to my site my email address is on there.

Just going off what you’re saying though, if they’re ‘stacking on top of each other’ then you probably aren’t floating them. Add float: left; to your css if you haven’t already.

By: Billy So

Billy So — Wed, 26 May 2010 20:41:14 +0000

I am having some problems with the “project info divs”. For some reasons, my 3 columns just stack on top of each other instead of yours.

Do you mind I email you the code so you can have a look?

By: Matthew Leak

Matthew Leak — Wed, 26 May 2010 10:09:29 +0000

It’s fine bro… I used text-align: center; on that paragraph if you’re still having trouble!

By: Billy So

Billy So — Wed, 26 May 2010 08:15:46 +0000

Nevermind…i got it. Sorry for the spam

By: Billy So

Billy So — Wed, 26 May 2010 08:06:06 +0000

I have a question for you Matthew

I am trying to format the introduction like yours where the 2nd sentence is indented nicely on both the left and right hand side. However, I am unable to get it to work and I follow the code that you have provided.

Hello, I’m Matthew Leak. A standards compliant Freelance Web
Designer and Developer based in Manchester, UK and I Love clean and
Minimal Web Design.

Please help.

By: Scott

Scott — Fri, 21 May 2010 14:42:03 +0000

@matthew – Actually using selectors like that : “#content-container #content #footer #copyright” is considered bad practice according to Google. Check out Google Page Speed. It covers all sorts of issues that help speed sites up. One of the most common problems is the use of inefficient rules in css.

But with that said. Great tutorial and nice design.

By: Matthew Leak

Matthew Leak — Thu, 13 May 2010 08:54:59 +0000

@Roni – No, you don’t need “#content-container #content #footer #copyright” to start styling #copyright. It’s just the way I write my CSS. I know #content-container and #content aren’t needed it’s just a habit I have become acustomed to. Bad practise? I’ll let you decide.

@Hugo – Image sprites are an option yes, but for something like this I don’t really see it as ‘necessary’. There are only two roll overs in the script so it’s not like a lot of HTTP requests are already being made.