CSSだけで画像をシャレオツにしてしまう４つのエフェクトサンプル...
。次のように、画像を一瞬にしてオシャレにするCSSコード例が紹介されて...(続きを読む)

CSS3で出来たクールなLightBox実装チュートリアル
。もうなんでもCSS3でできるような気になってしまいますが、LightBoxもCSS3で...(続きを読む)

CSS3で画像を分割スライドする超クールなパネル実装例
。例えば、画像が４枚に分割されていてそれらがアニメーションで次の画...(続きを読む)

コンテンツをアニメーションさせつつ切り替えるタブを実装するCSS...
。タブをクリックするとコンテンツをアニメーションしながら切り替えつ...(続きを読む)

フルスクリーン背景がスライドショーになるCSS3サンプル
。ページ全体の背景がCSS3によってアニメーションされ切り替わるサンプル...(続きを読む)

クールな通知件数表示のCSSデザインサンプル
。タブの上にずらして件数表示を分かりやすくクールにデザインしたCSSデ...(続きを読む)

フルスクリーンでぼかしがカッコいいHTML5ギャラリーを作るサンプ...
が公開されています。画像切替の際のぼかしアニメーションがなかなかい...(続きを読む)

紙のノートっぽいWEBデザインでコンテンツを綺麗にラインに合わせ...
。昔試したことがありますが、文字と背景画像のラインを合わせるのは画...(続きを読む)

iPhoneの傾きで画像を回転させられるようにする「lenticular.js」
パソコン、iPhoneの両方で見て頂きたいですが、iPhoneでアクセスした場合はi...(続きを読む)

コンテンツをフルスクリーン表示にする際に便利なJSライブラリ「s...
FullScreen API のクロスブラウザで動作するラッパーライブラリです。例えば...(続きを読む)

画像のプレースホルダを生成してくれるJSライブラリ「Holder.js」
<img src="holder.js/300x200"> と書くとcanvasを使い、指定したサイズの...(続きを読む)

PHPでInstagram風に画像フィルタをかけられるクラスライブラリ
が公開されています。内部的にはImageMagickを使ってフィルタをかけている...(続きを読む)

フリーで使えるPHP製画像ギャラリースクリプト「PhotoShow」
オープンソースソフトウェアです。UIが次のように新しめの物になってい...(続きを読む)

レイヤー機能による画像合成機能やサムネイル生成等が超簡単に行...
。画像生成のサービス等を作る際には押さえておきたいライブラリかも。W...(続きを読む)

canvasを使って画像をスタイリングするチュートリアル
。画像をブラウザ上でリアルタイムに切り抜いたり色合いを変えたり、円...(続きを読む)

Retinaディスプレイ判別で自動で高解像度画像を出しわけ可能な単独...
<img src="/images/my_image.png" /> という画像タグがあったとするとス...(続きを読む)

画像を選ぶとbase64形式のURLに変更してくれる便利ツール「Image2Base64...
。ページを開くとダイアログが出るので、ローカルからファイルを指定す...(続きを読む)

マウスホバーだけの簡単操作で画像をズームできて便利な「jQuery Zo...
。画像にマウスホバーするとマウス位置部分が拡大されて表示されます。...(続きを読む)

画像ホバー時に２０種類以上の多彩なエフェクトがかけられるjQuery...
画像にカーソルを合わせるとアニメーションを画像に重ねて、インタラク...(続きを読む)

Instagramから写真を取ってきて表示できるjQueryプラグイン「jQuery Spect...
。APIをJS経由で叩いて、タグ、ポピュラー、指定ユーザの写真をフェッチ...(続きを読む)