A lovely list of sites that come in handy when learning/using CSS.


Tutorials and Resources on Styling Lists

http://css.maxdesign.com.au/listamatic/index.htm (exellent!)
http://www.simplebits.com/notebook/2003/10...sted_lists.html
http://www.meyerweb.com/eric/talks/2003/co...mug/commug.html
http://www.stuffandnonsense.co.uk/archives...icity_wars.html
http://websitetips.com/css/
http://www.w3.org/Style/CSS/learning
http://webdesign.about.com/od/css/
http://dorward.me.uk/www/css/

Rollover Effects

http://www.daleglaser.com/art/WebTips/06csshover.html (basic)
http://wellstyled.com/css-nopreload-rollovers.html (images; no preloads)
http://www.petethomas.co.uk/multimedia-css...-rollovers.html (images; no preloads)
http://www.cre8asiteforums.com/forums/inde...p?showtopic=723
http://www.designmeme.com/articles/cssrollovers/
http://www.smartwebby.com/web_site_d...css_styles.asp
http://www.ssi-developer.net/css/men...r-effect.shtml
http://www.entheosweb.com/website_design/css_styles.asp
http://builder.com.com/5100-6371-5279569.html
http://sophie-g.net/jobs/css/e_buttons.htm
http://www.gungfu.de/web/proj/testcase/cssRollover.html
http://www.usabilityandbranding.com/...overEffect.php
http://ecoculture.com/styleguide/r/rollovers.html
http://webpage-tools.com/css_mouseover.asp
http://www.velocityreviews.com/forum...r-effects.html
http://www.pixelmill.com/support/al1015/kb101543.htm

CSS Resource Lists

http://www.positioniseverything.net/
http://www.csscreator.com/css-forum/index.php (forum)
http://www.w3schools.com/css/default.asp (loads of tutorials)
http://www.htmldog.com/ (tutorials)
http://www.alistapart.com/ (loads of articles; CSS and various web design)
http://www.dezwozhere.com/links.html
http://cssvault.com/resources.php
http://www.ericmeyeroncss.com/links/resources.html
http://www.sitepronews.com/archives/2005/july/20.html
http://www.last-child.com
http://webstandardsgroup.org/resourc...urce_cat_id=11
http://www.wdvl.com/Authoring/Style/...Resources.html

Layouts

http://positioniseverything.net/articles/o.../onetruelayout/
http://www.maxdesign.com.au/presentation/p...youts/index.cfm
http://www.fu2k.org/alex/css/index.mhtml
http://www.thenoodleincident.com/tutorials...sson/boxes.html
http://wellstyled.com/css-2col-fluid-layout.html
http://css.maxdesign.com.au/floatutorial/ (float tutorial)
http://www.realworldstyle.com/2col.html
http://www.glish.com/css/7.asp
http://www.positioniseverything.net/easyclearing.html (floats)
http://www.bluerobot.com/web/layouts/
http://glish.com/css/
http://www.stopdesign.com/articles/absolute/ (positioning)
http://www.csscreator.com
http://www.cssdrive.com/index.php/examples/
http://www.domedia.org/oveklykken/

Box Model

http://www.brainjar.com/css/positioning/default.asp

http://www.redmelon.net/tstme/box_model/
http://www.w3.org/TR/REC-CSS2/box.html
http://www.ilovejackdaniels.com/css/box-model/
http://css-discuss.incutio.com/?page=BoxModel
http://www.quirksmode.org/css/box.html
http://jessey.net/simon/articles/003.html
http://www.tanfa.co.uk/css/articles/css-box-model.asp

Drop Shadows

http://www.alistapart.com/articles/cssdropshadows/
http://www.evolt.org/article/Simple_...dows/17/18583/
http://www.designmeme.com/articles/dropshadows/
http://www.communitymx.com/abstract.cfm?cid=15F35
http://phoenity.com/newtedge/drop_shadow/
http://nontroppo.org/test/shadow.html

Image Maps

http://www.alistapart.com/articles/imagemap/
http://www.frankmanno.com/ideas/css-imagemap/
http://cssplay.co.uk/menu/imap.html
http://www.webreference.com/programm...map/index.html
http://cssvault.com/cssjavascript/css_image_map.php
http://tutorials.alsacreations.com/imagemaps/maps2.htm
http://www.cybersaps.org/2003/12/CSS-image-maps.html

Link Styles

http://dbaron.org/css/1999/09/links



Inspiration (Pure CSS Sites)

http://www.csszengarden.com
http://www.webstandardsawards.com/
http://www.cssbeauty.com/
http://stopdesign.com/
http://www.adaptivepath.com/
http://www.alistapart.com/

Other Cool Stuff

http://www.cssplay.co.uk
http://www.imaputz.com/cssStuff/bigFourVersion.html (scrolling table)
http://www.bigbaer.com/css_tutorials/css.i...e.text.wrap.htm (image wrap; very intense coding though)
http://www.quirksmode.org/ (browser compatibility issues)
http://www.456bereastreet.com/archive/2005..._tricks_part_1/ (tips & tricks)
http://www.456bereastreet.com/archive/2005...and_properties/
http://www.alistapart.com/articles/goingtoprint/ (CSS for print)
http://www.killersites.com/articles/newsle...r_Nov3_2003.htm (CSS for print)
http://members.aol.com/jbjtutor/css/pagec_27.html (inheritance)
Tools
http://www.snapfiles.com/get/cascadedtp.html

12 Lessons for Those Afraid of CSS and Standards

CSS Reference - from Sitepoint, excellent resource

Disclaimer: the list is made by Adrian (Cre8) and not by me.

Praveen, am glad that you have made my research work on CSS easy. I am thankful to you, as I was in great need for information’s on how to use CSS. I went through your list of sites and found it to be very handy. Indeed, those sites are helping me in using CSS. Thanks,man!!

A few more sites I would like to add:

<Added to the list above>

got it. thanks.

There's also a little CSS wizard at www.csswizard.net for those that don't fancy hand coding.

thanks guy. this all tutorials are very very usefull..

Originally Posted by hrvoje461

I would like to suggest my free css template site at http://www.getcsstemplates.com.

Your site was added here: http://www.webmaster-talk.com/websit...ate-sites.html

Mastery of CSS requires seeing what other web workers are doing and how they do it. Good list.

Nice list bro...Im still learning how to make CSS file hope that list will help.

----------------
Autoblogging for money

Thanks for the great resource.

This are nice resources.
very helpful to me.

thanks

Dont forget www.cssmania.com

thank you very much for this list, I am trying to be find the best possible site to learn html and css for a newbie like me, have not regret I have joined this community