テーブルを見やすく、使いやすくするためのアルティメットガイド
ウェブページでデータをみせるテーブルを見やすく、使いやすくするためのスタイルや機能性などUIパターンを紹介したアルティメットガイドをJanko At Warp Speedから紹介します。 Ultimate guide to table UI patterns 下記は各ポイントを意訳したものです。 テーブルの「（エクセルでいうところの）行と列」の表記は、「横列と縦列」に統一しています。 はじめに 1. 列を交互にスタイリング 2. 列をフルに 3. テーブルのセクション 4. ソート 5. フィルタリング 6. ページネーション 7. スクロール 8. 固定されたヘッダ 9. ヘッダのないテーブル 10. 拡張可能な列 11. 列のアクション 12. マルチプルな列のアクション はじめに テーブルは構造化されたデータをみせるものです。そして、その目的はデータを読みやすくし、走査しやすく、簡単
JavaScriptのイベントハンドラ説明
本気でやるならonclick属性は避けてライブラリを活用すべき - 帰ってきたHolyGrailとHoryGrailの区別がつかない日記 を読んで，思うところあって書いてみました（決してカウンターアーティクルではない）。 むかしむかし JavaScript を触っていた むかしむかしに書かれた JavaScript の本で勉強している／した 人向けに。大元記事（そろそろ本気で学びませんか？ | Think IT（シンクイット））の想定読者に近いかなと思います。よって以下は JavaScript の初学者にはまったくおすすめできない（余計な知識がついてしまう）です。 Step 1: はじめのいっぽ ボタンを押したらメッセージボックスが出現する HTML を書いてみます。 <html><body> <script type="text/javascript"> function ShowMes
カレンダーによる日付入力 : 安達司法書士.comブログ
私のホームページに設置している便利ツールの一つに、公告期間満了日を自動計算するフォームがあります。このフォームでは、ポップアップカレンダーを公告掲載日の入力補助に使用していますが、これに今ひとつ満足できずにいました。そんな時に出合ったのが、川崎有亮さんのJKL.Calendarです。 JKL.Calendarは、ある一点を除いて十分に満足できるものでした。その一点とは、祝日表示に対応していないことです。祝日設定可能なJKL.Calendar改造版も公開されていますが、こちらは祝日の自動判定機能を有しておらず、祝日を個別に設定しなければなりません。そこで、JKL.Calendarを祝日表示に対応すべく、角田桂一さんの「祝日判定コード」とコラボさせていただきました。 これで、祝日の文字の色は日曜日と同じ色となり、当該日付にマウスを当てると祝日名が表示されるようになりました（画像参照）。画では3
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
[JS]簡単に画像のプレビューを設置できる超軽量スクリプト -imgPreview
