design questions

AHarvey · 24 Nov 2012 at 01:48

Hi,

A friend has asked me to knock up a basic website design for them and gave me a basic layout.

Now, I've used codeacademy to brush up on my html + css skills and have the basic template sorted. Very basic for now, header, footer, main content, left links and right adverts. rounded corners.

it looks fine on my screen, but that's a 24" monitor and as I am using absolutes it obviously doesn't scale.

has anyone got any good links to guides on the best way of putting a design in to code, the pro's and con's of each site, best monitor resolutions to program for inc smart phones. best way to use an image for a background etc etc?

The basic code I have down, but the design side is where my skills lack.

peterwalkley · 24 Nov 2012 at 10:26

Twitter Bootstrap

You could take a look at Twitter Bootstrap on Github. They have open sourced it all, so you are free to use at will.

AHarvey · 26 Nov 2012 at 01:20

ok thanks, i'll have a nosy through it. I'm just trying to get my head around the basics of design so I can look in to more advanced ideas, thought there would have been more suggestions with the amount of devs we have on here

webhound · 27 Nov 2012 at 12:09

Go responsive and use % in your grid

http://www.alistapart.com/articles/responsive-web-design/

simisker · 27 Nov 2012 at 14:25

AHarvey said:
[...] thought there would have been more suggestions with the amount of devs we have on here

The key word there being "devs"; there are many more devs on here than designers. Hardly surprising, I suppose, given the demographic a forum like this is going to attract.

Plus design - involving, as it does, the development of an aesthetic sense - is a less 'teachable' thing. At least compared to cold hard code.