1. #styling-frameworks {
/* Nelson Wong */

2. .overview {
• Current issues
• Strategy
• LESS
• Bootstrap
• Implementation plan
• Issues

3. .current-issues {
• Legacy CSS techniques
• CSS3 support in browsers (prefixes)
• Duplicate, redundant code (Tii, Pd)
• Inconsistent styling
• Unorganized code
• No design pattern library

4. .strategy {
• Best CSS practices
• LESS
• Bootstrap
• Design patterns & style guide for common
components

5. .tii-panel {

6. .less {
• Extends CSS, compiles into CSS
• Makes writing and maintaining styles a breeze
• Faster development
• A lot less code
• Encourages structured and organized code
• Easy to learn and maintain
• Backwards compatible with CSS

7. .variables {

8. .mixins {

9. .nested-rules {

10. .functions.operations {

11. .now-vs-less {

12. .bootstrap {
• CSS Toolkit
• Customizable grid
• Nice base styles
• Basic javascript components (jQuery)
• Written in LESS
• Good documentation / style guide
• http://twitter.github.com/bootstrap/

13. .implementation-plan {
• FED support
• Compiling of LESS
• Isolate new stylesheet usage (Tii)
• Develop new stylesheet
• For new and existing components
• Existing HTML untouched
• Style guide / design pattern library

14. }