Web Design Notes

• Prevent floated content extending beyond main content. – How to prevent floated content, e.g. a sidebar, extending beyond the main content.
• Font sizing for accessibility and usability – How to set font size in CSS and maintain accessibility and usability.
• Why use web standards (e.g. CSS instead of tables)? – Resources that clearly explain the considerable benefits of adopting web standards (and using css instead of tables for design).
• (X)HTML validation with JavaScript – How to produce a valid (X)HTML document that contains JavaScript.
• Underscores in CSS identifiers – The reason why you should not use underscores in CSS identifiers, for reasons of backward compatibility.
• Security restriction with page refresh in a frame – How to overcome the security restriction present in some browsers that prevents you refreshing a frame if it contains an external page.
• Cross-browser Compatibility – A list of some issues faced when writing HTML, CSS or JavaScript for different browsers. Far from complete.
• XHTML Popup Link – How to open link in new window without using target attribute.
• Anchor target in embedded object – How to open links from an object-embedded page in the top-level window.
• CSS menu with images – How to create a nice looking menu by displaying images instead of the anchor text, using a stylesheet.
• Browsers' reserved keys – A list of characters that are reserved by browsers and hence should not be used for access keys.
• Accesskey standards – Some good advice about which access keys to use.
• Changing style with CSS according to markup position – Example of using the CSS adjacent sibling selector.

Also See

My web design and development links.