Una shares with us various CSS methodologies in creating Atomic OOBEMITSCSS

We’re big fans of functional programming at Wealthfront. Emphasizing immutability and functional style means fewer “surprises” because side-effects are limited or nonexistent. We can quickly build up large systems from discrete, focused components by way of composition. Applying such principles is straight forward in most languages, even if they’re not functional by definition, but the... Read more

Using Pattern Lab and BEM on a project I stumbled upon a great way of structuring CSS, better naming, and better a developer experience.

It's fun writing beautifully architected CSS components, but the fact is, I won't always be there, and in the monolith model, the team will never stop writing CSS. Functional CSS is the idea that instead of writing big, monolith components in my CSS, I write small, single property, immutable classes that can be assembled into a larger component in HTML.

“I have preached BEM, and I think it's a good solution to a lot of CSS semantic issues. But I think having a well documented naming scheme is more important than having a perfect one, and being dogmatic doesn't help anyone.”

Whether you’ve just discovered BEM or are an old hand (in web terms anyway!), you probably appreciate what a useful methodology it is. If you don’t know what BEM is, I suggest you read about it on the BEM website before continuing with this post, because I’ll be using terms that assume a basic understanding of this CSS methodology.

A few months ago we had the opportunity to create a new product from scratch at YPlan and we wanted to do it in the right way. Our aim was…

Tim Baxter’s recent A List Apart article, Meaningful CSS: Style Like You Mean It, has once again re-ignited the debate that front-end…

Adding further meaning and information to the BEM naming convention

Before the refactor, my CSS weighed 111kb. After the refactor, it weighed 27kb.

The focus was on improving our Front End skills through a two-day workshop, but the experience gave us more than a bunch of technical skills and knowledge. Writing CSS is very simple.

“Object-oriented CSS” is the idea of treating page elements as objects, giving all these objects classes, treating objects’ classes as single entities in style sheets, and taking it from there. I reviewed the old OOCSS site and Smashing Magazine’s introduction.

BEM — Block Element Modifier is a methodology, that helps you to achieve reusable components and code sharing in the front-end.

CSS methodologies help you create maintainable/scalable stylesheets. Also, following a set of guidelines/best practices for your projects has many benefits.

Principles for writing consistent, clean, friendly Sass - anthonyshort/idiomatic-sass

Principles of writing consistent, idiomatic CSS. Contribute to necolas/idiomatic-css development by creating an account on GitHub.

Patrick contacted a number of developers who have used BEM and SMACSS in their projects, and collected their thoughts on how they can be used effectively.

Where exactly do utility classes fit in to a scalable CSS system? Why, when, and how should they be used?

Named Cascading Style Sheets is a naming convention and guideline for semantic CSS - redaxmedia/ncss-documentation

I’m a designer at Sentry and a writer at CSS-Tricks.

Satheesh Kumar introduces a new architecture, inspired by a number of different tools and methodologies, for helping with building large applications.

Front-end development is no longer about individual frameworks. Tools are available — we merely have to choose. To make the right choices for your project, you need to start with a general approach, or methodology. But most methodologies have been created by big companies? Are they still useful for small companies, or do we need to reinvent them at a small scale?