~CSS Tutorial?

[Joe]

Does anyone know of a good CSS tutorial I could peruse and try to teach my
old mind?

Thanks

 

[Disco]

Does anyone know of a good CSS tutorial I could peruse and try to
teach my old mind?

My recommendation is....
A). Ask some "Pure Bloods" (eg. brucie, isofaro, jukka, rf, etc) for a list
of sites that they think are built using *good* CSS practices.
b). Go to those sites and download their CSS sheets and pages.
c). Work out what they are doing, how they are doing it, make some changes
to see how things work, etc.

Tutorials are pretty, but I find this is a good way to learn to.

 

[spaghetti]

Does anyone know of a good CSS tutorial I could peruse and try to teach my
old mind?

http://www.westciv.com/style_master/academy/css_tutorial/

And though it seems too complex to consider, the reference on W3 is actually
quite good and easy to understand. Lots of stuff you can skim through. I'd
suggest practicing all the things you learn here with a good CSS browser
like the latest Mozilla or Opera, and then later you can learn the
workarounds required to get your pages to look nice on crummy browsers.

http://www.w3.org/TR/REC-CSS2/

 

[brucie]

Does anyone know of a good CSS tutorial I could peruse and try to teach my
old mind?

css tutorials and other fun 'n giggly css stuff:
http://www.css.nu/
http://www.mako4css.com/
http://www.richinstyle.com/
http://www.blazonry.com/css/
http://www.w3schools.com/css/
http://www.websitetips.com/css/
http://www.htmlhelp.com/reference/css/
http://www.pageresource.com/dhtml/indexcss.htm
http://www.climbtothestars.org/coding/cssbasic/
http://www.htmlcenter.com/tutorials/index.cfm/css/
http://www.freewebmastertips.com/php/content.php3?aid=48
http://www.canit.se/~griffon/web/writing_stylesheets.html
http://www.utoronto.ca/ian/books/xhtml2/exerpt/css-4a.html
http://idm.internet.com/articles/200101/csstutorial1a.html
http://www.greytower.net/en/archive/articles/tsutsumi.html
http://www.westciv.com.au/style_master/academy/css_tutorial/
http://webmonkey.com/authoring/stylesheets/tutorials/tutorial1.html

layout examples:
http://www.glish.com/css/
http://www.csszengarden.com/
http://www.wannabegirl.org/css/
http://tantek.com/CSS/Examples/
http://www.saila.com/usage/layouts/
http://www.bluerobot.com/web/layouts/
http://www.benmeadowcroft.com/webdev/
http://www.xs4all.nl/~apple77/columns/
http://www.meyerweb.com/eric/css/edge/
http://www.htmler.org/tutorials/3/1.html
http://css.nu/articles/floating-boxes.html
http://webhost.bridgew.edu/etribou/layouts/
http://www.roguelibrarian.com/lj/index.html
http://css-discuss.incutio.com/?page=CssLayouts
http://ecoculture.com/styleguide/r/rollovers.html
http://thenoodleincident.com/tutorials/box_lesson/index.html
http://www.webreference.com/authoring/style/sheets/layout/advanced/

slants: http://www.infimum.dk/HTML/slantinfo.html
lists: http://www.alistapart.com/stories/taminglists/
rounded corners: http://www.webweaver.org/dan/css/corners/
pure css menus: http://www.meyerweb.com/eric/css/edge/menus/demo.html

master compatibility charts:
http://centricle.com/ref/css/filters/
http://www.xs4all.nl/~ppk/css2tests/intro.html
http://macedition.com/cb/resources/abridgedcsssupport.html
old:
http://www.immix.net/html/CSSGuide.htm
http://devedge.netscape.com/library/xref/2003/css-support/

hiding CSS from crappy browsers:
http://www.ericmeyeroncss.com/bonus/trick-hide.html
http://www.w3development.de/css/hide_css_from_browsers/

css checkers:
http://jigsaw.w3.org/css-validator/
http://www.htmlhelp.com/tools/csscheck/

cascading style sheets, level 1 specification
http://www.w3.org/TR/REC-CSS1.html
cascading style sheets, level 2 specification
http://www.w3.org/tr/rec-css2/cover.html
cascading style sheets, level 2 revision 1 working draft
http://www.w3.org/TR/2002/WD-CSS21-20020802/

 

[Disco]

brucie sent:

a sh*tload of links.

Only 50 links?! You can do better than that!

 

[Disco]

rounded corners: http://www.webweaver.org/dan/css/corners/

This link is in error! ...

"Your account is currently unavailable.
Please contact your support representative"

 

[PoetStorm]

Yes, someone from this group emailed me with
http://www.w3schools.com/css/default.asp

 

[brucie]

css tutorials and other fun 'n giggly css stuff:
[...]

Which of the above are the "fun 'n giggly" ones?

half the fun is finding which ones they are. i don't want to spoil it
for everyone

 

[Mark Parnell]

css tutorials and other fun 'n giggly css stuff:
[...]

Which of the above are the "fun 'n giggly" ones?

half the fun is finding which ones they are. i don't want to spoil it
for everyone

Fair enough.

 

[Isofarro]

My recommendation is....
A). Ask some "Pure Bloods" (eg. brucie, isofaro, jukka, rf, etc) for a
list of sites that they think are built using *good* CSS practices.

http://www.csszengarden.com/

 

[Frogleg]

Does anyone know of a good CSS tutorial I could peruse and try to teach my
old mind?

http://www.w3schools.com/css/

(Cut and pasted from Brucie's post). W3schools has a nice, clear
style.