Dec 18, 2013
photo credit: borkazoid via photopin cc

検索エンジンやブログのほとんどが、ページの最下部にこんなページナビゲーションを付けてますよね。


検索結果の表示であれば栞のような意味合いで有用ですが、一般のブログでは直近のエントリをいかにサクサク閲覧できるかという点で不向きな気がします。

そこで、ページ最下部までスクロールしたら自動で次ページを読み込むjQueryプラグイン『autopager』を導入してみました。


続きを読む ▸

Dec 8, 2013
photo credit: Jameson42 via photopin cc

画像をLightbox風に拡大表示する機能、今やほとんどのWebサイトに導入されていると言っても過言ではないですね。


こんなやつ。フレームやエフェクトにはいろんな種類があります。WordPressのプラグインを使えば一発で実装できますが、そこをあえてjQueryで。実際、画像系のWPプラグインて体感的にコンフリクト多い気がするんです。 続きを読む ▸

Dec 5, 2013
photo credit: Phillie Casablanca via photopin cc

スクロールしてもサイドバーの一部が消えずについてくるサイト、最近よく見掛けますよね。どうしても真似したくて当サイトでも導入しました。

左サイドバーの新着記事とサイト内検索のボックスがそうです。メニューや更新情報など、常に表示しておきたい要素に使うとより効果的ではないでしょうか。

設置の方法・手順はいたってシンプル。 続きを読む ▸

Nov 23, 2013
photo credit: jwalsh via photopin cc

ある一定の位置までスクロールしたらページ最下部にニョキッと現れる「TOPに戻る」ボタン。

通常のよくあるボタンでは面白くないので、当サイトではサラリーマン風の男性がガッツポーズで飛び出す感じにしました。某ドラマの常務ではありません。

scrollUp jQuery plugin — Mark Goodyear — Front-end developer and designer 続きを読む ▸

Nov 21, 2013
photo credit: falling.bullets via photopin cc

当サイトでもサイドバーで使用しているタブメニューを簡素化したものが以下ソースです。



以前CSSだけのタブメニューを試したんですが思うような挙動にならなかったので、軽くフェードもしてくれるjQuery版を実装してみました。コード本体も短いので負荷も少なくてサクサクいい感じ。 続きを読む ▸

サイト内検索
  • Author

  • Twitter

    Follow @jay0926 (534 followers)
  • Facebook