Web Design Tips

[RichardKnox]

I actually agree with you Jon, i went to tables first... I never learnt how to do them properly until i had learn divs..

THe other week i couldn't even code that habboring layout. Now after coding 4 layouts i would say im overly confident in coding layouts.

Also @Habbdance, LOL AT CHRIS' SIGNATURE JOKE!!!

Who the hell is Jon? Greg?

I agree with Greg, tables are much easier to use for beginners, but if i'm completely honest I learnt div's first as when I was learning that's what I was recommended.

[Decode]

In this thread, you can share your tips and secrets to designing sites and coding them.

I'll start:

Designing:
1. Try to use Photoshop if possible
2. Be as original as you can
3. Use gradients

Coding:
1. Do not use tables, use CSS
2. Do not use w3schools
3. Always validate your coding: http://www.validator.w3.org

"Try to use Photoshop if possible" - Why? If I wanted to I could use a free editing program like paint.net or GIMP and copy a layout done in photoshop. Photoshop is too expensive for most people.
"Use gradients" - Maybe use 1 or 2 gradients on the page, for the page background and stuff but putting too many on the page will make it look messy. Just saying "Use gradients" isn't going to help anyone.
"Do not use tables, use CSS" - Its okay to use tables for tabular data (EG: compare hosting plans)
"Do not use w3schools" - For beginners its a good site. I can't see why you've said this, they use valid coding and it teaches you how to code :S There's nothing wrong with using it.

[L?KE]

My Tip - Which helped me plenty

You know how IE takes padding without making the div wider, but firefox does the opposite?

Add this to your stylesheet and you won't have to accommodate for any padding in your width:

DIV{-moz-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0;}

Codes not mine btw, I just use it in a lot of my layouts

[HabbDance]

My Tip - Which helped me plenty

You know how IE takes padding without making the div wider, but firefox does the opposite?

Add this to your stylesheet and you won't have to accommodate for any padding in your width:

DIV{-moz-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0;}

Codes not mine btw, I just use it in a lot of my layouts

Very helpful! Alot less work for me :] +rep

[--ss--]

In this thread, you can share your tips and secrets to designing sites and coding them.

I'll start:

Designing:
1. Try to use Photoshop if possible
2. Be as original as you can
3. Use gradients

Coding:
1. Do not use tables, use CSS
2. Do not use w3schools
3. Always validate your coding: http://www.validator.w3.org

Sorry but never suggest photoshop to beginners, especially when suggesting to use gradients. It will just look extremely tacky and unprofessional. If somehow with a miracle they get good at it they'll just end up making those rubbish cliche layouts which are based on the Habbo Homepage and look exactly like all the others out there.
Use Ms Paint for layouts, afterall Habbo is a game based around Isometric Art, only makes sence if the layouts are too.

[L?KE]

Coding:
1. Do not use tables, use CSS

Did it not occur to you that CSS styling can be applied to tables?