ブラウザサイズに応じてsrcやwidthを置き換えてくれるjQueryプラグイ...
単に画像をリサイズするだけではなくsrcも置き換えてくれるそう。PC版を...(続きを読む)

画像が個別にアニメーションしながら切り替わるイメージグリッド...
次のように画像が並んでおり、ランダムに数個が別の画像にアニメーショ...(続きを読む)

プロダクト画像を360度回転させられるようにするjQueryプラグイン５...
がまとまっています。ショッピングサイトでたまにみかける、マウスドラ...(続きを読む)

背景画像を全エレメントにブラーをかけつつ摘要できるjQueryプラグ...
。次のように、全体の背景をベースに、ブロックにブラーがかかった背景...(続きを読む)

PNGを無劣化で圧縮できるWindowsソフト「PNGGauntlet」
。いくらブロードバンドだからといって転送量のかかるサーバなどでは出...(続きを読む)

特定サイトのfaviconを手軽に取得できるOSS「getFavicon」
。サンプルとして、http://g.etfv.co/[URL] としてリクエストすればfaviconが取れ...(続きを読む)

カッコよくデザインされたピュアCSS3なアコーディオン実装デモ
がチュートリアル付きで公開されています。次のようなデザインでそのま...(続きを読む)

超シンプルなFlickr画像のスライドショーライブラリ「Flickrshow」
。APIの使い方が分からなくても数行のJavaScriptをコピペ出来れば実装できる...(続きを読む)

超カッコいいスライドショーを実装できる「iView v2.0」
。コントロールのデザイン等が良い感じで画像を切り替える際のエフェク...(続きを読む)

シンプルだけど印象に残る背景画像パターン１００
シンプルだけど印象に残る背景画像パターンが100個まとまったエントリの...(続きを読む)

これは使える！画像をレスポンシブに切り取るサンプルコード
。ブラウザ幅を小さくした際に、画像も小さくしてしまう、のではなく、...(続きを読む)

顔にモザイクをかけたりできる画像プロキシ
OpenCVを使うわけではなくて、指定サーバのURLの後に画像のURLを埋め込むだ...(続きを読む)

ブラウザ上で画像をトイカメラ風に変換できるJSライブラリ「vintage...
。ファイルをアップするとパラメータを調整して簡単にトイカメラ風の画...(続きを読む)

画像アップでインラインで使えるbase64形式に変換してくれる「Duri.m...
HTTPのコネクションを減らして未ロードの画像を高速に表示できるdataURLで...(続きを読む)

PNG画像をブラウザにドラッグ＆ドロップすればPNGを無劣化圧縮して...
。デスクトップ等においてあるPNGファイルをブラウザにドラッグ＆ドロッ...(続きを読む)

スマホやタブレットでGoogleマップ風に使えるパノラマ画像ビューア...
。Googleマップ風ということでイメージは出来るかと思いますが、次のよう...(続きを読む)

特定サイトから直リンクされた画像を一発で別の画像にする方法
。私のブログはともかく、不要な負荷が増えて嫌だなと思う場合に即効で...(続きを読む)

CSS3の3Dトランスフォームを使って螺旋状に画像をアニメーションさ...
。スクリプトを使わず、3Dトランスフォームだけで次のようにアニメーシ...(続きを読む)

画像にクールなアニメーションするホバーエフェクトを作るCSS3チ...
CSS3いい加減にせいという感じの画像に対するホバーエフェクトのサンプル...(続きを読む)

CSS3をフル活用した立体的な画像ギャラリー作成デモ
。一見、角丸に綺麗にデザインされたギャラリー。これだけでもいいので...(続きを読む)