リストやテーブルを簡単かつ綺麗にストライプ状に色分けする方法
リストとかテーブルをストライプ状に色分けしようとするとき、 セルとか列に対して一つ一つクラスをつけて、 そしてCSSで装飾するのが一般的だと思います。 でも、クラスを一つ一つにつけていくのって面倒じゃないですか？ 今回紹介する方法を使えば、 簡単かつ綺麗に色分けすることができるので、 参考にしてみてください 面倒なやり方：一つ一つにクラスをつけていく まずはオーソドックスに、 一つ一つにクラスをつけて行く方法を紹介しておきます。 ■HTMLソース <ul> <li class="list01-odd">リスト１</li> <li class="list01-even">リスト２</li> <li class="list01-odd">リスト３</li> <li class="list01-even">リスト４</li> <li class="list01-odd">リスト５</li> </
[JS]フェードするツールチップを実装する超軽量スクリプト
Fading JavaScript Tooltips 2kb デモ スクリプトは2KBの超軽量で、ツールチップに表示できるのはテキストだけでなく、HTMLのタグも使用できるので改行（<br />）や画像（<img>）なども表示できます。 対応ブラウザは、IE6+, Firefox, Opera and Safari となっています。
[JS]ハイライト箇所がスムーズにスライドするナビゲーション
leigeberのエントリーから、マウスのホバーに合わせて、ハイライト箇所がスムーズにスライドするナビゲーションの1KBの超軽量スクリプトを紹介します。 Sliding JavaScript Menu Highlight 1kb スライドするパターンは2つあり、どちらもマウスのフォーカスがはずれるとデフォルトの位置にハイライトが戻ります。 スクリプトの動作環境はIE6, IE7, FireFox, Opera and Safariとなっており、jQueryやPrototypeなど他のスクリプトに依存することなく単独で動作します。
秋元@サイボウズラボ・プログラマー・ブログ: スクロールするタブをYUIベースで実現したライブラリ
yodelerというYahoo UI ライブラリベースのUIを開発しているReid Burkeさんが発表したのが、タブ切り替えとスクロールを組み合わせた新しいタブ切り替え表示部品。 切り替えるときにタブの中身の切り替わりがスクロールでなされる、ということなんだけど、見てもらうほうがはやい。 縦スクロール版 / 横スクロール版 切り替えに時間がかかるので日常使いのページには良くない気もするけど、そうでないときにちょっとユーザをびっくりさせることができるかもしれない。 ライブラリはBSDライセンスで、その他の作品とあわせてsvnで公開されている。 via Ajaxian この記事は移転前の古いURLで公開された時のものですブックマークが新旧で分散している場合があります。移転前は現在とは文体が違い「である」調です。(参考)記事の内容が古くて役に立たなくなっている、という場合にはコメントやツイッタ
[JS]わずか1KBの水平方向に伸縮するアコーディオンのスクリプト
LEIGEBERのエントリーから、水平方向にスムーズに伸縮するアコーディオンのスクリプトを紹介します。 Horizontal JavaScript Accordion 1kb アコーディオンのスクリプトはjQueryやPrototypeなどの他のライブラリに依存することなく単独で動作する、1KBに満たないスクリプトです。 アコーディオンの各項目は、リスト要素になっており、画像やリンクなどを配置することができます。 動作環境は、IE6, IE7, Firefox, Opera, and Safari となっています。
iPhoneのロック解除の際のあのUIをJavaScriptで実現:phpspot開発日誌
aboone.com Blog Archive JavaScript iPhone Lock Slider with jQuery iPhoneのロック解除の際のあのUIをJavaScriptで実現。 解除した際のイベントハンドラを登録することができ、サイト上では解除した際に背景色を変えるようなサンプルを確認できます。 面白いＵＩなので、ちょっと覚えておくと小ネタとして使えそう 関連エントリ JavaScriptでページスライダー用ライブラリいろいろ iPodスタイルのドリルダウンメニュー実装サンプル
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Michael Leigeber
