リソース
ITCSS ("Inverted Triangle CSS") はrscss構造を補完するのに良い方法です
rsjs ("Reasonable Standard of JavaScript Structure") はベーシックなサイトでJavaScriptを構築するためのドキュメントです(WIP)
他のソリューション
BEM は良いですが、この不可解なシンタックスが嫌な人もいるかもしれません. RSCSS はBEMの規約にとても影響を受けていますが、異なるのはシンタックスのみです.
<!-- BEM -->
<form class='site-search site-search--full'>
<input class='site-search__field' type='text'>
<button class='site-search__button'></button>
</form>
<!-- rscss -->
<form class='site-search -full'>
<input class='field' type='text'>
<button class='button'></button>
</form>
用語集
同じような概念が他のCSS設計にも存在します.
RSCSS
BEM
SMACSS
Component
Block
Module
Element
Element
Sub-Component
Layout
?
Layout
Variant
Modifier
Sub-Module & State
Last updated
Was this helpful?