Automatic colored rows - Example for BiteSize Standards テーブルの背景って次のイメージのように行ごとに交互に色分けされていると見やすいですね。 かといって、サーバサイドでアイテムを回して、１個１個設定するのも結構面倒だったりします。 リンク先のサンプルでは、JavaScriptを使って、trエレメントを探索し、交互にクラスを割り当てていくことで、自動でテーブルに色をつけてるようです。 これで、テーブルはシンプルにHTMLでコーディングでき、サーバサイドの技術なしで見やすいテーブルが作成できますね。
タグ
- すべて
- Mac (5)
- Riot (2)
- iPhone (5)
- jQuery (27)
- まとめ (8)
- *JavascriptLibrary (2)
- *use (38)
- *webデザイン (5)
- *あとでやる (3)
- *あとで見る (7)
- *あとで読む (254)
- *これは欲しい (2)
- *デザイン参考 (26)
- *教える (3)
- *試す (2)
- 2011年 (2)
- 2ch (2)
- 3D (2)
- AMP (5)
- Android (18)
- Autoprefixer (2)
- Backbone (5)
- Backbone.js (10)
- CMS (6)
- CoffeeScript (3)
- DB (2)
- DreamWeaver (8)
- Drupal (7)
- ECサイト (7)
- Emmet (8)
- Excel (16)
- Facebookページ (4)
- Fireworks (48)
- GoogleMap (2)
- HTML (16)
- HTML5 (67)
- Hack&Bug (3)
- IE (27)
- IE6 (6)
- JSON (3)
- LINEスタンプ (3)
- MT (3)
- Mac (36)
- MacBook Air (2)
- Media Queries (2)
- Microsoft (2)
- MySQL (2)
- NAVER (3)
- ORANGE (2)
- Objective-C (2)
- PC (6)
- RSS (3)
- React (4)
- Responsive (40)
- SSL (2)
- SVG (15)
- Skype (2)
- Sublime Text2 (2)
- UI (60)
- UX (10)
- VCCW (3)
- VirtualBox (4)
- W3C (2)
- WBS (2)
- Webアプリ (2)
- Webサイト (6)
- Webフォント (7)
- Windows8 (4)
- Xcode (2)
- YouTube (2)
- Zen-Coding (2)
- add-on (7)
- adobe (7)
- adult (2)
- adventcalendar (6)
- air (2)
- ajax (15)
- alpha (2)
- amazon (2)
- analytics (21)
- angular (2)
- angular.js (5)
- animation (21)
- api (13)
- app (9)
- apple (4)
- async (2)
- background (4)
- backup (2)
- baseline (2)
- bem (3)
- black (17)
- blue (20)
- book (5)
- bookmarklet (4)
- bootstrap (19)
- brown (2)
- browser (11)
- bug (2)
- business (4)
- button (9)
- calendar (8)
- canvas (8)
- carousel (6)
- checkbox (6)
- chrome (29)
- cloud (4)
- coda (5)
- code (8)
- coding (6)
- color (20)
- command (5)
- compass (16)
- compress (2)
- config (6)
- configuration (2)
- convert (2)
- cookpad (6)
- css (164)
- css3 (71)
- cute (3)
- debug (8)
- design (21)
- develop (2)
- developer (2)
- development (7)
- diff (4)
- direction (4)
- document (7)
- download (4)
- drag&drop (3)
- dropbox (4)
- dummy (2)
- ec (8)
- eccube (2)
- editor (9)
- effect (6)
- email (3)
- english (5)
- entity (2)
- event (3)
- extension (5)
- facebook (22)
- favicon (2)
- field (2)
- firefox (10)
- fixed (3)
- flash (22)
- flex (5)
- flexbox (13)
- font (38)
- form (16)
- framework (21)
- free (35)
- functions (3)
- gallery (5)
- generator (24)
- git (50)
- github (25)
- gmail (3)
- goodDesign (113)
- google (35)
- google analytics (4)
- gradation (5)
- gray (6)
- green (6)
- grid (12)
- grunt (26)
- grunt.js (4)
- gui (6)
- guide (3)
- guideline (18)
- gulp (29)
- health (8)
- htaccess (4)
- iOS (18)
- iPhone (47)
- icon (42)
- ie8 (3)
- illustrator (3)
- image (17)
- ios6 (4)
- ipad (6)
- itunes (5)
- jQuery Mobile (3)
- jQueryMobile (4)
- javascript (205)
- jquery (197)
- js (44)
- jsx (4)
- keyboard (3)
- layout (4)
- less (5)
- library (47)
- lifehack (8)
- lightbox (3)
- line (3)
- linux (3)
- loading (8)
- mail (3)
- map (4)
- marketing (3)
- material (81)
- mixin (5)
- mixins (3)
- mobile (8)
- modal (6)
- modx (3)
- monotone (3)
- movable type (8)
- movabletype (112)
- movie (3)
- music (4)
- network (4)
- node.js (16)
- npm (4)
- oem (5)
- office (3)
- ogp (6)
- oocss (6)
- opacity (4)
- pager (5)
- pattern (8)
- pdf (7)
- performance (9)
- photo (18)
- photoshop (36)
- php (23)
- placeholder (3)
- plugin (121)
- png (4)
- powerpoint (3)
- presentation (7)
- programming (18)
- project (10)
- psd (6)
- radio (3)
- red (14)
- redmine (8)
- reference (12)
- resize (3)
- retina (5)
- ruby (10)
- sass (54)
- scroll (9)
- scss (22)
- search (4)
- select (6)
- seo (39)
- server (3)
- settings (3)
- shortcut (3)
- slack (3)
- slide (9)
- slider (3)
- slideshare (7)
- snippet (6)
- snippets (8)
- sns (5)
- social (7)
- sound (4)
- style guide (4)
- sublime (15)
- sublime text 2 (10)
- sublimetext (11)
- sublimetext2 (16)
- syntax (3)
- tab (3)
- table (10)
- template (17)
- test (8)
- text (3)
- texture (7)
- theme (7)
- thumbnail (12)
- tips (17)
- titanium (3)
- tool (8)
- tools (16)
- transition (5)
- trigger (3)
- tutorial (28)
- twitter (16)
- url (6)
- vagrant (12)
- vector (3)
- version (3)
- video (3)
- vim (11)
- vimrc (4)
- vue (16)
- vue.js (9)
- wallpaper (4)
- web (11)
- web2.0 (3)
- webdesign (17)
- webfont (4)
- webpack (8)
- webservice (22)
- webstorm (3)
- webサービス (100)
- webデザイン (237)
- webマーケティング (8)
- web制作 (23)
- web制作会社 (12)
- white (24)
- windows (24)
- wireframe (7)
- wordpress (78)
- work (4)
- あとで読む (246)
- かわいい (5)
- これはすごい (4)
- はてな (5)
- まとめ (292)
- アイコン (12)
- アイデア (3)
- アクセシビリティ (6)
- アクセス解析 (24)
- アニメーション (27)
- アプリ (14)
- イベント (6)
- ウィジェット (3)
- エディタ (4)
- エフェクト (8)
- オブジェクト指向 (4)
- オープンソース (3)
- カスタマイズ (12)
- カルーセル (5)
- ガイドライン (12)
- キャプチャ (3)
- キャンペーン (6)
- キーワード (4)
- クックパッド (9)
- クレジットカード (3)
- クロージャ (3)
- グラフ (4)
- グルメ (4)
- ゲーム (3)
- コピーライティング (6)
- コマンド (4)
- コミュニケーション (3)
- コンバージョン (7)
- コーダー (4)
- コーディング (18)
- サービス (7)
- ショートカット (9)
- シンプル (3)
- スクロール (5)
- スケジュール (7)
- スニペット (13)
- スマホ (6)
- スマホサイト (3)
- スマートフォン (43)
- スライダー (3)
- スライド (14)
- セキュリティ (6)
- セミナー (3)
- ソーシャルボタン (3)
- ソーシャルメディア (3)
- ダイエット (14)
- チェックツール (3)
- チュートリアル (4)
- チートシート (7)
- ツール (16)
- テクスチャ (3)
- テクニック (5)
- テスト (8)
- テンプレート (15)
- ディレクション (15)
- デザイン (26)
- デザイン参考 (10)
- デバッグ (5)
- データベース (3)
- トレーニング (3)
- ドキュメント (4)
- ナビゲーション (3)
- ネタ (19)
- バグ (3)
- バックアップ (4)
- パスタ (4)
- パターン (5)
- パフォーマンス (3)
- パララックス (5)
- パーツ (5)
- ビジネス (6)
- ビルド (5)
- ファイル (4)
- ファッション (3)
- フォント (10)
- フォーム (9)
- フットサル (3)
- フラットデザイン (3)
- フリー (6)
- フリーソフト (6)
- フリー素材 (9)
- フレームワーク (13)
- フロントエンド (5)
- ブログ (9)
- プラグイン (26)
- プレゼン (16)
- プレゼンテーション (4)
- プログラミング (7)
- プロジェクト (7)
- プロジェクト管理 (9)
- ベストプラクティス (3)
- ボタン (4)
- マーケティング (39)
- メルマガ (3)
- メンテナンス (3)
- メール (5)
- ユーザビリティ (6)
- ライブラリ (10)
- ラーメン (6)
- リファレンス (3)
- レイアウト (4)
- レシピ (32)
- レスポンシブ (32)
- ワイヤーフレーム (22)
- 二郎 (3)
- 仕事術 (8)
- 仮面ライダー (6)
- 企業 (6)
- 企画書 (17)
- 余白 (3)
- 健康 (5)
- 写真 (7)
- 写真素材 (3)
- 制作会社 (4)
- 効率化 (4)
- 勉強 (4)
- 勉強会 (4)
- 動画 (7)
- 圧縮 (3)
- 変数 (5)
- 学習 (5)
- 広告 (7)
- 役割 (5)
- 心理学 (4)
- 拡張機能 (13)
- 提案書 (4)
- 教育 (6)
- 文章 (5)
- 日本語 (5)
- 書籍 (7)
- 最適化 (9)
- 本 (3)
- 検索 (7)
- 無料 (6)
- 特撮 (3)
- 画像 (27)
- 管理画面 (13)
- 素材 (35)
- 統計 (4)
- 翻訳 (3)
- 自動化 (3)
- 見積 (4)
- 設計 (8)
- 調査 (7)
- 資料 (3)
- 転職 (3)
- 配色 (20)
- 開発 (17)
- 開発環境 (4)
- 食べ放題 (3)
- 高速化 (13)
- まとめ (292)
- *あとで読む (254)
- あとで読む (246)
- webデザイン (237)
- javascript (205)
- jquery (197)
- css (164)
- plugin (121)
- goodDesign (113)
- movabletype (112)
libraryとajaxに関するokeke1101のブックマーク (3)
-
okeke1101 2007/09/26
- ajax
- javascript
- table
- library
リンク -
javascript effect library | 和人
まえまえから気になっていた、Firefoxがやたらとメモリを喰う件に回答を得た^^; というか、解決事例がないか調べてみた。 過去に移動したページに素早く戻るためにページをキャッシュするという機能。 大きなサイズのページを読みこんだあとや、画像などをたくさん埋めこんだページを読みこんだあとに、メモリの消費サイズが急に増えたように見える場合はこの現象に遭遇しているかもしれない。 参考: アメリカでがんばりましょう:開発者が明かす Firefox 1.5 のメモリ使用量改善方法 まさか、ページをキャッシュするのでメモリを消費しているとは思わなかったね。 1) about:config というURLをロケーションバーに入力 2) browser.sessionhistory.max_total_viewers という設定項目をダブルクリックする (フィルタを使うと見つけやすい) 3) 表示される
-
-
1
公式Twitter
- @HatenaBookmark
リリース、障害情報などのサービスのお知らせ
- @hatebu
最新の人気エントリーの配信
処理を実行中です
キーボードショートカット一覧
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
設定を変更しましたx