テーブルを見やすく、使いやすくするためのアルティメットガイド
ウェブページでデータをみせるテーブルを見やすく、使いやすくするためのスタイルや機能性などUIパターンを紹介したアルティメットガイドをJanko At Warp Speedから紹介します。 Ultimate guide to table UI patterns 下記は各ポイントを意訳したものです。 テーブルの「（エクセルでいうところの）行と列」の表記は、「横列と縦列」に統一しています。 はじめに 1. 列を交互にスタイリング 2. 列をフルに 3. テーブルのセクション 4. ソート 5. フィルタリング 6. ページネーション 7. スクロール 8. 固定されたヘッダ 9. ヘッダのないテーブル 10. 拡張可能な列 11. 列のアクション 12. マルチプルな列のアクション はじめに テーブルは構造化されたデータをみせるものです。そして、その目的はデータを読みやすくし、走査しやすく、簡単
data2html
data2html はCSVやTAB区切りのデータから HTML で表を作ってくれるソフトウェアです。 データを瞬時にホームページにすることができます。 目 次 １．機能概要 ２．画面の説明 画面の名称 ３．操作方法 A． CSV形式のファイルから表を作る B． TAB区切り形式のファイルから表を作る C． CSV形式のデータをインポートして表を作る D． TAB区切り形式のデータをインポートして表を作る E． 書式を設定する F． フォントを指定する G． 制作したHTMLコードを保存する ４．障害対策 ・ ファイル拡張子の問題 ・ Unicode対応 ５．サポート ・ サポート窓口 ・ 動作環境 ・ Weｂサイトの表示について ・ 著作権および責任の制限 １．機能概要 「data2html」はCSV形式およびタブ区切り形式のデータから、HTMLコードで表を作ります。 入力方法はファイ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
[CSS]スタイルシートで実装するテーブルのデザインパターンとそのポイント | コリス
