HTML5 Document Outline

Update (June 2012)

**Just a quick note that this is a small bit out of date. Stay tuned for updates.**

1. Isobar North America

2. Front-end Code Standards & Best Practices

3. Overview

4. General Guidelines 1. Pillars of Front-end Development 2. General Practices

   1. Indentation
   2. Readability vs Compression 3. Markup
   3. HTML5
   4. Template
   5. Doctype
   6. Character Encoding
   7. General Markup Guidelines
   8. Quoting Attributes 4. CSS
   9. General Coding Principles
   10. CSS Box Model
   11. CSS Validation
   12. CSS Formatting
   13. Alphabetize
   14. Classes vs. IDs
   15. Naming Conventions for Selectors
   16. Selectors
   17. Pseudo-classes
   18. Combinators & Attribute Selectors
   19. Specificity 1. Calculating specifity
   20. Pixels vs. Ems
   21. Internet Explorer Bugs
   22. Shorthand
   23. Images
   24. General Text and Font Styling
   25. Headings
   26. Links
   27. Web Typography
   28. @font-face 1. Bulletproof @font-face 2. Cross-Broswer Compatibility 3. Prevent Compatibility Mode 4. Tips for @font-face
   29. Google WebFonts API & Font Loader 1. Webfonts API
   30. Webfont Loader
   31. Cufon
   32. Typekit
   33. Scalable Inman Flash Replacement (sIFR)
   34. Font Licensing
   35. Specifications & Font File Formats 5. JavaScript
   36. JavaScript Libraries
   37. General Coding Principles
   38. White-space
   39. plugins.js and script.js 1. plugins.js 2. Script.js
   40. Variables, ID & Class
   41. Event Delegation
   42. Debugging
   43. Patterns for better JavaScript 6. Accessibility 7. Performance
   44. Optimize Delivery of CSS and JavaScript
   45. Optimize JavaScript execution
   46. Leverage CSS Sprites
   47. Image formats
   48. Caching
   49. Shard resources across domains
   50. Avoid IFRAMEs
   51. 3rd Party Integration
   52. Omniture
   53. Flash
   54. Cross-Browser Performance Strategy
   55. Create success metrics with the client
   56. Communicating the performance impact during design phase
   57. Develop according to best practices Measure performance during QA 8. Browser Testing and Support
   58. What we support
   59. How we test
   60. On Microsoft Windows 1. IE Testing 2. Firefox 3. Safari for the PC 4. Opera 5. Google Chrome and Chrome Versions
   61. On Mac OS X 1. Testing for Windows on a Mac 2. Mozilla Firefox
   62. Bugs in standalone IE versions
   63. Browser Resolution 9. Search Engine Optimization
   64. Be aware of SEO best practices
   65. Indexability
   66. Optimization
   67. Flash and Image Replacement
   68. Google's SEO Report Card 10. Code Reviews 11. Appendices
   69. Appendix A: Validators
   70. Appendix B: Tools
   71. Code Editors
   72. Google Chrome Extensions
   73. Firefox Plugins 1. Firefox Plugin Repository
   74. IE Plugins
   75. Charles Proxy
   76. Tutorials & Tools
   77. Icons
   78. Appendix C: Resources 12. Authors 13. Questions? 14. Revision History 15. Table of Contents

5. View the outline here: http://goo.gl/FWewB