こんなカードUIフレームワークが欲しかった
- JavaScript製
- レスポンシブデザインである
- ウィンドウの表示領域の横幅に合わせてカード(div要素)が自動でセンタリングされる
- デザインの設定が簡単
- カードの高さが表示するまでわからずバラバラでもキレイに並べられる
- カードがクリックされたときの動作も設定できる
- 主要ブラウザ互換性を保っている
- PCでもスマホでもタブレットでもしっかり表示できる
- Chrome Apps のUIでも使える
- 最近ハマっているmonaca(HTML5モバイルアプリ開発プラットフォーム)で開発しているアプリのUIとしても使いたい
つくってみた - griddles.js
実際にJavaScriptで書いてみました。簡単な使い方もGitHubのページでまとめてあります。
- ソースコード: View on GitHub
- デモページ: デモ
ご意見・ご感想・バグのご報告・機能追加のご要望などお待ちしています!
追記
- Playground: Griddles Playground