ウェブページでデータをみせるテーブルを見やすく、使いやすくするためのスタイルや機能性などUIパターンを紹介したアルティメットガイドをJanko At Warp Speedから紹介します。 Ultimate guide to table UI patterns 下記は各ポイントを意訳したものです。 テーブルの「（エクセルでいうところの）行と列」の表記は、「横列と縦列」に統一しています。 はじめに 1. 列を交互にスタイリング 2. 列をフルに 3. テーブルのセクション 4. ソート 5. フィルタリング 6. ページネーション 7. スクロール 8. 固定されたヘッダ 9. ヘッダのないテーブル 10. 拡張可能な列 11. 列のアクション 12. マルチプルな列のアクション はじめに テーブルは構造化されたデータをみせるものです。そして、その目的はデータを読みやすくし、走査しやすく、簡単
タグ
- すべて
- ネタ (15)
- ( ﾟдﾟ) (12)
- .net (10)
- 2ch (69)
- AI (2)
- ATOK (6)
- AV (11)
- After Effects (2)
- Android (31)
- Apple (13)
- Bitcoin (3)
- C75 (2)
- C94 (8)
- COVID-19 (4)
- CSV (3)
- ChatGPT (4)
- DIY (2)
- EC (6)
- ECサイト (4)
- Facebook (5)
- ICT (2)
- IIS (2)
- IoT (3)
- Linux (41)
- Microsoft (7)
- Nginx (2)
- Nikon (2)
- PSP (2)
- UX (2)
- Vegas (2)
- Web標準 (2)
- XML (2)
- actionscript (4)
- adobe (7)
- amazon (4)
- apache (7)
- aws (4)
- backup (2)
- blog (4)
- chrome (2)
- cms (5)
- css (73)
- docker (4)
- dtm (6)
- eclipse (2)
- excel (9)
- ffmpeg (3)
- firefox (7)
- firefox拡張 (9)
- flash (18)
- flutter (4)
- flv (4)
- git (6)
- goods (4)
- google (39)
- html (16)
- html5 (4)
- iOS (4)
- iPhone開発 (2)
- illustrator (6)
- iphone (9)
- ipod (5)
- javascript (53)
- jquery (17)
- lamp (2)
- lifehacks (16)
- mac (44)
- mixi (2)
- movabletype (2)
- mysql (5)
- nhk (4)
- node.js (3)
- os (14)
- pc (20)
- pdf (9)
- perl (3)
- photoshop (13)
- php (18)
- ps3 (10)
- python (2)
- ruby (14)
- seo (30)
- spam (3)
- ssh (2)
- tips (138)
- tutorial (2)
- twitter (17)
- ubuntu (2)
- ui (21)
- vue (3)
- web (16)
- websocket (2)
- webサイト (2)
- webサイト運営 (4)
- webサービス (62)
- webデザイン (168)
- web制作 (149)
- web漫画 (3)
- web素材 (6)
- web開発 (16)
- wiki (5)
- wikipedia (3)
- windows (42)
- wordpress (17)
- xss (3)
- youtube (5)
- あとで (2)
- あとで作る (23)
- あとで行く (64)
- あとで試す (14)
- あとで読む (62)
- あとで買う (2)
- あとで食べる (87)
- あらあらうふふ (5)
- いいぞもっとやれ (9)
- いい話 (4)
- いじめ (2)
- いずれ (4)
- うんちく (7)
- おっぱい (2)
- お前が言うな (10)
- お前は俺か (9)
- お役立ち (19)
- けしからん (7)
- これはすごい (55)
- これはひどい (137)
- これはエロい (4)
- これは便利 (2)
- ごらんの有様だよ (2)
- そのうち (6)
- その発想はなかった (2)
- ちょいエロ (2)
- どうしてこうなった (8)
- なにそれこわい (3)
- なんだかなぁ (2)
- ぬこ (3)
- はてな (21)
- はてブ (4)
- ひろゆき (2)
- まとめ (219)
- やる夫 (9)
- アイコン (22)
- アイデア (7)
- アクセシビリティ (2)
- アクセス解析 (5)
- アサヒる (3)
- アニメ (114)
- アメリカ (6)
- アルゴリズム (3)
- アート (3)
- イベント (5)
- インタビュー (5)
- インターネット (16)
- インターフェイス (4)
- ウヨサヨ (5)
- エイプリルフール (2)
- エネルギー (11)
- エロ (7)
- エンコード (2)
- オカルト (3)
- オタク (26)
- オーディオ (5)
- オープンソース (18)
- カメラ (14)
- ガジェット (4)
- キャンペーン (6)
- クリップアート (2)
- グルメ (128)
- ケータイ (11)
- ゲーム (113)
- コスプレ (3)
- コミュニケーション (71)
- コンサルティング (2)
- コーディング (8)
- コード (9)
- コードサンプル (5)
- サイエンス (2)
- サイト運営 (2)
- サイネージ (2)
- サッカー (2)
- サックス (2)
- サポート (2)
- サンプル (11)
- サーバ構築 (7)
- サーバ管理 (10)
- サービス (8)
- システム復旧 (2)
- システム管理 (12)
- システム開発 (14)
- シニア (3)
- ショッピング (4)
- ジェンダー (3)
- ジャズ (2)
- ジャーナリスト (2)
- スイーツ (3)
- スパイウェア (2)
- スパム (2)
- スポーツ (34)
- スマートフォン (2)
- セキュリティ (112)
- セルクマ (5)
- ソフトウェア (53)
- ソフトウェア開発 (3)
- ダイエット (2)
- チュートリアル (14)
- チューニング (3)
- チートシート (2)
- ツール (63)
- テクスチャ (6)
- テクスチャ素材 (2)
- テスト (10)
- テストツール (2)
- テレビ (8)
- テロ (2)
- テンプレート (24)
- デザイン (98)
- デザインの参考 (65)
- デジカメ (3)
- デブリ (2)
- デマ (28)
- データベース (11)
- トラブル (2)
- トンデモ (25)
- ニコニコ動画 (30)
- ニセ科学 (28)
- ニュース (45)
- ネタ (566)
- ネット (32)
- ネットショップ (4)
- ネットワーク (13)
- ノウハウ (55)
- ハードウェア (15)
- パフォーマンス (2)
- ビジネス (86)
- ファイル共有 (3)
- ファッション (13)
- フォント (21)
- フォーム (4)
- フリー (20)
- フリーソフト (31)
- フリーフォント (2)
- フリーランス (6)
- フリー素材 (49)
- ブラシ (3)
- プラグイン (4)
- プレゼン (11)
- プレゼンテーション (3)
- プログラミング (95)
- プロジェクト管理 (6)
- プロモーション (4)
- ベクター (2)
- ベクター素材 (11)
- ベンチャー (3)
- マイナンバー (4)
- マスコミ (55)
- マスゴミ (10)
- マネジメント (28)
- マンガ (30)
- マーケティング (49)
- ミサイル防衛 (4)
- メタブ (3)
- メディア (63)
- メディアリテラシー (5)
- メール (4)
- モチベーション (3)
- モバイル (16)
- ユーザインタフェース (6)
- ユーザビリティ (14)
- ユーティリティ (3)
- ライブラリ (17)
- ラーメン (2)
- リテラシー (5)
- リンク集 (7)
- レシピ (64)
- レビュー (6)
- ワクチン (3)
- ワロタ (3)
- ヲチ (3)
- 三重 (2)
- 上司 (5)
- 上野 (2)
- 不祥事 (2)
- 世代 (2)
- 中国 (71)
- 中小企業 (2)
- 事件 (33)
- 事例 (19)
- 事故 (44)
- 交流 (2)
- 交通 (24)
- 京都 (27)
- 人権 (2)
- 人物 (11)
- 人生 (40)
- 仕事 (178)
- 仕事術 (75)
- 仕様 (3)
- 仮想化 (5)
- 企業 (9)
- 企画 (9)
- 企画書 (4)
- 会社 (14)
- 会計 (3)
- 会議 (10)
- 便利 (7)
- 便利ツール (5)
- 健康 (42)
- 入門 (6)
- 共産党 (2)
- 写真 (27)
- 写真素材 (5)
- 初音ミク (2)
- 労働 (44)
- 効果音 (6)
- 勉強 (8)
- 動画 (21)
- 動画編集 (2)
- 化学 (3)
- 北朝鮮 (24)
- 北海道 (2)
- 医療 (115)
- 千葉 (2)
- 南京事件 (6)
- 危機管理 (4)
- 原子力 (13)
- 原発 (43)
- 参考 (33)
- 友愛 (14)
- 台湾 (4)
- 司法 (5)
- 名古屋 (3)
- 営業 (15)
- 団塊世代の心の闇 (2)
- 国語 (2)
- 国防 (8)
- 国際 (64)
- 地図 (4)
- 地域 (3)
- 地方 (15)
- 報道 (46)
- 増田 (24)
- 声優 (2)
- 外交 (60)
- 外国人参政権 (3)
- 大阪 (27)
- 天皇制 (2)
- 契約 (2)
- 子育て (2)
- 学習 (5)
- 宇宙 (6)
- 宇宙開発 (27)
- 安全保障 (15)
- 宗教 (16)
- 家電 (2)
- 小沢一郎 (63)
- 就職活動 (2)
- 差別 (5)
- 平和 (4)
- 広告 (13)
- 広報 (2)
- 建築 (3)
- 後で行く (2)
- 心理 (21)
- 思想 (3)
- 性 (5)
- 性犯罪 (2)
- 恋愛 (8)
- 憲法 (2)
- 憲法9条 (2)
- 戦争 (18)
- 技術 (50)
- 投資 (5)
- 捏造 (2)
- 捕鯨 (4)
- 携帯電話 (4)
- 政治 (974)
- 政策 (6)
- 教材 (6)
- 教育 (52)
- 数学 (3)
- 文化 (51)
- 文字コード (4)
- 文字化け (2)
- 文章 (8)
- 料理 (41)
- 旅行 (17)
- 日本 (79)
- 日本語 (9)
- 映画 (4)
- 時間泥棒 (2)
- 暗号化 (2)
- 書評 (5)
- 最適化 (4)
- 本 (12)
- 東京 (51)
- 東日本大震災 (2)
- 核兵器 (2)
- 格差 (3)
- 梅田 (2)
- 横浜 (5)
- 正規表現 (4)
- 正論 (2)
- 歴史 (40)
- 歴史認識 (2)
- 死刑 (4)
- 死刑制度 (4)
- 毎日新聞 (2)
- 民主党 (729)
- 法律 (16)
- 海外 (40)
- 海外の反応 (3)
- 滋賀 (10)
- 漫画 (8)
- 災害 (27)
- 無料 (8)
- 特定アジア (5)
- 犯罪 (45)
- 狩猟 (4)
- 環境 (22)
- 生活 (121)
- 生物 (8)
- 男女 (18)
- 画像 (29)
- 画像処理 (2)
- 疑似科学 (3)
- 病気 (3)
- 痛いニュース (2)
- 知識 (6)
- 社会 (499)
- 社民党 (7)
- 福祉 (23)
- 秋葉原 (6)
- 科学 (45)
- 税金 (10)
- 素材 (98)
- 素材集 (7)
- 組織 (6)
- 経営 (37)
- 経済 (103)
- 結婚 (8)
- 統計 (20)
- 考え方 (50)
- 考察 (16)
- 育児 (7)
- 脆弱性 (5)
- 自動車 (21)
- 自民党 (36)
- 自然 (3)
- 自衛隊 (60)
- 自転車 (27)
- 興味深い (4)
- 艦これ (6)
- 色彩 (3)
- 芸能 (8)
- 英語 (10)
- 萌え (8)
- 著作権 (10)
- 行政 (53)
- 見積 (7)
- 視点 (3)
- 観光 (14)
- 解説 (16)
- 言葉 (19)
- 設定例 (3)
- 設計 (6)
- 話題 (19)
- 読み物 (89)
- 調査 (6)
- 議論 (3)
- 資料 (38)
- 起業 (24)
- 車 (6)
- 軍事 (138)
- 転職 (7)
- 運用 (30)
- 選挙 (6)
- 釣り (6)
- 鉄道 (5)
- 開発 (51)
- 関西 (4)
- 防衛 (27)
- 雇用 (3)
- 雑学 (28)
- 非モテ (3)
- 韓国 (51)
- 音楽 (30)
- 食 (130)
- 食べ物 (6)
- 食品 (16)
- 飲食店 (6)
- 鳩山由紀夫 (104)
- 麻生太郎 (28)
- （ ･ิω･ิ） (4)
- 政治 (974)
- 民主党 (729)
- ネタ (566)
- 社会 (499)
- まとめ (219)
- 仕事 (178)
- webデザイン (168)
- web制作 (149)
- tips (138)
- 軍事 (138)
htmlとデザインの参考に関するyouichirouのブックマーク (1)
-
youichirou 2010/03/02
- webデザイン
- ui
- html
- css
- デザインの参考
リンク -
1
公式Twitter
- @HatenaBookmark
リリース、障害情報などのサービスのお知らせ
- @hatebu
最新の人気エントリーの配信
処理を実行中です
キーボードショートカット一覧
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
設定を変更しましたx