#daiizメモ

Scrapboxに夢中

JavaScript - カードUIフレームワーク的なものを作ってみた

こんなカードUIフレームワークが欲しかった

  • JavaScript
  • レスポンシブデザインである
  • ウィンドウの表示領域の横幅に合わせてカード(div要素)が自動でセンタリングされる
  • デザインの設定が簡単
  • カードの高さが表示するまでわからずバラバラでもキレイに並べられる
  • カードがクリックされたときの動作も設定できる
  • 主要ブラウザ互換性を保っている
  • PCでもスマホでもタブレットでもしっかり表示できる
  • Chrome Apps のUIでも使える
  • 最近ハマっているmonacaHTML5モバイルアプリ開発プラットフォーム)で開発しているアプリのUIとしても使いたい

つくってみた - griddles.js

実際にJavaScriptで書いてみました。簡単な使い方もGitHubのページでまとめてあります。

ご意見・ご感想・バグのご報告・機能追加のご要望などお待ちしています!

追記