CJSS - CSSベースのWebビューフレームワーク
最近はReact、Vue.jsなど仮想DOMを使ったビューライブラリが人気です。しかし、JavaScript内にHTML情報を埋め込むのでデザイナーの方にとってはちょっと辛いところがありそうです。 そこで使ってみたいのがCJSSです。上記ライブラリとは逆で、CSSにHTMLなどの情報を埋め込んでしまうという、すごいライブラリです。
CJSSの使い方
サンプルです。見ると分かりますが、HTMLには一切記述がありません。その代わり、CSSにHTMLが書かれています。
リストの表示もCSS内に書かれているのが分かります。
CJSSはCSSだけでクリック時に表示を変えるといった情報まで書き込まれます。 --html
という専用のプロパティを使ってHTML情報を記述しています。もちろんCSSにはスタイル情報も書き込まれています。恐ろしいライブラリです。
CJSSはCSS3/JavaScript製のオープンソース・ソフトウェア(MIT License)です。