2. Agenda
• State of the web in the Courts
• HTML & CSS best practices
• The markup
• My design process
• Tools & Resources
2
3. State of the web in the Courts
• Very little emphasis in standards and
design in general (Windows & Web)
• Little to no emphasis on usability and
accessibility
(Section 508 & Plain Language Bill)
• Lack of best practices
3
4. <html /> best practices
• Use lower case when naming your html elements
• Use DIVs to divide your layout
• Use ALT attributes with images
• Separate content from presentation (no inline
styling)
• Use well structured code (will demo)
• Use proper semantic (will demo)
• Use heading elements wisely (h1, h2, h3, etc)
4
5. #css { } best practices
• Use lower case when writing your css
• Use shorthand as much as possible
• Keep an organized hierarchy when
composing your css (top to bottom)
• Always use a reset.css file
• Order your css files properly
• Use conditional css files when possible
<!--[if IE 7]>
<link rel="stylesheet" href="css/ie-7.css" media="all"><![endif]-->
5
13. Books
• Designing with Web Standards
by Jeffrey Zeldman (3rd edition)
• HTML5 for Web Designers
Jeremy Keith
• CSS3 for Web Designers
Dan Cederholm
• Handcrafted CSS
Dan Cederhols & Ethan Marcotte
13