Design for the Web 2

49540 SPRING 2009

Week 8

FROM PREVIOUS WEEKS—NOT DONE

FIXED POSITIONING

http://www.csszengarden.com/069/

http://www.csszengarden.com/058/

CASCADE, INHERITANCE, SELECTORS

Inheritance and Specificity

http://www.smashingmagazine.com/2009/08/17/taming-advanced-css-selectors/ Taming Advanced Selectors

http://webdesignfromscratch.com/html-css/css-inheritance -cascade.php Inheritance, Cascade, Specificity

http://www.smashingmagazine.com/2007/07/27/css- specificity-things-you-should- know/ CSS specificity from Smashing Magazine

http://www.communitymx.com/content/article.cfm?page=1& cid=2795D Inheritance, Cascade Specificity [+ PROPERTIES THAT INHERIT]

http://monc.se/kitchen/38/cascading-order-and- inheritance-in-css Inheritance, Cascade Specificity

http://reference.sitepoint.com/css/inheritancecascade Inheritance, Cascade Specificity

hhttp://www.brainjar.com/css/using/default3.asps Inheritance, Cascade Specificity

RESET CSSS

http://sixrevisions.com/css/css-tips/css-tip-1-resetting-your-styles-with-css-reset/ What is a Reset?

http://perishablepress.com/press/2007/10/23/a-killer-collection-of-global-css-reset-styles/ Several approaches to Reset

http://www.ejeliot.com/blog/85 more on Resets

http://meyerweb.com/eric/thoughts/2008/01/15/resetting- again/ Popular 'Reset' method, revised

http://www.crucialwebhost.com/blog/master-stylesheet-the -most-useful-css- technique/ Creating a 'Master Style Sheet' for yourself

MIN-WIDTH and MAX-WIDTH

http://www.quirksmode.org/css/width.html Min-width and max-width

ANGLED ELEMENTS, CSS image text wrap

http://www.howtocreate.co.uk/tutorials/css/slopes Using borders to produce angled shapes

http://storage.couchfort.net/cssCurves/ CSS curves

http://www.bigbaer.com/css_tutorials/css.image.text.wrap.htm Text wrapping an image

http://www.csstextwrap.com/ A text wrap tool

OLDER TECHNIQUES FOR ROUNDED CORNERS [OPTIONAL]

ROUND CORNERS RECTANGLES: Sliding Doors/Expanding

http://kalsey.com/2003/07/rounded_corners_in_css/ rounded corners technique

http://www.vertexwerks.com/tests/sidebox/

http://www.schillmania.com/projects/dialog2/basic.html Basic Sliding Doors example [similar to the textbook example]

http://www.schillmania.com/content/projects/even-more-rounded-corners/ Explanation of Sliding Doors

http://www.schillmania.com/projects/dialog2/ How to do Sliding Doors

http://www.htmldog.com/examples/ rounded corners examples, see Images>curved corners

http://www.smileycat.com/miaow/archives/000044.php roundup of rounded corners techniques

TABBED MENUS [Sliding Doors]

http://www.dynamicdrive.com/style/csslibrary/item/sliding-doors-tabs-menu/ more tabbed menus

http://www.alistapart.com/articles/slidingdoors/ Sliding Doors I: tabbed menus

http://www.alistapart.com/articles/slidingdoors2/ Sliding Doors 2: tabbed menus

http://www.cssplay.co.uk/menus/sliding_doors.html more tabbed menus