Home

This wiki is a guide to various systems, terms, and techniques as used across trainings and talks I give. The topics herein range from beginner to advanced, with supporting links where appropriate. If you plan on coming to a training or talk that I am giving, please make sure you're familiarized with the concepts presented. If you have taken or been to a training or talk I give, this is a good resource to follow up with as a reminder of some of the things that were used. In its whole, it provides a roadmap for modern web development best parctices.

Sass+Compass

• Sass
  • Nesting
    • Selector Referencing
    • Media Query Bubbling
  • Variables
    • Lists
    • Interpolation
  • Selector Inheritance
  • Functions
  • Mixins
  • Control Directives
    • @if, @else if, @else
    • @for
    • @each
    • @while
• Compass
  • Setting Up Compass
    • Creating a Compass Project
    • Config.rb
    • Compiling with Compass
    • Using Compass Functions and Mixins
  • CSS3 Mixins
    • Can I Use
    • Gradients
  • Images
    • Image URL and Inline Images
    • Image Dimensions
    • Image Replacement
    • Image Sprites
    • Image Sprite States
  • Extensions

Responsive Web Design

• Responsive Web Design
  • Mobile First
  • Device Agnostic
  • Progressive Enhancement
    • User Agent Sniffing
    • Can I Use
    • Modernizr (Feature Detection)
      • CSS API
      • JavaScript API
      • Modernizr.load()
    • Polyfills
  • Viewport
    • Viewport Meta Tag
    • Viewport Directive
  • Media Queries
  • Breakpoints
  • Box Model
  • Grids
    • Symmetric Grids
    • Asymmetric Grids
    • Semantic Grids
  • Flexible Media
    • Responsive Images
    • Intrinsic Ratios

Contributors

The following people have contributed to this Wiki:

• Sam Richard
• Chris Eppstein
• lolmaus