CSS Resource Sites


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
CSS wizard at www.csswizard.net for those that don't fancy hand coding.

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/
http://www.cssmania.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

CSS Selectors - The Basics

No comments:

Post a Comment