SassTO – A closer look at SMOOCHY!

Tonight at SassTO front-end engineer Matt Rose and I will be talking about the Carpages front-end framework Gemini, and its SMOOCHY methodology (Scalable, Modular, Object Oriented CSS Hybrid, Yo). Here are some links and the slides!

Key Takeaways

• SMOOCHY means writing less CSS
• A SMOOCHY Framework makes code more maintainable, collaborative, and recyclable
• SMOOCHY makes CSS leaner (performance!)
• Using a Framework means less QA, and bugs
• SMOOCHY Framework increases dev speed
• Documentation is great
• Enables you to hire junior developers

…and your homework will be to figure out if you’re going to make your own framework from scratch or if you’ll fork something like Gemini.

Links

• Slides: https://docs.google.com/presentation/d/1gVMMeY0sxmEJxwRS8sc0o0c-Iy3nBE5EbGhRiiWf2Ks/pub?start=false&loop=false&delayms=3000&slide=id.p
• Gemini Framework: https://github.com/carpages
• Example OOCSS Abstractions:
  http://csswizardry.com/2011/09/the-nav-abstraction/ and
  http://www.stubbornella.org/content/2010/06/25/the-media-object-saves-hundreds-of-lines-of-code/
• SMACSS: https://smacss.com/
• Inuit CSS:
  v4: https://github.com/csswizardry/inuit.css/
  v5: https://github.com/inuitcss
• BEM explained: http://csswizardry.com/2013/01/mindbemding-getting-your-head-round-bem-syntax/
• ITCSS: https://www.youtube.com/watch?v=1OKZOV-iLj4
• Atomic Design: http://bradfrost.com/blog/post/atomic-web-design/
• Pattern Lab: http://patternlab.io/
• CSS Specificity in Star Wars terms: https://stuffandnonsense.co.uk/archives/images/specificitywars-05v2.jpg
• Matt’s GitHub https://github.com/mattdrose

And did I mention that Carpages is hiring?!  🙂

jobs.carpages.ca

Categorized in: Elsewhere

This post was written by ArleyM