ページの要素を3D化できる面白jQueryプラグイン「3Dify」:phpspot開発日誌
3Dify Plugin ? Rendi qualsiasi elemento della tua pagina web 3D ページの要素を3D化できる面白jQueryプラグイン「3Dify」 マウスカーソルを合わせると、要素がインタラクティブに３Dで動くというインタフェースを実現できるjQueryプラグインです。 通常は平面の要素がグリグリ３Dで動きます。 ブログレイアウトでも次のようにグニャグニャとなります。ちょっとしたサプライズ要素として覚えておいてもよさそうです。 動作ムービーは以下。 一昔前はこんなことが出来るなんて誰が想像したでしょう、というインタフェース。 使いどころはそれほど無いかもしれませんが、覚えておけば何かびっくり要素を入れたい、的な時に役立つかも。 関連エントリ スポットライトを画像にあてる効果を作れるjQueryプラグイン「Spotlight」 リンクの開きかた
ページ内の要素に重力を与えて落下させられるjQueryプラグイン「jGravity」:phpspot開発日誌
jGravity Demo ページ内の要素に重力を与えて落下させられるjQueryプラグイン「jGravity」。 一見なんの変哲もないページだったとしてもボタンを押すと全ての要素に重力を与えてブラウザの下の方に落下させるというエフェクトがかけられます。 「Initiate jGravity」ボタンで重力を与えます。 次のようにアイテムが落下します。 使いドコロは難しいですが、驚きのエフェクトとして覚えておいてもよさそうです 関連エントリ エフェクトが色々選べるイメージスライダー実装jQueryプラグイン「Adaptor」 ターミナルに文字を打ってるアニメーションエフェクトが作れるjQueryプラグイン「Typist」 jQueryでフリップエフェクトを使った良プラグインやサンプル集１０ 画像ホバー時に２０種類以上の多彩なエフェクトがかけられるjQueryプラグイン「Adipoli」
JSでのタイマー処理がもっと簡単になるjQueryプラグイン「timing」:phpspot開発日誌
timing: a jQuery plugin JSでのタイマー処理がもっと簡単になるjQueryプラグイン「timing」 setTimeoutやsetIntervalはタイマー関連の関数ですが、沢山使うとどこで何やってるかわかりにくくなって管理がめんどくさいですね。 timingプラグインを使えば、次のように書けば 0.3秒ごとにクラスをつけたり消したりということが可能。これにより文字を点滅させたりする処理が簡単にかけます $('.example1').repeat(300).toggleClass('blink'); repeat は setIntervalにあたり、何度も実行させるメソッドでありますが、setTimeoutの対応としてwaitメソッドがあります。 次のように書けば、0.5秒後にクラスを追加し、その0.2秒後にクラスを削除というような処理が可能です。これをsetTim
ストレス無しでGoogleマップを使ったサイトが作れる「gmaps.js」:phpspot開発日誌
gmaps.js ? the easiest way to use Google Maps ストレス無しでGoogleマップを使ったサイトが作れる「gmaps.js」 Googleマップのサイトへの実装が本当に簡単で、かつ多機能なライブラリのご紹介です 簡単なマップを出すのに必要なコードは以下。 表示させるdivと緯度経度を指定するだけです 出来ることリストは以下 マップのクリック、ドラッグ時のイベントハンドラ実装 マーカー付与 ジオロケーション・ジオコーディング マップオーバーレイ マップ上のコンテキストメニュー実装 地図上の区画指定 目的地までのルート描画 静的な画像をマップ表示 などなど超多機能。 Googleマップ使うかもしれない場合は覚えておいて損はありません 関連エントリ Googleマップ関連のjQueryプラグインとチュートリアル集 スマホやタブレットでGoogleマップ風
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ブラウザ上で動くイラストレーターのOSS「mondrian」:phpspot開発日誌
タイピングアニメーションを作れるjQueryプラグイン「Typed.js」:phpspot開発日誌
