2010/02/05 12:45:04
22 
3 
5 coliss.com [
この元コンテンツへ ]
![[JS]写真撮影のように画像を切り取るスクリプト -Photoshoot | コリス](/thumbnail/392342.png)
大きな画像から指定した一部だけを切り抜いて、写真の撮影をシミュレートしたスクリプトをTutorialzineから紹介します。Making a Photoshoot Effect With jQuery & CSS デモページデモではカーソルに合わせて、カメラのファインダーで覗いているような矩形が表示され、クリックするとその箇所を切り抜いてギャラリーを作成します。 画像はページ下の「Images u...
[
← 前の画面 ]
【 PR 】 デザインに使えるネタ [
ニコニコ風 ] [
関連記事 ] [
Feeling Lucky ]
■ この情報のコメント・メモ ■
おもしろい [ mikitoh ]
デモページ
デモではカーソルに合わせて、カメラのファインダーで覗いているような矩形が表示され、クリックするとその箇所を切り抜いてギャラリーを作成します。
画像はページ下の「Imagesused」で変更できます。それにしてもなぜ新宿の夜景なんだろう、、、 [ okomeplaza ]
おもしろーい。けど、ちょっとファインダーの動きがぎこちない気が。 [ masafumi0426 ]
すご! [ Sunflower_36 ]
[
← 前の画面に戻る ]
■ ■
![[CSS]HTML5, CSS3, jQueryを使用して実装する画像ギャラリー | コリス](/thumbnail/345990.png)
[CSS]HTML5, CSS3, jQueryを使用して実装する画像ギャラリー | コリス [ 情報元へ ]
HTML5で実装し、CSS3を使用して面白い効果をつけ、jQueryで拡大表示する画像ギャラリーをCSS-Tricksから紹介します。Editable CSS3 Image Gallery demoデモはSafariやChromeで見ると、各サムネイル画像がマウスオーバー時にアニメーションを伴って...
![[JS]アクセシブルなパネルを開閉するスクリプト -jQueryFAQ | コリス](/thumbnail/246439.png)
[JS]アクセシブルなパネルを開閉するスクリプト -jQueryFAQ | コリス [ 情報元へ ]
スクリプトオフやスクリーンリーダーでも情報入手に支障がないように設計された、アクセシブルなパネルを開閉するスクリプト「jQueryFAQ」をCSS Tricksから紹介します。Dynamic FAQ Page demoデモでは、Q&A形式のパネルがdl要素で実装されており、それぞれのパネルは「an...
300+ Jquery, CSS, MooTools and JS navigation menus | 1stwebdesigner [ 情報元へ ]
If You are web developer great navigation menus always comes handy. I united this list for people like me, who sometimes wants to do job fast and cho...
floatさせた要素をレンガ風に整列してくれるjQuery Masonry | CSS Lecture [ 情報元へ ]
Category ： Javascriptfloatさせると要素の高さによっては、想定していたように並ばないことがあるかと思うんですが、そんな時に使えるのが今回紹介するjQuery Masonryです。まず水平方向に合わせた後、垂直方向にもあわせるので、綺麗に要素を整列できます。ダウンロード・使い...
jQueryで複数画像サイズをスライドバーを使ってユーザーに自由に変更してもらう*ホームページを作る人のネタ帳 [ 情報元へ ]
タイトルだけでは何言ってんだこの野郎という感じかもしれない・・・。 上にある画像の上部にスライドバーが付いていて、バーを動かすと、全体的に画像のサイズが変わると言う代物。 なかなか面白そうなのでメモしておきたい。 とりあえず動かして見るとわかります 動作サンプルはこちら 超訳していくとこんな感じ ...
21 Stylish CSS/jQuery Solutions To Beautify Your Web Designs @ SmashingApps [ 情報元へ ]
We are always in search of great free tutorials, resources, tips, tricks, etc. for our readers. Everyday we work hard to find new and useful stuffs f...
![[JS]クロスブラウザ対応の画像を使わずに角丸を生成するスクリプト -corners.js | コリス](/thumbnail/304613.png)
[JS]クロスブラウザ対応の画像を使わずに角丸を生成するスクリプト -corners.js | コリス [ 情報元へ ]
画像を使わずに、パネルの四隅を角丸にする軽量のスクリプトをthe css blogから紹介します。Creating rounded corners (the "Deviant art's" [...]
ページサイドにアニメーションするMac OS X 風のドック風ナビゲーション作成チュートリアル＆サンプル:phpspot開発日誌 [ 情報元へ ]
ページサイドにアニメーションするMac OS X 風のドック風ナビゲーション作成チュートリアル＆サンプル2009年12月08日-ページサイドにアニメーションするMac OS X 風のドック風ナビゲーション作成チュートリアル＆サンプルが公開されていてソースコードのダウンロードも可能です。 次のような...
Sexy Drop Down Menu w/ jQuery & CSS | Noupe [ 情報元へ ]
Studies show that top navigations tend to get the most visual attention when a user first visits a site. Having organized and intuitive navigation is...
jQueryを少し便利にする5つの関数 - ?D of K [ 情報元へ ]
jQueryはよく使うのだけど、ちょっとだけ不便なときがあったので、それに対応する関数を書いてみた。クラスを生成するvar Class = $.klass({init: function (a) { this.a = a; },view: function () { alert(this.a) }...
[
← 前の画面に戻る ]
