スマホの傾きを検出してParallax効果を作れる「parallax.js」:phpspot開発日誌
parallax.js スマホの傾きを検出してParallax効果を作れる「parallax.js」 キャンペーンサイトなどでやると印象がグッとアップしそうなエフェクトが作れるっぽいですが、このデモは必見ですね。 画像は以下のようにulでリスト形式にしてレイヤーをずらす形で実現されるようです。 やってることの割りにはJSで比較的簡単に実装ができそうです 関連エントリ レスポンシブなパララックス効果付きサイトを作るフレームワーク「CoolKitten」 パララックスなスライダーを実装できるjQueryプラグイン「FractionSlider」 パララックス効果を作るスクリプトやプラグインのまとめ レスポンシブでタッチ対応な軽量なスライダー実装jQueryプラグイン「Unslider」
多機能でスタイリッシュなギャラリーを簡単に実装できる！jQueryプラグイン「MixItUp」 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、デザイナーのモモコです。 今回は多機能でスタイリッシュなギャラリー用jQueryプラグイン「MixItUp」をご紹介します。 「容量は軽いけれど力強く、美しいアニメーション、ソートやカテゴライズ、フィルタリング、レスポンシブレイアウト対応」…と、プラグインの説明ページから目についた英単語を並べただけでも機能の豊富さが分かって頂けると思います。 各機能の詳細は3パターンのDEMOサイトが用意されていますので、そちらをご参照ください。 MixItUpのDEMOサイトを見る ちなみに商用、非商用問わず使用可能です。 対応ブラウザはGoogleChrome4.0以上、Firefox4以上、IE10以上など最新の状態での閲覧を推奨しています。 スマートフォン、タブレットでもスムーズに動くようです。 IE9で試しに閲覧したところエフェクトは付きませんが、ソートなど機能面は問題なく使えました
何でも埋め込めてカッコいいモーダルダイアログ実装用jQueryプラグイン「Pop Easy」:phpspot開発日誌
Pop Easy | by Thomas Grauer 何でも埋め込めてカッコいいモーダルダイアログ実装用jQueryプラグイン「Pop Easy」 モーダルダイアログ実装用のプラグインは色々ありますが、次のようなカッコよくスタイリングされたダイアログが実装できます ダイアログの他、動画、IFRAMEの埋め込みが可能っぽいです CSSなので当然リデザインは可能ですが、初期デザインをちょっとカスタマイズして自サイト用にするだけで完成度の高いものが実装できそうですね 関連エントリ jQueryでモーダルダイアログを実現するプラグイン２０ クールなモーダルダイアログ実装ライブラリ「SimpleModal」
エレメントを立体的に回転させられるjQueryプラグイン「Vortex」:phpspot開発日誌
jQuery Vortex エレメントを立体的に回転させられるjQueryプラグイン「Vortex」 製品画像などを動きをつけて回転させるなどの用途に使えそうです。 スピードの調整ができたり、奥行きなんかもパラメータで自由に調整できるので、平面的に回転させることもできるっぽい 関連エントリ スプライトアニメーション作成用jQueryプラグイン「Phantascope」 3Dのキューブのアニメーションで迫力あるエフェクトを付けられるjQueryプラグイン「HexaFlip」 アニメーションしながらソートできるjQueryプラグイン「Animated Table Sorter」 CSS3による多彩なテキストアニメーションが実装できるjQueryプラグイン「Textillate.js」 クールでアニメーションするグラフを描画できるHTML5チャートライブラリ「Chart.js」
JavaScript製のショッピングカートシステム・simpleCart(js)
JSだけで作れるショッピングカート システム・simpleCart(js)のご紹介。 作れる、と書いてますけどまだ触って 無いです。便利そうだったので備忘録 的に記事にして見ます。簡単なもの ならこういうライトなもので済ませ たいですね・・ 時間が無くてデモを少し触っただけなのでセキュリティ面での安全性なんかは未確認です。OSSですが利用前にご自身でチェックして下さい。 JS製のショッピングカート。Mootools、jQuery、またはPrototypeに依存するライブラリです。JS+localStorageで作ってるっぽいです。ライトに使えて良さそうですね。※安全なら チェックアウトはPaypalやGoogleチェックアウトに対応しています。ソースをチラッと見たら”JPY”: { code: “JPY”, ～と言った表記があったので日本の通貨の事も一応考慮してくれてるかもしれない。 <s
tableをレスポンシブWebデザインに対応させるスクリプト・FooTable - かちびと.net
table要素をレスポンシブに対応させる、というスクリプトです。他にも同じようなスクリプトは存在しますが実用的ではなかったので紹介してなかったですけどこれはアリな気がします。 table要素をレスポンシブに対応させるjQueryプラグインです。他にもMediaTableやzurbのスクリプトもあります。 ウィンドウサイズの幅が狭くなると、表示しきれないカラム部分をタップによる表示式に切り替える、というもの。 上記のようにタップすると非表示部分のカラムの内容が表示されます。ユーザーにとっても分かりやすい気がしました。 公式の動作サンプルです Sample コード <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js" type="text/javascript"></script> <scri
JavaScriptのライブラリを沢山集めてカタログ化しているWebサイト・Jster - かちびと.net
JSライブラリのまとめサイトの ご紹介。既知の方も多いかもし れませんが、探すのに便利なの で改めてご紹介します。カテゴ リ分けもしてくれているので探 しやすいです。 様々なJSライブラリがまとめられています。探し物がある際は覗いてみるといいかも。 UIやメディア、グラフィック、ユーティリティなどのカテゴリに分けられています。現在は900ほどのライブラリがまとめられています。 シンプルで探しやすいのではないかと思います。ライブラリはそれぞれ簡単な説明もしてくれています。 パッと見たところ、評価の高い印象のライブラリに絞ってくれている・・・気がしました。（気がするだけかも 困ったら覗いてみようと思います。 Jster
クリエイター向け、まとめのまとめ / Maka-Veli .com
機械的でごめんない。サイト名は割愛させていただきます。掲載内容・順番に深い意味は特にありません。 お金もらって書いて、とかそういうのでも無いっす。 デザイン / 参考 【クリエイター必見】創作意欲が湧くデザイン 参考になるWebデザインリンク集まとめ Webデザイナーなら押さえておきたい、今月の優れたWebデザイン（2012年7月）まとめ11個 ハイクオリティな最近のパララックスWebデザインまとめ13個 ポートフォリオ作ろうぜ！参考サイト、リンクまとめ9つ 『さすがデザイナー…！』と思わされるクリエイティブな名刺デザイン集 配色のセンスをゼロから習得するために役立つスライドまとめ5つ GIFアニメを効果的に使ったサイトまとめ4つ ここまでするのか！アイデア満載の採用サイト おしゃれでかわいいポスターデザイン集 【デザイン】面白いアイディアの広告ギャラリーまとめ HTML5で書かれたス
[JS]ページのレイアウトに役立つjQueryのプラグインのまとめ
Pinterestのようにパネルを隙間なくレンガ状に配置したり、異なる高さのパネルを同じ高さにしたりなど、ページのレイアウトに役立つjQueryのプラグインを紹介します。
画像を使ったいろいろなjQueryプラグイン224個まとめ - かちびと.net
画像にエフェクトをかけて拡大表示したり、スライドを作ったり、ツールチップで表示したり、というような画像を使用したjQueryプラグインが沢山あるのと、探してる方が直ぐに見つけられるように、という事でリンク集を作りました。 という訳で、集まっているjQueryのプラグインの共通点は画像を使っている、という事だけです。一貫性無いといえば無いですが、個人的にも必要とする事が多いので自分用のメモも兼ねてシェア。 日本語 English 結構カテゴリ分けはいい加減かもしれませんのであしからずご了承下さい。画像じゃなくてもいいんじゃ・・みたいのもありますが、デモで画像を使ってる、画像と相性が良さそう、みたいなものは基本的に掲載しています。 リンクにマウス乗せればキャプチャが出ます。 Lightbox Lightbox風に画像を表現できるjQueryいろいろ Lightbox2 / ベーシックなタイプ。
Popular jQuery Plugins List Directory (A-Z) — SitePoint
A 10 jQuery Accordian Plugins 20 jQuery AJAX Plugins 10 Ajax and jQuery Plugins 10 jQuery Ajax Widgets 10 jQuery Alert Windows Plugins 15 jQuery Animation and Effects Plugins 8 jQuery Animation Controls Plugins 10 jQuery ASP Plugins 10 jQuery Audio Plugins B 7 jQuery Browser Tweak Plugins 1 10 jQuery Browser Plugins 2 10 …
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
タグによるフィルタリング機能を実装できるjQueryプラグイン