Best way to learn css? (Full Version)

All Forums >> [Web Development] >> Cascading Style Sheets and Accessibility



Message

funk theory -> Best way to learn css? (12/14/2008 8:29:30)

I am in the process of building my new site and I'm going to make it look as professional as I can. My question is, is the best way to learn css but going through notepad/pspad and copying and editing the code or using a program like expression web?



Tailslide -> RE: Best way to learn css? (12/14/2008 8:52:01)

Personally I believe the best way is trial and error using an HTML editor such as PSPad or Crimson Editor (or any such editor).

This way you have total control and you can see what you're doing - if that makes sense. I will qualify this by saying I've never really used a WYSIWYG editor such as EW or DW but I've seen what they can produce and I'm not tempted to use them.

Try looking at some of the excellent online tutorials such as htmldog or cssbasics and reading some of the wide range of books such as bulletproof web design.




Giomanach -> RE: Best way to learn css? (12/14/2008 13:33:53)

While I agree with Tailslide, there is one starting point for all.

My first stop would be http://www.w3schools.com for their basic CSS tutorials. Questions can always be asked here, and we can offer examples of how to build a site completely out of CSS.



funk theory -> RE: Best way to learn css? (12/14/2008 14:45:52)

I used the w3schools site a few times too. Basically if i want my site to be all the same layout, which obviously i do, i design one page in css background, text etc and build the other pages round that code?



Tailslide -> RE: Best way to learn css? (12/14/2008 15:04:49)

Watch W3schools - some of their stuff is out of date - particularly in those tests.

They rely on people thinking that they're the same as the W3C but they're not...



TexasWebDevelopers -> RE: Best way to learn css? (12/15/2008 9:47:09)

I like to learn by looking at code and altering it. Here are 40 CSS layouts to play with and learn from:
http://blog.html.it/layoutgala/



Tailslide -> RE: Best way to learn css? (12/15/2008 10:57:12)

The secret is, at first, to keep it simple.

Avoid absolute positioning and negative margin layouts.

Stick to simple floated layouts - once you're really happy with a two column floated layout then have a look at the various options for 3 columns - there are several different ways of doing it, some more complex than others.

Learn the faux-column technique.

Check in all browsers as you go along and validate your code.

Bookmark http://www.positioniseverything.net/ for the answers to various IE bugs.

Don't try to do something too complex to start with. Most browser problems are easily remedied as long as you code properly. Don't stick inline styling in tags. Don't have 5 million divs - use as few as possible. Don't have ids like "_54" - have something that means something like "sidebar".

There - that's pretty much it!!



funk theory -> RE: Best way to learn css? (12/16/2008 16:55:19)


quote:

ORIGINAL: TexasWebDevelopers

I like to learn by looking at code and altering it. Here are 40 CSS layouts to play with and learn from:
http://blog.html.it/layoutgala/


thats a good start although my site is mainly images, so i will need to learn postioning of those with the lightbox app i use.



funk theory -> RE: Best way to learn css? (12/16/2008 16:56:36)


quote:

ORIGINAL: Tailslide

The secret is, at first, to keep it simple.

Avoid absolute positioning and negative margin layouts.

Stick to simple floated layouts - once you're really happy with a two column floated layout then have a look at the various options for 3 columns - there are several different ways of doing it, some more complex than others.

Learn the faux-column technique.

Check in all browsers as you go along and validate your code.

Bookmark http://www.positioniseverything.net/ for the answers to various IE bugs.

Don't try to do something too complex to start with. Most browser problems are easily remedied as long as you code properly. Don't stick inline styling in tags. Don't have 5 million divs - use as few as possible. Don't have ids like "_54" - have something that means something like "sidebar".

There - that's pretty much it!!


I dont understand what you mean by _54 or do you mean what i call the stylesheets?



Tailslide -> RE: Best way to learn css? (12/17/2008 2:13:38)

No what I mean is that you often see an id or a class with a useless name such as _54 or something equally as cryptic. No use at all if you're looking in the stylesheet a year later!! Always give useful names to classes and divs such as sidebar or footer.



Page: [1]

Valid CSS!




Forum Software © ASPPlayground.NET Advanced Edition 2.4.5 ANSI
6.298828E-02