読者です 読者をやめる 読者になる 読者になる

daiizの自由帳

フレンチフライ トリュフ塩仕立て

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

作品 tech

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

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

つくってみた - griddles.js

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

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

追記