ホームページを作る人のネタ帳


売れない、人が来ないホームページにならない為の、インターネットの知識とブログネタ

WEB制作者とブロガーの『遊び心をくすぐる』26のブックマークまとめ


スポンサード リンク

200706062220.jpg
今回まとめた内容をあらかじめ言っておきます。
CSS JavaScript イメージギャラリー Generator Ajax です。

とりわけJavaScriptやCSSは色々なブログでも使える為、ブロガーも頑張れば導入可能なプログラム等をなるべく多めにまとめました。

これは『個人的な感想』のテーマで、私個人が遊び心をくすぐられたものをまとめています。
あくまで私がくすぐられたもので、他の人がくすぐられるかどうかまでは保障できませんので、上記キーワードに興味の無い方は特にあらかじめご了承ください。



送信ボタンなどをちょっとセクシーにするCSS
programming

送信ボタンなどをちょっとクールにかわいらしくする為の知識。


JavaScriptがいらないイメージマップの切り出しサンプル
programming

画像にマップを埋め込んで華麗に表示する為の知識。
口で言うより、デモを見たほうが早い。


チェックボックスとラジオボタンをオシャレにするCSS
programming

味気ないチェックボックスとラジオボタンが、あなたごのみのデザインに変更できます。


ページナビゲーションの無料ダウンロード
200706052255.gif

いわゆる次のページとか、今何ページ目だとかのアレです。
全て無料でダウンロード可能。


JavaScriptとAjaxでその場で編集できるテーブル1
programming

上のリンクはデモと説明で、ファイル一括ダウンロードはこちらのページの下のほうにある。


JavaScriptとAjaxでその場で編集できるテーブル2
programming

使い勝手はこちらの方がよさそう。
商業利用は有料ぽいのが残念。


アップロードと同時に画像を加工するPHPライブラリ
プログラミング

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


吹き出しCSS1
吹き出し

ちょっとしたオシャレに。


吹き出しCSS2
吹き出し

これはかなり良い。


噴出しCSS3
プログラミング



噴出しAjax
吹き出し

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


JavaScript制御ツールチップ
ツールチップ

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


虫眼鏡機能を画像にくっつけるJavaScript
虫眼鏡JavaScript

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


フォームをオシャレなものにするCSS群
フォームスタイル

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


JavaScriptでイメージギャラリー
イメージギャラリー

サンプルデモ
これはかっこいいですね。
JavaScriptでここまで出来れば十分です。


拡大して動かせるイメージギャラリー
イメージギャラリー

口で説明するよりもデモを見たほうが早いかも。
テーブルに埋め込まれた画像が拡大し、外に飛び出す。
さらに動かせる。


画像をクリックすると中央に表示するイメージギャラリー
イメージギャラリー

ちょっとWEB1.0な香りがするけど気にしない。


Ajax感たっぷりのイメージギャラリー
Ajax

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


膨大な画像だって管理するイメージギャラリー
イメージギャラリー

サンプルデモ
大量の画像をギャラリー化する場合は最適。
ダウンロードはデモじゃないほうのページの下のほうにある。


CSSステッカーでブログもオシャレにする技術
ステッカー

ステッカーで遊び心を満喫。


javascriptで伸縮するメニュー
CSS JavaScript

結構気持ちのいい動きをしますね。しかもJavaScriptだけで実装できるところがいい。


CSSレイアウトテンプレート無料開放
CSSテンプレート

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


モノクロ似顔絵ジェネレータ
似顔絵

ブログのお供に似顔絵を。


ちょっとポップな似顔絵ジェネレータ
似顔絵

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


顔似顔絵ジェネレータ
似顔絵

顔の似顔絵ジェネレータの中では最高では?


シンプソンズジェネレータ
似顔絵

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



【関連まとめエントリー】





新ブログ:ITクオリティもよろしく。
スポンサード リンク


はてなRSSへ追加 My Yahooへ追加 Livedoorへ追加 Google Readerへ追加

はてなブクマこのエントリーを含むはてなブックマーク livedoorクリップ livedoorクリップ Buzzurlにブックマーク Buzzurlにブックマーク newsing it! del.icio.usでブックマーク
私の他のブログの更新状況
RSS表示パーツ
最近のエントリー
» Photoshopちょいテク『惑星を作ってみよう』+360度パノラマ画像も作れるように
» 最近、ブログを書いている途中に筆が止まる理由がわかった気がする
» ブログエントリ別に見る『注目度10の法則』
» 天才という言葉は、生きている人にいう言葉じゃない気がする
» まるでphotoshop!JavaScriptで実装するクールなカラーピッカー[prototype.js]
» 今後の期待度が高いphotoshopブラシまとめサイト『Quality Brushes for Photoshop』
» FLASHサイト作成インスピレーションの参考になるflashサイト7つ
» あの時、何気なく吸い始めた一本のタバコの値段が900万だと知ったとき
» jQueryサンプル公開後の反省会。みなさんからのアドバイスを5本サンプル化
» [追記]数百件先の画像まで一気に検索してしまうインターフェイスを搭載したfirefoxアドオン
» プロとアマの違いってぶっちゃけたったひとつ
» 一晩で覚えるjQueryの逆引き基礎サンプル7つ
» あなたは大丈夫?知らず知らずのうちに感じている10のパソコンストレス
» よごれた感じのフォトショップチュートリアルとブラシ
» 第2回web開発者インタビュー。マチウケメール便開発者『開発環境はeclipseです!』

ホームページを作る人のネタ帳トップへ

Comment

いつみても最高ーです

素敵なajax特集ありがとうございます!
しっかしコレだけの情報を集めるとはすばらしいです!
これぞネタ帳ですね

ありがとうございます

いつもご紹介いただきありがとうございます。
夜な夜な作ったこの記事。
制作日数4日の疲労記事でした。

そういっていただけると、本当に救われます(笑)

当ブログのコメントポリシーはこちら

 
管理人にのみ表示する
 

Home

ブログ記事を検索

Google

カテゴリー

月別過去記事

RSSフィード

私のおすすめ書籍

リンク

お問い合わせとか

お問合せ、広告について

名前:
メール:
件名:
本文:

プラグイン

あわせて読みたい

フィードメーター - ホームページを作る人のネタ帳

SPONSORS


このブログについて

当サイトはインターネットでのデザインや、ホームページ作成に関する私Yamadaの個人的勉強をネタとしてご紹介するサイトになっています。 
>> 管理人プロフィール
>> このブログの人気記事
メールでホームページを作る人のネタ帳を購読





私が個人的に作ったり運営しているサイト
■アイデアノート
■WEB9.0 ホットなWEBサービスを
■ブログ支援【e】パレット(超人気)
■どばっと動画検索 イーチューブ
■ブログネタ収集用『BMF』
■PHPプログラムを作る人のメモ帳
■SEO上級者マニュアル

この日記のはてなブックマーク数

最近のエントリー

タグクラウド

最近のトラックバック

最近のコメント