Homework #8 -- CSS Layout Help
I was on a roll and found a TON of online resources for creating CSS layouts!
http://htmldog.com/guides/cssintermediate/ - what I have been using throughout our projects. Basic and quick overview of CSS.
http://csscreator.com/version2/pagelayout.php -- generates layouts with CSS, easy and effective. Manipulates the layout without directly changing your web page.
http://www.thenoodleincident.com/tutorials/box_lesson/old/css_3box_plus_topbox.html --
interesting web page. Has a nice design without boxes and explains how you made that layout.
http://www.yourhtmlsource.com/examples/positioning2.html -- fascinating page illustrating different sort of boxes you can use on a web page; forces the reader to use the source code to see the code, rather than getting it directly from an example.
http://www.yourhtmlsource.com/stylesheets/csslayout.html -- much more in-depth explanation of position, floating elements, layers, and tables.
http://www.free-css.com/css-reference/css1-properties.php -- a database of CSS property tags.
http://green-beast.com/experiments/ -- shows some CSS designs such as “smart corners”, list calendars, photo showcases etc with the HTML code AND CSS code available!
http://www.macworld.com/article/48296/2005/12/januarycreate.html -- creating personalized bullets, checked off lists etc. Includes explanation and CSS code.
http://24ways.org/2005/tables-with-style -- creating tables “with style”. The related articles on the left navigation bar are also really great.
http://www.alvit.de/css-showcase/css-navigation-techniques-showcase.php -- WONDERFUL CSS navigation layouts! Complete with how they’re created and the code to create them.
http://builder.yaml.de/ -- complex CSS generator. Good for another project or establish cause and effect. Gives code.
http://meyerweb.com/eric/thoughts/2005/05/31/universal-child-replacement/ -- using child selector that is compatible with Internet Explorer.
http://www.cheatography.com/davechild/cheat-sheets/css2/ -- I’m not sure if CSS2 is different or incompatible with CSS, but this is an amazing cheat sheet to CSS2 properties.
http://westciv.com/style_master/academy/hands_on_tutorial/09.laying_out.html -- another CSS tutorial guide to page layout – positioning, div and span etc.