JavaScript | 日刊ウェブログ式

横スクロールがかっこいいコンテンツスライダー「SlideDeck」

WordPressのプラグインやJavascriptなどで配布されている、コンテンツを横スクロールでかっこよくまとめることができるコンテンツスライダー「SlideDeck」のご紹介です。

美しいスライドの写真ギャラリーを表示するjs「ImageFlow」

オシャレな写真ギャラリーを表示させるjavascript「ImageFlow」をご紹介します。iTunesの「CoverFlow」をイメージしているようです。

「この記事を見た人は以下も読んでます」を表示するプラグイン「feedControl」をFC2ブログに設置

「この記事を見た人は以下も読んでます」を表示するプラグイン「feedControl」

「この記事を見た人はこんな記事も読んでいます」という関連記事を自動で抽出するjs「feedControl」。このブログにも設置しているのですが、忘れそうなのでメモしておきます。なお、記事中の解説はFC2ブログを使っています。

プロフィールリンク集を作りたい時に役立つjQuery「Tim Van Damme」

アコーディオン効果でかっこよくプロフィールリンク集を作るプラグイン「Tim Van Damme」のご紹介です。

ポラロイド写真をオシャレに散りばめるjQuery「polaroid photo viewer」

ポラロイド写真をサイト全体に散りばめて、自由に移動もできるjQuery「polaroid photo viewer」のご紹介です。ポラロイド写真をランダムに並べてるだけなのにかっこよく見えるところが良いですね。

Flashいらずで何パターンもの画像スライドが楽しめるjQuery「COIN SLIDER」

スライドしながら、画像に解説も入れられるjQuery「COIN SLIDER」

jQueryで簡単にスライドショーが作れるプラグイン「COIN SLIDER」の紹介です。jQueryで実装できるので、手間無く設置できます。

ソースコードを美しく見せるJS「SyntaxHighlighter」をFC2ブログに入れてみた

ソースコードをWEB上で公開したい時などに役立つJS「SyntaxHighlighter」をこのブログにも入れてみたんですが、FC2ブログ用に備忘録として残しておきます。

マウスオーバーでゆっくり画像が切り替わるjQueryがイケてるかも

jQueryでゆっくり切り替わるボタン

jQueryとCSSで、ボタンがゆっくりと切り替わるチュートリアルです。とても簡単にできる上に、実用面での使い勝手も良いかもしれません。

画像の読み込みを遅延させるjQuery「LazyLoad with jQuery」

LazyLoad with jQuery

ファイルサイズの大きい画像を多用しているページやアクセスが集中するサイトは、画像の読み込みがレンダリングスピードに影響する割合は少なくありません。なるべく早く表示する為にも画像の読み込みは工夫したいとこですよね。

そこで、スクロールに合わせて画像を表示するjQuery「LazyLoad with jQuery」を試しに使ってみました。このブログにはあまり必要ないかなと思ったんですが、他の管理サイトで必要なので備忘録として初心者向けに設定方法を書き残しておきます。もしかしたらこのブログからは外すかもしれませんが。

フッターのコピーライト年号をスクリプトで自動更新

Webサイトのフッターにあるコピーライトの年号。これ、年が変わって更新し忘れてしまうことが結構あるので、Javascriptのソースをメモ代わりに書きとめておきます。

・(Source)コピーライト表記の年度をJavascriptで自動更新する

Copyright©<script type="text/javascript">myDate = new Date() ;myYear = myDate.getFullYear ();document.write(myYear);</script>mydomain.com. All Rights Reserved.

■関連記事

HTMLや画像編集の手間を省く為の8つのツール

Webサイトの画像作りに猛烈に役立つ17のジェネレータ