WEB制作者とブロガーの『遊び心をくすぐる』26のブックマークまとめ
2007年06月06日 公開

今回まとめた内容をあらかじめ言っておきます。
CSS JavaScript イメージギャラリー Generator Ajax です。
とりわけJavaScriptやCSSは色々なブログでも使える為、ブロガーも頑張れば導入可能なプログラム等をなるべく多めにまとめました。
これは『個人的な感想』のテーマで、私個人が遊び心をくすぐられたものをまとめています。
あくまで私がくすぐられたもので、他の人がくすぐられるかどうかまでは保障できませんので、上記キーワードに興味の無い方は特にあらかじめご了承ください。
送信ボタンなどをちょっとセクシーにするCSS

送信ボタンなどをちょっとクールにかわいらしくする為の知識。
JavaScriptがいらないイメージマップの切り出しサンプル

画像にマップを埋め込んで華麗に表示する為の知識。
口で言うより、デモを見たほうが早い。
チェックボックスとラジオボタンをオシャレにするCSS

味気ないチェックボックスとラジオボタンが、あなたごのみのデザインに変更できます。
ページナビゲーションの無料ダウンロード

いわゆる次のページとか、今何ページ目だとかのアレです。
全て無料でダウンロード可能。
JavaScriptとAjaxでその場で編集できるテーブル1

上のリンクはデモと説明で、ファイル一括ダウンロードはこちらのページの下のほうにある。
JavaScriptとAjaxでその場で編集できるテーブル2

使い勝手はこちらの方がよさそう。
商業利用は有料ぽいのが残念。
アップロードと同時に画像を加工するPHPライブラリ

アップローダーの強化系。
PHPのGDライブラリが必要とされるが、ありえないほど便利だ。
サンプルデモページではサンプル結果見本と、その方法が記載されているので参考に。
吹き出しCSS1

ちょっとしたオシャレに。
吹き出しCSS2

これはかなり良い。
噴出しCSS3

噴出しAjax

iボタンをクリックすると吹き出しが出る。×ボタンで閉じる。
デモページ
ダウンロードはここの一番下の方にある
Click here to download this widget という文字をクリックでファイルをセットでダウンロードできます。
JavaScript制御ツールチップ

かなり素敵です。イーチューブ最新版に導入中。
サイトのデモよりも、ダウンロードして見るデモの方が、色々見れます。
ためしにDLをお勧めします。
虫眼鏡機能を画像にくっつけるJavaScript

地味に2つの機能がある。
クリックしながら右にドラッグすれば虫眼鏡自体を大きくし、左に移動すれば小さくする。さらにクリックしながら上に移動すれば拡大率を上げ、下に下げれば拡大率を下げる。
面白い。
フォームをオシャレなものにするCSS群

フォームをこじゃれたものにする。
死ぬほど見本があるので、色々と変更したい人は試してみるといいかも?
ちょっとしたオシャレはセンスを引き立てます。
JavaScriptでイメージギャラリー

サンプルデモ
これはかっこいいですね。
JavaScriptでここまで出来れば十分です。
拡大して動かせるイメージギャラリー

口で説明するよりもデモを見たほうが早いかも。
テーブルに埋め込まれた画像が拡大し、外に飛び出す。
さらに動かせる。
画像をクリックすると中央に表示するイメージギャラリー

ちょっとWEB1.0な香りがするけど気にしない。
Ajax感たっぷりのイメージギャラリー

イメージ画像をクリックすると現れるフィールドには、その画像へのリンクが表示されたメールフォームが立ち上がる。
・・・何かで使えるかも?
膨大な画像だって管理するイメージギャラリー

サンプルデモ
大量の画像をギャラリー化する場合は最適。
ダウンロードはデモじゃないほうのページの下のほうにある。
CSSステッカーでブログもオシャレにする技術

ステッカーで遊び心を満喫。
javascriptで伸縮するメニュー

結構気持ちのいい動きをしますね。しかもJavaScriptだけで実装できるところがいい。
CSSレイアウトテンプレート無料開放

CSSのレイアウトテンプレートがダウンロードし放題と言うサイト。
デザインを考えるのはめんどくさく、HTMLテンプレートは使いたくないけどCSSでサイトを作りたい・・・そんな時に役立つかもしれません。
モノクロ似顔絵ジェネレータ

ブログのお供に似顔絵を。
ちょっとポップな似顔絵ジェネレータ

ようやく完成していざダウンロードの時にエラーが発生する事がたまにあるけど気にしない事にする。
顔似顔絵ジェネレータ

顔の似顔絵ジェネレータの中では最高では?
シンプソンズジェネレータ

個別なオリジナリティなんて求めてはいけない。
シンプソンズになりきるんです。やれば出来ます。
【関連まとめエントリー】

送信ボタンなどをちょっとクールにかわいらしくする為の知識。
JavaScriptがいらないイメージマップの切り出しサンプル

画像にマップを埋め込んで華麗に表示する為の知識。
口で言うより、デモを見たほうが早い。
チェックボックスとラジオボタンをオシャレにするCSS

味気ないチェックボックスとラジオボタンが、あなたごのみのデザインに変更できます。
ページナビゲーションの無料ダウンロード

いわゆる次のページとか、今何ページ目だとかのアレです。
全て無料でダウンロード可能。
JavaScriptとAjaxでその場で編集できるテーブル1

上のリンクはデモと説明で、ファイル一括ダウンロードはこちらのページの下のほうにある。
JavaScriptとAjaxでその場で編集できるテーブル2

使い勝手はこちらの方がよさそう。
商業利用は有料ぽいのが残念。
アップロードと同時に画像を加工するPHPライブラリ

アップローダーの強化系。
PHPのGDライブラリが必要とされるが、ありえないほど便利だ。
サンプルデモページではサンプル結果見本と、その方法が記載されているので参考に。
吹き出しCSS1

ちょっとしたオシャレに。
吹き出しCSS2

これはかなり良い。
噴出しCSS3

噴出しAjax

iボタンをクリックすると吹き出しが出る。×ボタンで閉じる。
デモページ
ダウンロードはここの一番下の方にある
Click here to download this widget という文字をクリックでファイルをセットでダウンロードできます。
JavaScript制御ツールチップ

かなり素敵です。イーチューブ最新版に導入中。
サイトのデモよりも、ダウンロードして見るデモの方が、色々見れます。
ためしにDLをお勧めします。
虫眼鏡機能を画像にくっつけるJavaScript

地味に2つの機能がある。
クリックしながら右にドラッグすれば虫眼鏡自体を大きくし、左に移動すれば小さくする。さらにクリックしながら上に移動すれば拡大率を上げ、下に下げれば拡大率を下げる。
面白い。
フォームをオシャレなものにするCSS群

フォームをこじゃれたものにする。
死ぬほど見本があるので、色々と変更したい人は試してみるといいかも?
ちょっとしたオシャレはセンスを引き立てます。
JavaScriptでイメージギャラリー

サンプルデモ
これはかっこいいですね。
JavaScriptでここまで出来れば十分です。
拡大して動かせるイメージギャラリー

口で説明するよりもデモを見たほうが早いかも。
テーブルに埋め込まれた画像が拡大し、外に飛び出す。
さらに動かせる。
画像をクリックすると中央に表示するイメージギャラリー

ちょっとWEB1.0な香りがするけど気にしない。
Ajax感たっぷりのイメージギャラリー

イメージ画像をクリックすると現れるフィールドには、その画像へのリンクが表示されたメールフォームが立ち上がる。
・・・何かで使えるかも?
膨大な画像だって管理するイメージギャラリー

サンプルデモ
大量の画像をギャラリー化する場合は最適。
ダウンロードはデモじゃないほうのページの下のほうにある。
CSSステッカーでブログもオシャレにする技術

ステッカーで遊び心を満喫。
javascriptで伸縮するメニュー

結構気持ちのいい動きをしますね。しかもJavaScriptだけで実装できるところがいい。
CSSレイアウトテンプレート無料開放

CSSのレイアウトテンプレートがダウンロードし放題と言うサイト。
デザインを考えるのはめんどくさく、HTMLテンプレートは使いたくないけどCSSでサイトを作りたい・・・そんな時に役立つかもしれません。
モノクロ似顔絵ジェネレータ

ブログのお供に似顔絵を。
ちょっとポップな似顔絵ジェネレータ

ようやく完成していざダウンロードの時にエラーが発生する事がたまにあるけど気にしない事にする。
顔似顔絵ジェネレータ

顔の似顔絵ジェネレータの中では最高では?
シンプソンズジェネレータ

個別なオリジナリティなんて求めてはいけない。
シンプソンズになりきるんです。やれば出来ます。
【関連まとめエントリー】
- SEOの動きを見逃さない為の7つのツールと19のエントリーまとめ
- 一度は作ってみたくなるクールでオシャレなフルFLASHサイト18選まとめ
- 日本を代表するトップFLASHデザイナーの凄技を見て、デザイン力を学ぶ
- WEB制作者のための32個のブックマークまとめ(part2)
- 今押さえておくべきWeb制作に役立つ37個のブックマークまとめ