最初や最後の行だけ違うスタイルを可能にするJavaScript「yuga.js」
» 最後の行だけ違うスタイルにするJavaScript: Good Sleep｜Webデザイナーの日々のスキマ
若干古いですが、web creators 4月号の「Webデザイン スタイルアップ Tips」に紹介されていたKyosuke.jpさんの「yuga.js」は、小粒ですがなかなか痒いトコロに手が届くスクリプトが集まっています。
細かいところで手間を省いてくれるスクリプトみたいですね。
また、yuga.jsには他にもいろいろな機能が盛込まれています。
ロールオーバー、
現在のページをハイライト表示、
外部リンクは別ウインドウを設定、
画像へ直リンクするとthickboxで表示、
ページ内リンクはするするスクロール、
簡易タブ機能、
奇数、偶数を自動追加などなど
ホント、痒いところに手が届く機能です。
以前に「テーブルやリストの背景を1行ごとに変更する方法：JavaScriptを使うかCSSだけでやるか」という記事でご紹介した方法よりもいろいろとスマートにできそうですね。この記事で２つ目にご紹介しているように、列のグループ化なら CSS だけでそんなに手間ではないので、用途によって使いわけるといいかもしれません。
よろしければ以下の関連（してそうな）記事もどうぞ！
- テーブルやリストの背景を1行ごとに変更する方法：JavaScriptを使うかCSSだけでやるか
- 便利そうなjQueryプラグイン10選
- 楽天ブックスやジュンク堂子会社「アウル HON急便」の送料無料キャンペーン
- Gmail画面のGoogle Taskリンクを消すスタイル
- アマゾン（Amazon）にカカクコム最安値を表示するスクリプト：FirefoxアドオンGreasemonkeyで
Leave a Reply
Bookmarks
Recent Posts
- 組織として成果を挙げるための50＋の問い / 読書『プロフェッショナルの条件：いかに成果をあげ、成長するか』
- 2010年にお世話になった、10個のお薦めGreasemonkeyスクリプト
- 2010年にお世話になった、10個のお薦めStylish用CSS
- 2010年にお世話になった、10個のお薦めFirefoxアドオン（おまけ10個）
- MySQLで3つのテーブルをOUTER JOINする3つの方法を比較してみた
- Amazonへのリンクの横にブクログへのリンクを追加するGreasemonkeyスクリプト「Add To-Booklog Links」を書いた
- RでSEM（共分散構造分析/構造方程式モデリング）
- FirefoxのEvernoteアドオンの設定画面が真っ白になって動かない不具合を解決する方法
- Railsのfindで複数のテーブルから検索する：includeでeager loading
- WordPressでシンタックスハイライト：WP-Syntaxを使ってみた
Popular Posts
- 使い勝手のいい白地図サービス「白地図、世界地図、日本地図が無料」
- 36,917 views
- 指パッチンのやり方・コツ：薬指と小指を握り込まない
- 34,877 views
- PDF 作成ソフト比較：doPDF、PrimoPDF、クセロ 瞬簡PDF ZERO
- 28,440 views
- 「力不足」と「役不足」、「情けは人の為ならず」、「確信犯」など、誤用の多い言葉
- 22,629 views
- Firefoxアドオン「Stylish」の使えるスタイル8選
- 20,816 views
- 便利なFirefoxアドオン10選
- 19,636 views
- ジョジョの奇妙な壁紙画像（＋うろ覚えジョジョ動画）
- 15,808 views
- マイクロソフトオフィスでタブ表示機能が使えるアドイン「OfficeTab」
- 10,446 views
- 気になるフリーソフト19選 – セキュリティ、USB関連、その他便利ソフト
- 9,491 views
- Office 2007 Wordで「標準の文字数を使う」が勝手に「行数だけを指定する」に変更される件
- 8,821 views
Recent Comments
- 指パッチンのやり方・コツ：薬指と小指を握り込まない に Tack @きにきじ管理人 より
- SEO企業のGMOが有料リンクサービスの提供を始めたが…… に Tack @きにきじ管理人 より
- 指パッチンのやり方・コツ：薬指と小指を握り込まない に Tack @きにきじ管理人 より
- 指パッチンのやり方・コツ：薬指と小指を握り込まない に ちぇんちぇん より
- SEO企業のGMOが有料リンクサービスの提供を始めたが…… に 利用しました より
QR Code
- 携帯端末からも同じ URL でご覧いただけます。
![[画像] 今日の気になる記事「きにきじ」QR Code](http://www.kagitaku.com/diary/images/qrcode.png)
Notes
News
Author
Blog Feed
![[画像] きにきじ Feed](http://www.kagitaku.com/diary/images/Newspaper_Feed_128x128_ie6.png)
Categories
Tag Cloud
お金
イタい
ゲーム
シュール
セキュリティ
ツール
デザイン
トヨタ
ネタ
パソコン
ファッション
ブラウザ
ブランド
マナー
マーケティング
メディア
モバイル
ライフハック
事件
仕事
任天堂
似非科学
勉強
動画
報道
2ch
Amazon
Apple
au
Benchmarks
Chrome
DB
docomo
EMOBILE
Firefox
Google
IE
JavaScript
jQuery
LPO
Microsoft
R
Rails
Ruby
SEO
SoftBank
Web
WordPress
WPアップデート
Yahoo!
PR Links
Similar Blogs
Blog Information
(Since June 2009)
![[画像] kagitaku.com ロゴ](http://www.kagitaku.com/common/images/logo.png){kind=logo}
![[画像] 最上部へ](http://www.kagitaku.com/common/images/pageNavi-toTop.png)
![[画像] 最下部へ](http://www.kagitaku.com/common/images/pageNavi-toBottom.png)
![[画像] 履歴を戻る](http://www.kagitaku.com/common/images/pageNavi-back.png)
![[画像] 履歴を進む](http://www.kagitaku.com/common/images/pageNavi-forward.png)
![[画像] Contact](http://www.kagitaku.com/common/images/pageNavi-contact.png)
![[画像] Sitemap](http://www.kagitaku.com/common/images/pageNavi-sitemap.png)