Welcome to the Treehouse Community
Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.
Looking to learn something new?
Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.
Start your free trial
Thomas Ireland
Courses Plus Student 8,216 PointsAnyone interested in BEM, OOCSS or SMACSS?
I've posted a question to support as a project suggestion. I would love to see something on BEM, OOCSS or SMACSS.
I recently read a book called SMACSS (Scalable and Modular Architecture for CSS) by a chap called Jonathan Snook. In a nutshell, Jonathan talks about how best to structure code for large scale projects that works equally well for smaller sites, too. It's about learning how to make sites more scalable and maintainable.
Harry Roberts (@csswizardy) wrote a Sass-based framework called Inuit CSS, that really encapsulates BEM, OOCSS (check out Nicole Sullivan) and SMACSS. I used it on a project a few months ago and was amazed at how easy it was to update my components without spending hours refactoring. Harry really focusses on taking the specificity out of writing CSS to make it more maintainable and scalable.
I would like to suggest a Treehouse project touching on the fundamentals behind BEM, OOCSS and SMACSS, with some examples as I strongly believe that it would really benefit a lot of people.
Tom
5 Answers
Paul Graham
1,396 PointsI use BEM all the time, it's awesome for web development because it makes it super easy to understand where code would be located at a quick glance. My own CSS framework is heavily influenced by Inuit and the Yandex work.
xiaowei zhu
Courses Plus Student 1,425 Pointsi rencently learn and use smacss. but very confuse about module. how big should i define a module?should i think a form as a module? Do you have any suggestion or good examples about smacss?
rosinapissaco
13,401 PointsHello, I am reading SMACSS (Scalable and Modular Architecture for CSS) by a chap called Jonathan Snook too.
rosinapissaco
13,401 PointsI was reading about oocss here http://www.smashingmagazine.com/2011/12/12/an-introduction-to-object-oriented-css-oocss/ and it looks too complex. More info here http://appendto.com/2014/04/oocss/ http://www.slideshare.net/stubbornella/object-oriented-css
SMACSS is easy to understand for me. Great SMACSS intro here: http://www.slideshare.net/maxdesign/css-oocss-and-smacss?related=1
rosinapissaco
13,401 PointsWhich one do you think works best with Bootstrap and WordPress ?
Thomas Ireland
Courses Plus Student 8,216 PointsThomas Ireland
Courses Plus Student 8,216 PointsWhat's your framework, Paul? Is it on GitHub?
Paul Graham
1,396 PointsPaul Graham
1,396 PointsNo because I don't think it's generally useful. I might throw some of it up though over the holiday
Thomas Ireland
Courses Plus Student 8,216 PointsThomas Ireland
Courses Plus Student 8,216 PointsNo worries, bud. Have a good Thanksgiving tomorrow!