Smarter Grids with Sass and Susy
1 like1,518 views
The document discusses the Susy framework, highlighting its advantages such as ease of learning, reduced need for multiple HTML classes, and its non-opinionated nature. It provides links to resources for installation and examples of its usage. Susy is positioned as a flexible tool for grid design in web development.
Smarter Grids with Sass and Susy
- 1. SMARTER GRIDS WITH SASS AND SUSY
- 5. “I LIKE THE IDEA OF GRIDS ON DEMAND, RATHER THAN A STRICT FRAMEWORK.” Chris Coyier
- 7. SUSY IS A FRAMEWORK not an opinionated
- 8. ADVANTAGES
- 9. 1 (Relatively) easy to learn.
- 10. 2 No need to add multiple classes to your HTML.
- 11. 2 No need to add multiple classes to your HTML.
- 12. 3 Not an opinionated framework.
- 13. 4 Use as much or as little as you like.
- 14. “SUSY SOUNDS LIKE THE BEST THING EVER! HOW DO I GET STARTED?”
- 15. http://compass-style.org $ gem install susyTerminal require 'susy'config.rb @import "susy";screen.scss
- 18. HTML
- 19. SCSS
- 21. SCSS
- 24. SCSS
- 27. SCSS
- 30. SCSS
- 33. SCSS
- 34. SCSS
- 35. SCSS
- 36. SCSS
- 37. SCSS
- 39. THANK YOU Susy website http://susy.oddbird.net Zell Liew http://www.zell-weekeat.com SitePoint http://www.sitepoint.com/sass-grids-neat-susy Codepen http://codepen.io/collection/DExeJL/ @mbarker_84