Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Like A Ross! - Building The CustomInk.com Living Style Guide

F0b14b7dbae1e90259eb946d1c841a17?s=47 Ken Collins
September 11, 2014

Like A Ross! - Building The CustomInk.com Living Style Guide

We would like to share our thoughts and process behind CustomInk's new mobile-first responsive Sass framework. Be prepared for a lively group discussion and bring your a-game of questions as we talk about our process and technical building blocks for our new living style guide.

* Enacting Change with Living Style Guides
* Existing Framework or Building New
* Grid & Technology Choices

F0b14b7dbae1e90259eb946d1c841a17?s=128

Ken Collins

September 11, 2014
Tweet

Transcript

  1. Building The CustomInk Living Style Guide Like A Ross! 1

    Happy Clouds
  2. 2

  3. 3

  4. 4

  5. 5

  6. 6

  7. 7

  8. 8

  9. 9

  10. 10

  11. 11

  12. 12

  13. 13 IS AWESOME

  14. 14 Naming Things And Stuff & Things

  15. 15

  16. 16

  17. 17

  18. 18

  19. 19

  20. 20

  21. 21

  22. 22 SUIT vs. BEM

  23. 23

  24. 24

  25. 25 Single Class vs. Multi Class

  26. 26 (r)ems vs. pixels

  27. 27 theory vs. reality

  28. 28 v3.3 Maps & At Root

  29. 29 Away From Compass

  30. 30 Customizable Grids

  31. 31 There is no grid!

  32. 32 Simple Media Queries w/Sass

  33. 33 @import “style_bitz”;

  34. 34 @import “style_bitz/style_bitz”;

  35. 35 Bravery Test Big Tree Time!

  36. 36 Make Change Native Tools for Ownership

  37. 37

  38. 38

  39. 39

  40. 40

  41. 41 Make Change Visible Behavior is Contagious

  42. 42

  43. 43

  44. 44

  45. 45

  46. 46

  47. 47

  48. 48

  49. 49 @CustomInkTech

  50. 50

  51. 51 Unit Testing Sass Frameworks With Ruby Here-Doc Strings

  52. 52 SUIT CSS Loves Refactoring Easily Share UI Components

  53. 53 Pseudo Generated UIs For The Children

  54. 54 Living Style Guides On Rails Meta-Mounted Engines

  55. 55 Putting Sass Into Your SUIT Easy Performant Selectors

  56. 56 @MetaSkills

  57. @inLehmans_Terms 57

  58. @extend %your-skills; THANK YOU! 58