Sonic Youth Gossip - View Single Post

!@#$%! · 09.22.2006, 05:00 PM

web monkey used to have a nice CSS tutorial where i learned a few years back. but that should be obsolete now.

if you got the time or the inclination check out zeldman's "designing with web standards" which gives you a very nice foundation & background to understand the when how & why of xhtml/css/dom. brilliant book, funny to read, though a bit pricey (almost $50). there are other books in the new riders imprint. fuck, i just saw amazon is selling it for $27.

or go to his website:
http://www.zeldman.com/
and this one:
http://alistapart.com

basically you want to separate structural markup from syles as much as possible.

so in your content page you simply use tags like div, p, h1, h2, etc.
everything else (font size, color, background color & images, etc. goes into the stylesheets)

you can create very nice layouts using floats-- no need for tables!

oh here is another book i like which helps when you wan to create fluid layouts:

http://www.simplebits.com/publications/bulletproof/

my suggestion would be this: instead of cleaning up messy code (and you could use this website as an opportunity to improve your css kung-fu), write up a very basic structural code where you lay out all the sections you want to feature.

once you get your content, then start creating stylesheets & apply background images & such.

that's the whole philosophy of the css zen garden. disable styles in your browser and see how plain the structural markup is. all the design you see is added with styles. http://csszengarden.com -- go check it out it's quite amazing the infinite designs they come up with, all using the same structural markup. it will blow your mind.

so this:
http://csszengarden.com/?cssfile=/189/189.css&page=0
and this:
http://csszengarden.com/?cssfile=/188/188.css&page=0
and this:
http://csszengarden.com/?cssfile=/193/193.css&page=0
and this:
http://csszengarden.com/?cssfile=/182/182.css&page=1

are *the same content* but with different styles!

go ahead & disable stylesheets in every page. fucking amazing. same html, just different styles.

which makes it very easy, you see, to update the content, without worrying about fucking font tags!

(i actually own the css zen garden book. it's a beauty).

oh and don't worry about giving me server access, i can look at your source code straight from the browser.

an extra dare: make it xhtml1.1 strict & try validating it @ the w3c site. oh yes, the joy...

09.22.2006, 05:00 PM	#40
!@#$%! invito al cielo Join Date: Mar 2006 Location: mars attacks Posts: 42,479	web monkey used to have a nice CSS tutorial where i learned a few years back. but that should be obsolete now. if you got the time or the inclination check out zeldman's "designing with web standards" which gives you a very nice foundation & background to understand the when how & why of xhtml/css/dom. brilliant book, funny to read, though a bit pricey (almost $50). there are other books in the new riders imprint. fuck, i just saw amazon is selling it for $27. or go to his website: http://www.zeldman.com/ and this one: http://alistapart.com basically you want to separate structural markup from syles as much as possible. so in your content page you simply use tags like div, p, h1, h2, etc. everything else (font size, color, background color & images, etc. goes into the stylesheets) you can create very nice layouts using floats-- no need for tables! oh here is another book i like which helps when you wan to create fluid layouts: http://www.simplebits.com/publications/bulletproof/ my suggestion would be this: instead of cleaning up messy code (and you could use this website as an opportunity to improve your css kung-fu), write up a very basic structural code where you lay out all the sections you want to feature. once you get your content, then start creating stylesheets & apply background images & such. that's the whole philosophy of the css zen garden. disable styles in your browser and see how plain the structural markup is. all the design you see is added with styles. http://csszengarden.com -- go check it out it's quite amazing the infinite designs they come up with, all using the same structural markup. it will blow your mind. so this: http://csszengarden.com/?cssfile=/189/189.css&page=0 and this: http://csszengarden.com/?cssfile=/188/188.css&page=0 and this: http://csszengarden.com/?cssfile=/193/193.css&page=0 and this: http://csszengarden.com/?cssfile=/182/182.css&page=1 are the same content but with different styles! go ahead & disable stylesheets in every page. fucking amazing. same html, just different styles. which makes it very easy, you see, to update the content, without worrying about fucking font tags! (i actually own the css zen garden book. it's a beauty). oh and don't worry about giving me server access, i can look at your source code straight from the browser. an extra dare: make it xhtml1.1 strict & try validating it @ the w3c site. oh yes, the joy...
	\|QUOTE AND REPLY\|