View Code →

Changelog (v3.0.1)

Navigation

About

MVCSSは構造を推測しやすく、かつメンテナンスしやすいアプリケーションのスタイルを作成するためのSassベースのCSSアーキテクチャです。

EnvyLabsでのフロントエンドの開発者として、我々は主に中〜大規模のRailsアプリケーションに関わっています。

これらのプロジェクトはどれも、通常のメンテナンスや開発イテレーションを通して、CSSがかなりの大きさになっています。

複雑さにもよるが、正しい方法があまりにも入り組んであれば、セットアップや既存のスタイルの変更が難しかったり、十分に行えなかったりします。

何かCSSを書くための別の方法はありますか?

我々は、OOCSSBEM、およびSMACSSのような裏付けのある方法論の大ファンであり、よくその教えを採用します。このちょっとしたアーキテクチャと添付のスタイルガイド/ ライブラリは、推奨されるプラクティスを1カ所にまとめてあります。

CSSのすべてがそろっているの?

CSSそれ自体を習得するのは簡単ですが、大規模なアプリケーションでメンテナンスしやすいように適用するのは難しい。 - だから、上記の方法論に人気があります。 MVCSSはスタイルを整理するためのそのような作法の1つであり、我々が採用した中で最も成功を収めたものです。

Sassを使う必要がありますか?

Sassはこのパラダイムを採用するために必要なものではないが、MVCSSのすべてのプロジェクトファイルはSassで書かれているので、絶対にSassを使うことをお勧めします.

構成の概要

MVCSS 3つの主要なセクションに分かれています:

  1. Application
  2. Core
  3. Modules