ITエンジニア/デザイナ向けにオープンソースを毎日紹介

最近はReact、Vue.jsなど仮想DOMを使ったビューライブラリが人気です。しかし、JavaScript内にHTML情報を埋め込むのでデザイナーの方にとってはちょっと辛いところがありそうです。

そこで使ってみたいのがCJSSです。上記ライブラリとは逆で、CSSにHTMLなどの情報を埋め込んでしまうという、すごいライブラリです。

CJSSの使い方

サンプルです。見ると分かりますが、HTMLには一切記述がありません。その代わり、CSSにHTMLが書かれています。

リストの表示もCSS内に書かれているのが分かります。

CJSSはCSSだけでクリック時に表示を変えるといった情報まで書き込まれます。

--html
という専用のプロパティを使ってHTML情報を記述しています。もちろんCSSにはスタイル情報も書き込まれています。恐ろしいライブラリです。

CJSSはCSS3/JavaScript製のオープンソース・ソフトウェア(MIT License)です。

CJSS

cjss-group/CJSS: A CSS based web framework

 

MOONGIFTの関連記事

コメント

  • DevRel
  • Com2