WEB制作者とブロガーの『遊び心をくすぐる』26のブックマークまとめ*ホームページを作る人のネタ帳

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

スポンサードリンク

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

吹き出しCSS１

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

吹き出しCSS２

これはかなり良い。

噴出し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でサイトを作りたい・・・そんな時に役立つかもしれません。

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

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

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

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

顔似顔絵ジェネレータ

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

シンプソンズジェネレータ

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

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

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

はてなブクマ

私の他のブログの更新状況

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です！』