Methodologien

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

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.

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

“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?