テーブルを見やすく、使いやすくするためのアルティメットガイド

ウェブページでデータをみせるテーブルを見やすく、使いやすくするためのスタイルや機能性などUIパターンを紹介したアルティメットガイドをJanko At Warp Speedから紹介します。 Ultimate guide to table UI patterns 下記は各ポイントを意訳したものです。 テーブルの「（エクセルでいうところの）行と列」の表記は、「横列と縦列」に統一しています。 はじめに 1. 列を交互にスタイリング 2. 列をフルに 3. テーブルのセクション 4. ソート 5. フィルタリング 6. ページネーション 7. スクロール 8. 固定されたヘッダ 9. ヘッダのないテーブル 10. 拡張可能な列 11. 列のアクション 12. マルチプルな列のアクション はじめに テーブルは構造化されたデータをみせるものです。そして、その目的はデータを読みやすくし、走査しやすく、簡単

[shayash]

参考にしてみます。

[massava]

テーブル

[bigchu]

: table

[gotoworks510]

更に究極を！テーブルを見やすく使いやすくするためのあるてぃめっとがいど！今日は究極のブックマークが多い日だな。

[apple2tea]

テーブルを見やすく、使いやすくするためのアルティメットガイド

[nbhama]

デザイン

[sbtqe]

テーブルデザイン

[gentlekoop]

テーブル見せ方

[o_hiroyuki]

テーブルデザイン資料

[ikari77]

www　デザイン　テーブル　css

[devillikeaangel]

webのテーブルを作る際のノウハウ

[seinn]

あとで読む

[sase]

テーブルを使用するときのアイディアソース

[kaiton]

テーブルを見やすく、なかなか思いつかないのでブクマ

[hazratt]

セルの結合を含む複雑なテーブルの正確な組み方が知りたい

[noburin2007s]

テーブルを見やすくするための究極ガイド

[luee924]

テーブル

[globalwe6]

アルティメットだけあって参考になる　RT　テーブルを見やすく、使いやすくするためのアルティメットガイド | コリス

[ShiMa]

テーブルを使ったデザイン方法

[site159]

テーブルデザイン参考

[adsty]

テーブルのデザインにおけるスタイルや機能性等。

[kuracom]

表は使う機会が多いのでとても参考になる

[hrd3ayuko]

機能的で美しいテーブルデザイン

[SnowSwallow]

フィルタのJavaスクリプトは探してみよっと。

[yuenana]

テーブルをコーディングするときの参考にどうかと。

[m3note]

テーブルを見やすく、使いやすくするためのアルティメットガイド |

[xiuxing]

テーブルを使ったデザイン参考

[yanbow]

html

[munta]

一般常識的なことだけどふとしたときにみたくなるので

[sw_lucchini]

テーブルレイアウトで気を付けるべき点