2016年4月11日 星期一

Understanding CSS Writing Methodologies

oocss

Editor’s word: This text is a part of our Code Optimization series, the place we check out the way to optimize coding for higher effectivity in a bid to be higher coders.

On this publish we will see what CSS writing methodologies are, some well-known methodologies, and the way they are often helpful to us in optimizing our CSS code. Let’s begin with the only query to get the ball rolling. What’s a strategy?

A strategy is a system of strategies. Consider a way as merely a approach of doing one thing in a scientific method, in a sure preset means of doing issues to realize the end result we would like.

To get higher outcomes, we enhance our strategies by planning them higher, altering up the order, simplifying steps – no matter that works quicker and is extra environment friendly.

CSS Methodology

Now let’s speak about CSS methodology. Identical to with nearly every part in life, we have a way of writing CSS too: some write reset CSS first, some place format types final, some begin with two to 3 courses for styling a component, some write all of the CSS codes in a single file.

Our most popular strategies have both been established on our personal over time or influenced by others or required in our office or on account of all the above. However over time, CSS veterans have formulated methodologies to put in writing CSS which are extra versatile, outlined, reusable, understandable and manageable.

We will take a look at these formulated methodologies, which can embrace:

  1. OOCSS (Object Oriented CSS)
  2. BEM (Block, Component, Modifier)
  3. ACSS (Atomic CSS)
  4. SMACSS (Scalable and Modular Structure for CSS)

Notice: Not one of the ideas talked about under must be confused with any framework, library or device which will have the identical identify and idea as

The post Understanding CSS Writing Methodologies appeared first on DICKLEUNG DESIGN GROUP.

沒有留言: