最近(と言ってもこの1ヶ月ぐらい)見かけたjavascriptやcssなどのプラグインやサンプルなどで使い勝手のよさそうなものや面白そうなものをまとめてみました。
後で実際サンプルも作ってみて使い勝手を試すための備忘録です。
最近(と言ってもこの1ヶ月ぐらい)見かけたjavascriptやcssなどのプラグインやサンプルなどで使い勝手のよさそうなものや面白そうなものをまとめてみました。
後で実際サンプルも作ってみて使い勝手を試すための備忘録です。
以前jQueryプラグインを使ってスクロールバーをカスタマイズする方法を書きましたが、2010年9月に書いただけに情報も古かったので、紹介したjScrollPaneのバージョンアップ版に加えてjScrollbarとfleXcrollの2種類のカスタムスクロールバーのプラグインも合わせて比較してみました。タイトルにjQueryプラグインと書きましたがfleXcrollだけは単体で動作するのでjQueryは必要ありません。
ちなみにjQuery本体のバージョンは1.5.2を使ってます。
現在KARA-FULLのトップで使っているスライダーはjQueryベースで拡張性の高いSliderKitというのを使っているんですが、スマートフォン対応を考えるとちょっと使いにくさを感じたのでスワイプ(フリック)などの動作に対応したTouchSwipeというタッチデバイスをベースにイメージスライダーを作成しました。
俗にいうjQueryプラグインってやつです。
久しぶりの技術系ネタの記事です。
Flashだとスクロールバーまで好きなように作れるけど、HTMLだと標準のスクロールバーでどうもサイトのデザインと合わなくてダサいと思う事があるかと思います。
そんな訳でリサイズに対応したウィンドウ全体のスクロールバーのカスタマイズをjQueryプラグインのjScrollPaneを使ってサンプルを作ってみました。
仕事でお問い合せフォームを使う代わりに、メーラーを件名を決めうちで立ち上げる事で対応して欲しいという事があったので、よく知られているリンクに対してmailtoにsubjectを追記して対応したんですが、その際に文字化けしてちょっと手こずったのでメモ代わりにその対策を書いておきます。
彼氏にバレンをプレゼントするようなウィットに富んだ女の子はいないもんかと思ったそんな2010年のバレンタイン。
今回はFlash6つにHTML2つとおまけ1つです。