Dashboards - 自由度の高いダッシュボードライブラリ
Webサービスや業務システムを通じて集められたデータを表示するのに必要なのがダッシュボードです。ダッシュボードは常に固定表示よりも、各自の使い方に合わせて情報の並び替えが求められます。 そんなUIを作成できるのがDashboardsです。ユーザが自由に画面要素を変更できます。 Dashboardsの使い方 最初の表示です。ダッシュボードを作成します。 色々なウィジェットを配置した例。 ドラッグ&ドロップで配置は変更できます。 変更しているところ。 ウィジェットは右側に並んでいます。 色の変更もできます。 全体の大きさも変更できます。 Dashboardsはウィジェット同士を重ねて表示することができ、多くのダッシュボードライブラリに比べて自由度が高くなっています。開発者としてはウィジェットさえ作成すれば、後は利用者が自由に配置を決めてくれるはずです。 DashboardsはJavaScrip
Ring UI - JetBrains製のUIコンポーネント集
Webアプリケーションを作る際に大事なのがUIです。Bootstrapのようなテーマもありますが、まだまだ足りない部品があることも多いでしょう。そうしたときに工夫すれば実装できるのか、または最初から用意されているのかで大きな違いがあります。 今回紹介するRing UIはJetBrains社製のUIフレームワークになります。 Ring UIの使い方 スクリーンショット多めで紹介します。まずはアラート。 ログイン。 アバター。 バッジ。 ボタン。 ボタングループ。 チェックボックス。 日付ピッカー。 エラーメッセージ。 フッター。 グリッド。 Markdown。 ページネーション。 タグリスト。 Ring UIでは他にも何十種類ものUIコンポーネントが公開されています。コンポーネントが多ければそれだけ実現できるUIが増え、全体の雰囲気も統一できます。雰囲気的には一般的なWebサイトはもちろん、
アニメーションするモダンなモーダルダイアログを汎用的につくれる「cta.js」:phpspot開発日誌
cta.js - Animate your 'action-to-effect' paths! アニメーションするモダンなモーダルダイアログを汎用的につくれる「cta.js」 既存のエレメントを特定のサイズに変形し、ダイアログなり、サイドバーなりに変形させてUIをつくれる面白いライブラリのご紹介です 活用すればモダンで美しいUIをWEB上で表現できそうです タイルをクリックすると全画面に広がるサンプル (2) ボタンを押すとlightbox風ダイアログに変形するサンプル (3) ボタンを押すとサイドバーがアニメーション付きで生成されるサンプル 関連エントリ 数値のみ入力させたい場合のUIを実現できる「numble」 アニメーション切り替えがカッコイイタブUI実装jQueryプラグイン「tabtab.js」 WEB、アプリにフリーで使えるクールなUIキット「EVENTRAY UI KIT」
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
