Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

State of the Sass - The Mixin

1,123 views

Published on

Latest news from the Sass community. Quick talk given at http://themixinsf.com/ on November 4th, 2015.

Links:

[Book] @benfrain's new book, "Enduring CSS": https://leanpub.com/enduringcss
[Talk] @glenmaddern's talk about CSS Modules: https://youtu.be/aIyhhHTmsXE
[Blog post] "CSS Modules": http://glenmaddern.com/articles/css-modules
[Talk] @xzyfer's talk about LibSass: https://youtu.be/sijmNe9Yp5Q
[Project] Sass.js: https://github.com/medialize/sass.js
[Project] SassLint, by @snugug: https://github.com/sasstools/sass-lint
[Project] True 2.0 (Unit Testing for Sass) by @ericam: http://www.miriamsuzanne.com/true/
[Project] SassDash (lodash for Sass, by @davidkpiano): https://github.com/davidkpiano/sassdash
[Project] Eyeglass (npm modules for Sass, by @chriseppstein): https://github.com/sass-eyeglass/eyeglass

Published in: Software

State of the Sass - The Mixin

  1. 1. State of the November 4th, 2015 The Mixin
  2. 2. @kaelig http://bit.ly/mixin112015
  3. 3. https://leanpub.com/enduringcss
  4. 4. http://glenmaddern.com/articles/css-modules
  5. 5. https://youtu.be/aIyhhHTmsXE
  6. 6. https://youtu.be/aIyhhHTmsXE
  7. 7. This thinking will impact Sass and CSS at scale
  8. 8. https://youtu.be/sijmNe9Yp5Q
  9. 9. https://youtu.be/sijmNe9Yp5Q
  10. 10. Challenge accepted!
 — Sebastian Golasch, Rodney Rehm
  11. 11. + = .
  12. 12. Launched in Jan 2014
 Runs libsass 3.3.1 since last week A fair warning: minified it's 2.6MB, gzipped it's 570KB. node-sass is about 20 times faster than Sass.js https://github.com/medialize/sass.js Sass.js
  13. 13. http://medialize.github.io/playground.sass.js/
  14. 14. True 2.0 Unit testing for Sass http://www.miriamsuzanne.com/true/ https://github.com/ericam/true By @ericam
  15. 15. Testing a function
  16. 16. Testing a mixin
  17. 17. Sass-Lint SCSS-Lint for Node https://github.com/sasstools/sass-lint By @snugug & Al.
  18. 18. https://github.com/davidkpiano/sassdash lodash for Sass
  19. 19. $foo: _sort(3 1 4 2 6 5 8 7 9); // => 1 2 3 4 5 6 7 8 9 $foo: _sort(3 1 4 2 6 5 8 7 9, 'desc'); // => 9 8 7 6 5 4 3 2 1 $users: ( ( 'user': 'barney', 'age': 36 ), ( 'user': 'fred', 'age': 40 ) ); $foo: _pluck($users, 'user'); // => ('barney', 'fred') $user-index: _index-by($users, 'user'); $foo: _pluck($user-index, 'age'); // => (36, 40)
  20. 20. Old but new news
  21. 21. Chris Epptsein @chriseppstein
 Developer at LinkedIn
  22. 22. NPM modules for Sass npm install eyeglass npm install my_eyeglass_module @import "<my_eyeglass_module>"; Modules can add additional custom functions to Sass that are written in JavaScript.
  23. 23. Modules can add additional custom functions to Sass that are written in JavaScript.
  24. 24. https://www.npmjs.com/browse/keyword/eyeglass-module
  25. 25. @kaelig http://bit.ly/mixin112015

×