http://www.csszengarden.com/167/ block rollover
http://www.csszengarden.com/166/ block rollover
http://www.csszengarden.com/106/ block rollover
http://www.csszengarden.com/088/ dropdown
http://css.maxdesign.com.au/listutorial/ Tutorial on lists and dropdown menus, includes nested lists
http://css.maxdesign.com.au/listamatic/index.htm Links to various menu and list styles—they are UGLY but the CSS works
http://css.maxdesign.com.au/listamatic2/vertical02.htm vertical menu, nested rollover list
http://www.cssmenus.co.uk/index.html CSS Menus
http://www.free-css.com/free-css-menus/page1.php CSS Menus
http://cssmenumaker.com/ CSS Menusmaker
http://www.alistapart.com/articles/taminglists/ Taming lists: positioning
http://css.maxdesign.com.au/listamatic/vertical06.htm simple separators
http://css.maxdesign.com.au/listamatic/vertical10.htm a vertical list using a border element
http://css.maxdesign.com.au/listamatic/horizontal03.htm horizontal list navbar
http://css.maxdesign.com.au/listamatic/horizontal05.htm tabbed navbar
http://css.maxdesign.com.au/listamatic/horizontal06.htm tabbed navbar
http://css.maxdesign.com.au/listamatic/vertical13.htm 3D buttons
To create equally sized buttons you must use float instead of display:inline. Remember to also float the UL parent so that the parent doesn't collapse down and clear the float further down. With horizontal list menus that are floated you can make each button the same width, since a float needs the ‘width’ attribute.
To create menubars that are horizontally centered, you must use display:inline
http://www.smashingmagazine.com/2009/03/24/designing- drop-down-menus-examples -and-best-practices/ Best Practices for dropdown menus
http://www.smashingmagazine.com/2009/06/24/module-tabs-in-web-design-best-practices-and-solutions/ More Best Practices for dropdown menus
http://www.smashingmagazine.com/2009/02/04/50-beautiful-and-user-friendly-navigation-menus/ 50 User-Friendly Nav Menus
http://www.htmldog.com/examples/ Scroll down to 'Lists' Tabs [1 throught 6] for other examples of nice tabbed menus
http://www.cssplay.co.uk/menus/ul-dropdown.html Unordered list dropdown
http://www.cssplay.co.uk/menus/snowstorm.html Multilevel dropdown/flyout
http://www.cssplay.co.uk/menus/anywidth.html Any-width dropdown/flyout
http://www.cssplay.co.uk/menus/dl-flyout.html Definition list flyout menu
http://www.cssplay.co.uk/menus/drop_definition4.html Dropdown definition list
http://www.cssplay.co.uk/menus/slide_definition.html Sliding Dropdown List Menu
http://www.cssplay.co.uk/menus/concertina-slide.html Concertina Menu
http://www.cssplay.co.uk/menus/magnifier_text.html Magnifier Text Menu
http://www.cssplay.co.uk/menus/flyoutt.html Cross-browser flyout
http://www.cssplay.co.uk/menus/flyout2.html Flyout Menu with three levels
http://www.cssplay.co.uk/menus/upmenu.html Up Menu
http://www.cssplay.co.uk/menus/flyout_horizontal.html Flyout with transparency
http://www.positioniseverything.net/css-dropdowns.html Dropdown and flyout menu
http://www.cssplay.co.uk/menus/dd_valid.html basic dropdown
http://www.cssplay.co.uk/menus/anywidth2.html any width dropdown
http://www.cssplay.co.uk/menus/anywidth-pullup.html pullup menu
http://www.cssplay.co.uk/menus/drop_definition2.html dropdown menu
http://www.cssplay.co.uk/menus/fisheye8.html fisheye image fisheye [image] menu
http://www.jampmark.com/html+css-techniques-demos/pure-css-fish-eye-menu -demo.html#expandDown Fish Eye Menu
http://www.cssplay.co.uk/menus/fisheye2.html fisheye text fisheye [text] menu
http://www.cssplay.co.uk/menus/new-dropdown.html#top1 Dropdown tabbed menu
http://www.cssplay.co.uk/menus/flyout5.html flyout
http://www.cssplay.co.uk/menus/ul-dropdown.html unordered list dropdown
http://www.cssplay.co.uk/menus/ul-dropdown.html Dropdown menu
http://www.cssplay.co.uk/menus/flyout2.html Flyout menu
http://www.cssplay.co.uk/menus/opaque_dl.html dropdown variable width with opacity
http://www.cssplay.co.uk/menus/flyout2.html dropdown flyout menu
http://meyerweb.com/eric/thoughts/2008/01/15/resetting- again/ Popular 'Reset' method, revised
http://www.ejeliot.com/blog/85 more on Resets
http://meiert.com/en/blog/20080419/reset-style-sheets- are-bad/ and, "Why Resets are Bad"
http://www.crucialwebhost.com/blog/master-stylesheet-the -most-useful-css- technique/ Another RESET, this one is easier
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
http://monc.se/kitchen/38/cascading-order-and- inheritance-in-css Inheritance, Cascade Specificity
http://reference.sitepoint.com/css/inheritancecascade Inheritance, Cascade Specificity
http://www.brainjar.com/css/using/default3.asps Inheritance, Cascade Specificity
'perfect' layouts Perfect/%/non-breaking layouts
'perfect' floats layout Adaptable floats
http://jontangerine.com/log/2007/09/the- incredible-em-and-elastic-layouts-with-css More on em-based layout
http://cssglobe.com/post/1468/pure-css-animated-progress-bar CSS/JS Progress Bar [be sure to load the js]
http://skunkworks.ivanvanderbyl.com/ CSS/JS Progress Bar [be sure to load the js]
http://nicolasgallagher.com/pure-css-speech-bubbles/ Speech Bubbles
http://nicolasgallagher.com/pure-css-speech-bubbles/demo/ Speech Bubbles Demo page
http://www.webmonkey.com/2011/03/adobe-unveils-wallaby-flash-to-html5-converter/ Adobe announces Flash-to-HTML5 Converter [works in webkit only...]
http://photoshpetiquette.com A Web Designer's approach to Photoshop