SCSS code_html/css_WEB-ITnose を記述するときに従うべき原則

KISS – Keep It Simple Stupid

「あなたのコードを保守することになるのは、あなたの居場所を知っている暴力的なサイコパスであるかのように常にコードを作成してください。」 – Martin Golding

生意気なことはシンプルにしてください。過度に抽象的であり、単純な関数を実装するために複雑な構文を使用しないでください。実際には、css ファイルは複雑である必要はありません。プリコンパイルでは、注意しないと非常に多くのレベルと複雑なセレクターが生成されてしまいます。誤用された関数もあり、重複部分はすべて抽象化されています。

正しいアプローチは、論理的に関連するスタイルをマージすることです。継承は、セマンティック継承関係があるスタイルにのみ使用されます。関連するコードを何百行にもわたって分散させないでください。

DRY – 繰り返しはしないでください

scss 変数、extend、mixin はこのためにのみ使用されます。ミックスインは重複したコードを生成しますが、単一ソースの原則に従っています。 DRY は繰り返さないということではありませんが、ソースが 1 つだけであることを保証するために、ソース コードは 1 か所にのみ表示され、1 つの変更はすべての CSS ファイルに自動的に同期されます。 CSS では、マシンによって自動的にコピーされた繰り返しは DRY 原則に違反しません。

参考文献:

真実の単一情報源 https://en.wikipedia.org/wiki/Single_source_of_truth

DRY 繰り返さない https://en.wikipedia.org/wiki/Don%27t_repeat_yourself

KISS https://en.wikipedia.org/wiki/KISS_principle

これらの用語を学ぶことに何の意味がありますか?これらの簡潔な単語には、一般に受け入れられている意味があります。他の人とコミュニケーションをとるとき、この言葉を口に出すと、相手が何を話しているのかが理解できます。慣用句と同じように、コミュニケーションを促進します。