CSSファイルの細分化について。サイトの規模が大きくなるとCSSの記述も膨大になります。皆さんはどんな名称やルールでCSSファイルを細分化するのが最適だと思いますか?
less で作って、1つにまとめる。
asset pipelineで連結&圧縮
Sassでheader.scssとかfooter.scssとか個別で作った.scssファイルを@importしたものをコンパイルして、一つのcssファイルを作る
既に出てるけど、今ならLESS、Sassを使うのが良いと思う。最終的に1ファイルになるから、リクエストの回数も減るし。
ひょっとして、LESS/SASS使用時のファイル名やID・CLASS名のことを言ってるの?
>トピ主ですそうですね、言葉足らずで申し訳ないです。ID・CLASSの命名規則までは言いませんが、皆さんはどのぐらい細分化してから連結してるのかなと気になりまして。
小規模サイトであれば、こんな感じでどう?サイトの規模が多くなるに連れ、さらなる細分化が必要だと思うけど。
_reset.scss_variable.scss_functions.scss_layout.scss_ui.scsspages > _page1.scss _page2.scssscreen.scss
ありがとうございます。参考になります。
小規模ならLESS/SASSとか必要ないんだと思ってました…(汗) 今後は使った方がいいんでしょうか…
LESS/SASSは、管理が楽になるという部分もあるけど、CSSへのリクエストを1つにできるというメリットもある。1ファイルなら手動でgzipにしても手間はかからないから、レンタルサーバーでも、その分のサイトパフォーマンスの向上は期待できるよね。
小規模だろうが、SassでネストとかCompassも加えて提供されてるinclude使ったりとか自作mixinとか使って制作した方が早く作れるから管理うんぬんじゃなく良いと思うよ。Sassの方がただのcssよりコピペとか使いまわしとかしやすいしw
ガーン…知らずに過ごすところでした(汗) このトピのおかげで勉強になりました。感謝です!!
みんなの回答 6 件
less で作って、1つにまとめる。
asset pipelineで連結&圧縮
Sassでheader.scssとかfooter.scssとか個別で作った.scssファイルを@importしたものをコンパイルして、一つのcssファイルを作る
既に出てるけど、今ならLESS、Sassを使うのが良いと思う。最終的に1ファイルになるから、リクエストの回数も減るし。
ひょっとして、LESS/SASS使用時のファイル名やID・CLASS名のことを言ってるの?
小規模サイトであれば、こんな感じでどう?
サイトの規模が多くなるに連れ、さらなる細分化が必要だと思うけど。
_reset.scss
_variable.scss
_functions.scss
_layout.scss
_ui.scss
pages >
_page1.scss
_page2.scss
screen.scss
関連するトピックス