MindBEMding – getting your head ’round BEM syntax One of the questions I get asked most frequently is what do -- and __ mean in your classes? The answer is thanks to BEM and Nicolas Gallagher… BEM – meaning block, element, modifier – is a front-end naming methodology thought up by the guys at Yandex. More Transparent UI Code with Namespaces When we work at scale, we often find that we spend a large amount of our time reading, maintaining, and refactoring existing code, rather than writing and adding new features. This is the reason we focus so much on things like architectures, naming conventions, methodologies, preprocessors, scalability, etc.: because writing CSS is easy; looking after it is not. What we want is to be able to write code that is as transparent and self-documenting as possible. Transparency means that it is clear and obvious (to others) in its intent; self-documenting means that we don’t have to lose time to writing and reading lengthy, supplementary documentation.
20 Impressive CSS3 Techniques, Libraries and Examples Danny Markov In this list we’ve gathered for you some of the best sources of CSS goodness. We’ve chosen some amazing demos from various artists that come to prove that nowadays everything is possible with CSS. We’ve also included articles that depict the awesome new features of CSS3 and a few helpful libraries full of CSS tricks. Toolkit — Susy 2.2.12 documentation The Susy 2.0 toolkit is built around our shorthand syntax. Use the shorthand to control every detail, and adjust your defaults on-the-fly, so you are never tied down to just one grid, or just one output style. Span [mixin]¶ Naming CSS Stuff Is Really Hard This isn't quite a post about CSS architecture. This isn't really a post about naming conventions, either. Instead, let's talk about what we're calling elements. The names themselves. The things we use to link blocks of styles to the elements they're associated with. 9 out of 10 developers agree: naming things is by far the most difficult part of writing CSS.