Advanced Responsive Web Design Training

with Sass, Compass, and Singularity

Thanks for attending our class today. Compiled here, you'll find the slides, examples, and references.

Brought to you by Taylor Smith, Patrick Coffey, Sam Richard, Ian Carrico, and Chris Ruppel

References

Projects
- Sass
- Compass
- Bundler
- Singularity
- Singularity Extras
- Breakpoint
- Toolkit
Documentation
- Paul Irish: * { Box-sizing: Border-box } FTW
- John Albin Wilkins: Responsive Design’s Dirty Little Secret (or, "How exactly does Singularity's Isolation work, and why?")
- Singularity: Symmetric Grids
- Singularity: Asymmetric Grids
- Singularity: Output Styles: Float vs. Isolation
- Snugug: Bulletproof Combo Fixed and Fluid Grids with Css3 Calc
- CSS-Tricks: A Guide to Flexbox
Other Presentations
- Snugug: Responsive Grids
- TSmith: Introduction to Singularity

Resources

Example Snippets on SassMeister