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

  • 2007/06/06
  • このエントリーをはてなブックマークに追加

スポンサーリンク

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

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

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

IT/Web業界に強い転職サイトGreen

送信ボタンなどをちょっとセクシーにする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でサイトを作りたい・・・そんな時に役立つかもしれません。


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

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


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

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


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

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


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

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



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





スポンサーリンク

トップへ戻る

Twitter版のネタ帳では毎週月曜~金曜までWeb屋さんに役立つ色んな情報や単なるネタまでをつぶやいています。

関連するエントリー

コメント

この記事にコメントする人はクリック

コメントポリシーをお読みください
管理者にだけ表示を許可する

マウンテンブック いつみても最高ーです

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

2007/06/07 Thu 13:42| |

Yamada ありがとうございます

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

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

2007/06/07 Thu 23:02| |

トラックバック

この記事にトラックバックする人はクリック

links for 2007-06-08

ロゴ作成に役立つPhotoShop Tutorials (tags...

Web*Lav:2007-06-08 09:41

links for 2007-06-09

これはおすすめ!複数の検索エンジンで簡単に検索できるGreasemon...

ICK.ramone:2007-06-09 23:20

FC2Ad

広告


IT・Web業界の求人なら転職サイトgreen(グリーン) ホームページテンプレート、WordPressテーマ、Facebookページテンプレートならクラウドテンプレート ネットマーケティングとは│ネットマーケティング検定 SEOコンサルティング&SEO対策 無料レスポンシブWebデザインテンプレート 広告主募集

あわせて読みたい
フィードメーター - ホームページを作る人のネタ帳

人気の記事一覧

あなたのブログの再訪問者を増やす50の方法

私の経験から感じた事を書き記します。全てが全てその時々で、正しいとは限りませんが、一つの指針としてお使いください。因みに全部リスト化すると230くらいありましたが、それはきっとセミナーとかでやるかなぁと。

http://e0166.blog89.fc2.com/blog-entry-824.html

あなたの生活を確実に拘束し時間を浪費させる動画50

今回は生産性を向上させる事ばかり考えて記事を書いてきたので、逆に年末にかけて忙しい皆さんの時間を出来るだけ拘束し、忙しさを倍増させるものが無いかを考えました。その結果、動画で行こうと言う事になったのが1ヶ月以上前。動画閲覧本数はおそらく600本以上。その中から、おもしろそうなものを50個ベストチョイスいたしました。

http://e0166.blog89.fc2.com/blog-entry-820.html

webデザインのセンスを磨く○○系のwebデザインまとめ

webデザインを学ぶならwebデザインから。と言うわけで、今回は海外のエントリを中心に、○○系のまとめをまとめます。

http://e0166.blog89.fc2.com/blog-entry-817.html

jQueryプラグインのベストトレンド総まとめ2010

もはやこの業界ではかなり浸透しつつあるjQuery。今回はそんなjQueryにスポットを当て、本年度紹介された中でも、ホットなトレンドプラグインをご紹介します。

http://e0166.blog89.fc2.com/blog-entry-816.html

ツイッターの日常における35の行動パターン

私が良く見かける35の行動パターンに名前をつけてみようと思う。年末の誰も見てない時に公開しようと思っていた、ただのネタだったのですが、結構時間がかかりこの時期に・・・。

http://e0166.blog89.fc2.com/blog-entry-823.html

ウェブデザイナーのためのウェブアプリ15

OSがWindowsであろうと、ubuntuであろうと、共通のサービスを受けることができるのがウェブアプリケーションです。ウェブデザイナーの中には、自宅ですでにubuntuを利用している人も多い。また、Mac、Windowsと、各自それぞれの使いやすい物を利用していると思います。

http://e0166.blog89.fc2.com/blog-entry-784.html

愛用するGoogleChromeエクステンション12個

この2年でノートPC2台購入。自他のPCはクラッシュしてリカバリー。会社のPCは新しいのがあたり、再セットアップ。そんなこんなで、会社はまぁともかくとして、とりあえず全PCが比較的3ヶ月に一度リカバリーしてもいいように、自分用にメモとして残しておきます。

http://e0166.blog89.fc2.com/blog-entry-784.html

文章や会話のプレゼンテーションを向上させる方法

文章力がないためにプレゼンに失敗した、会話がうまくできずにプレゼンに失敗した。こういう経験はなかなか無い。なぜなら多くの場合、失敗したことに気がつかないからです。

http://e0166.blog89.fc2.com/blog-entry-802.html

サイトの裏側の意識を変え売り上げをアップする方法

ネットショップ運営者が、あることをちょっとだけ始めてみただけでわずか5ヶ月で売り上げが3倍になりました。はたして、webサイト運営がどのように変わったのでしょうか。。

http://e0166.blog89.fc2.com/blog-entry-749.html

webサイトのリピーターを増やすさりげない5つのコツ

多くのビジネスサイトのアクセス数を支えている大手検索サイト、Yahoo、Googleのアルゴリズムが変わる事で、突然商売がひっくり返る事態を回避する方法。

http://e0166.blog89.fc2.com/blog-entry-746.html