質問編集履歴

1 POSTCSS、NEXTCSSでも同じようにすればよいのでしょうか?

退会済みユーザー

退会済みユーザー

2016/06/12 18:23  投稿

FLOCSSについて教えてください。
・Componentとは、
CSS設計の教科書でいうとルールオブスリーが該当する場合に初めて検討するコンポーネント(オブジェクトともいう)
のことと考えてよいでしょうか?
つまり、WEBサイト上で何度も利用される部品のことでしょうか?
・Projectとは
プロジェクト固有のパターンでありとは、
プロジェクト固有とはサイト固有ということでしょうか?
Componentとの区別が難しいです。
Componentと、それに該当しない要素によって構成されるものとありますが、
ルールオブスリーに該当しない、再利用しない要素と、
ルールオブスリーが該当する場合に初めて検討するコンポーネント(オブジェクトともいう)と、再利用しない要素が一つのBEMでいうブロックに混在してしまっている、
ブロックがこれにあたるということでしょうか?
*Foundationから Utilityまでが下記各SCSSにすべて記載してあるということでよろしいでしょうか?
具体例があるとわかりやすいのですが、実際のサイトサンプルなどありませんでしょうか?
フォルダでダウンロードできるとわかりやすくて助かります?
すべてのページに下記すべてを読み込ますのか、SASS未経験者には想像がつきにくいです。
POSTCSS、NEXTCSSでも同じようにすればよいのでしょうか?  
├── foundation
│  ├── _base.scss
│  └── _reset.scss
├── layout
│  ├── _footer.scss
│  ├── _header.scss
│  ├── _main.scss
│  └── _sidebar.scss
└── object
   ├── component
   │  ├── _button.scss
   │  ├── _dialog.scss
   │  ├── _grid.scss
   │  └── _media.scss
   ├── project
   │  ├── _articles.scss
   │  ├── _comments.scss
   │  ├── _gallery.scss
   │  └── _profile.scss
   └── utility
       ├── _align.scss
       ├── _clearfix.scss
       ├── _margin.scss
       ├── _position.scss
       ├── _size.scss
       └── _text.scss
  • CSS3

    4755 questions

    CSS(Cascading Style Sheet)の第3版です。CSS3と略されることが多いです。色やデザインを柔軟に変更することが可能になります。

思考するエンジニアのためのQ&Aサイト「teratail」について詳しく知る