テーブルを見やすく、使いやすくするためのアルティメットガイド
ウェブページでデータをみせるテーブルを見やすく、使いやすくするためのスタイルや機能性などUIパターンを紹介したアルティメットガイドをJanko At Warp Speedから紹介します。 Ultimate guide to table UI patterns 下記は各ポイントを意訳したものです。 テーブルの「（エクセルでいうところの）行と列」の表記は、「横列と縦列」に統一しています。 はじめに 1. 列を交互にスタイリング 2. 列をフルに 3. テーブルのセクション 4. ソート 5. フィルタリング 6. ページネーション 7. スクロール 8. 固定されたヘッダ 9. ヘッダのないテーブル 10. 拡張可能な列 11. 列のアクション 12. マルチプルな列のアクション はじめに テーブルは構造化されたデータをみせるものです。そして、その目的はデータを読みやすくし、走査しやすく、簡単
第2回 Lightbox風プラグインでダイアログ表示（1） | gihyo.jp
はじめに 第2回はLightbox風に画像などを表示するプラグインと、一歩進んだ利用方法を紹介します。 LightBoxは、今や同一ページ内で画像などを上乗せした形で表示させる表現効果の総称となっており、Javascriptの定番ライブラリの一つとなっています。 図1 元祖Lightbox お薦めLightbox風プラグイン Lightbox風の表現を実現するJavascriptライブラリは実際に探してみると、非常に多くのものを見つけることができます。この中からjQueryのプラグインとして開発され、さらに特徴的な以下のプラグインを3点ピックアップし、今回と次回、2回にわたり解説します。 jQuery Fancyzoom jQuery Fancyzoomは画像表示に特化しており、拡大表示のアニメーションが非常に凝ったものとなっています。百聞は一見にしかずなので、あえてアニメーションの説明を
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
