Webサイトのレイアウト調整や補助に使えるjQueryプラグインいろいろ
レイアウトの調整を簡略化したり、通常 は難しいレイアウトを可能にしたり、とい った補助的なjQueryプラグインのまとめ です。最近探す機会が増えたので今後 の為に備忘録的に記事にしておきます。 この手のプラグインは数多にあるので 好みで端折っています。 レイアウトの調整や補助などに使えるjQueryプラグインのまとめ。と、言っても大抵は既出だと思います。順不同。 Supersized 画面に合わせて自動的に背景画像を伸縮してくれるだけでなく、スライドショーにもなってくれます。いつか仕事で使いたい。最近FlickrのAPIにも対応しました。 Supersized jQuery UI.Layout Plug-in ブラウザごとの差異を考えずに自由にレイアウトを組めます。 jQuery UI.Layout Plug-in JQUERY CUSTOM CONTENT SCROLLER スクロール
画像スライダーに関することならお任せ！なjQueryプラグイン「Slider Kit」:phpspot開発日誌
画像スライダーに関することならお任せ！なjQueryプラグイン「Slider Kit」 2011年04月12日- Slider Kit, sliding contents with jQuery 画像スライダーに関することならお任せ！なjQueryプラグイン「Slider Kit」 このプラグインを使うことで実に様々なスライダーが実現出来ます。以下にサンプルを。 一見普通の画像 カーソルを合わせるとページ送りが出るUI。これだけでもシンプルでかなり使えそう。無駄なUIは不要という方に。 ページインデックスを次のように○で表示したスライダーも作れます。 ページ番号がついたもの サムネイルがついた物 サムネイル＋ラベル付き サムネイルを横に配置したもの シンプルにサムネイルを敷き詰めた例 何らかの製品等の特徴を表示するようなおなじみのタブUI型スライダーも。 画像だけでなくHTMLも使える タ
リンクにカーソルを合わせるとQRコードをポップアップさせられるjQueryプラグイン「qrTip」:phpspot開発日誌
リンクにカーソルを合わせるとQRコードをポップアップさせられるjQueryプラグイン「qrTip」 2011年01月14日- kovshenin.com // Thinking about WordPress, PHP, MySQL, jQuery, Web 2.0, PR and Social Media リンクにカーソルを合わせるとQRコードをポップアップさせられるjQueryプラグイン「qrTip」 次のように、カーソル位置のＵＲＬをQRコードに変換して表示させちゃうことができます。 画像自体はGoogle Chart APIを使うので、サービス終了の懸念は少ない上にスピードも高速です。 使い方はいたって簡単で、jQuery(element).qr() のように qr メソッドを読んであげるだけです。 デザインもなかなかいい感じですね。 携帯サイトへのリンクの誘導にはもってこいのプラ
サイト内にヘルプシステムを埋め込めるjQueryプラグイン「Embedded Help System」 | Web活メモ帳
操作説明など複数手順が必要な説明って言葉だけだと難しいですよね。 このプラグインを使用する事で 操作させる順番の数字アイコンを表示させたり、どこにマウスを持っていけばよいか、を簡単に伝えられるようになります。 以下は実際に使ってみた様子です。 ↑１番のアイコンが表示されるのでマウスオーバーすると説明が表示されます。 ↑２番目のアイコンにマウスオーバーした所です。 実際の動きはデモページから確認する事ができます。 サイトの左側にあるHow to…と赤字になっているメニューをクリックしてみてください。 ユーザーを誘導するマウスのアニメーション表示など便利そうです。
フォームで離脱させないためのjQueryプラグイン50選｜designaholic -Creative Column-
最近では、エントリーフォーム最適化（EFO）という施策も広まってきましたが、特に購入やサンプル請求、お問合せ等がコンバージョンとなっているサイトではフォームで離脱されてしまってはせっかくの広告や施策が水の泡になってしまいます。 ここではユーザーを離脱させないために気をつけたいポイントとそれを実現するために便利なjQueryのプラグインを紹介します。 まず、入力フォームを作成する際のポイントは、ユーザーにストレスを感じせない事です。ストレスの原因となるものは大きく言うと 入力しづらい、エラーメッセージがわかりづらい、といった操作に関するもの。 どこまでやれば完了なのかわかない、個人情報の扱いが心配、といった心理的なもの。 です。なのでこの点を解消させてあげるフォームを作成すればユーザーが離脱する可能性は下がりますね。 具体的なポイントは以下のような項目になります。 必須入力か
デザイナー・デベロッパーのためのjQueryプラグイン30 – creamu
jQueryを使ってクールなインターフェースを実装したい。 そんなときにおすすめなのが、「30 Useful Jquery Plugins For Developer & Designer」。デザイナー・デベロッパーのためのjQueryプラグイン集です。 結構いい感じのものが揃っています。 YoxView – jQuery image viewer plugin 動きの軽快なlightbox系プラグイン Exposure Jquery Plugin かっこいい見せ方ができる画像ビューア jQuery Constant Footer フッタをブラウザ下部に固定配置するためのスクリプト。RSSを読み込んだりもできる ezMark jQuery Plugin チェックボックス、ラジオボタンをかわいいデザインに 変更できるプラグイン Cloud Zoom これはすごい気がする。画像の一部を拡大して
＠IT：Java TIPS -- EclipseでJavaScriptを編集する
表を見てもお分かりのように、クライアントサイドスクリプトとサーバサイドアプリケーションとは決して相対するものではなく、相互に補完する存在なのです。 そこで本稿では、クライアントサイドスクリプトの中でも代表的なJavaScriptの記述を支援するプラグイン「JavaScript Editor」をご紹介することにしましょう。「JavaScript Editor」はJavaScript向けに作られたEclipse用のエディタで、JavaScriptの予約キーワードのハイライト表示を可能とするのみならず、アウトライン機能にも対応することで、コード全体の可視性を高めます。 操作手順 （1）「JavaScript Editor」プラグインを入手する 「JavaScript Editor」プラグインは、以下のサイトから入手することが可能です。その時々の最新安定版をダウンロードしてください。 ・http:
Enterprise Software Development and Consulting | Exadel
Services Strategy & Technology Consulting AI & Data Management Digital Experience Digital Products & Platforms IT Managed Services End-to-End Digital Transformation Reach out to our experts to discuss how we can elevate your business. Industries Banking & Capital Markets and Asset Management Communication, Media, and Business Services E-Commerce and Retail High Growth Startups Software and High Te
20 CSS Tips & Tricks
Enterprise Strategy Group: Go-to-market Expertise to Help You Win
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
