今風になった！Web制作で使える最近のjQueryプラグインまとめ
作成：2014/10/14 更新：2014/11/01 Web制作 > 比較的最近のプラグインで、今風の動きをするものなど、制作前に知っておくと助かるjQueryプラグインをまとめました。国内のサイトであまり取り入れてないようなものや、定番のものまで。ページにちょっとした工夫を凝らしたいときや、少しめずらしい仕掛けでキャンペーンサイトを作りたいときに。 エンジニア速報は Twitter の@commteで配信しています。 もくじ 動き １．ジオメトリック 背景 ２．フルスクリーンでスライドさせる ３．ドロアー風ライトボックス ４．動画を再生するタイプ３つ スクロール ５．スクロールでクロスフェード ６．スクロールで奥行きを表現 ７．スクロールで分割 画像 ８．APNG ９．Google 画像検索風ライトボックス １０．トイカメラ風のフィルター ポップアップ １１．おしゃれなアラート １２．
jQuery simplyScroll - Logicbox
simplyScroll v2 a flexible jQuery content scroller with touch support Home » jQuery » simplyScroll This plugin is now legacy and is mostly unsupported! Core functionality still works, but all features described may not work as intended or at all, please use at your own risk! simplyScroll is a scroll-tastic jQuery plugin that can animate (scroll) content either automatically or manually, horizontal
【17選】要素をひっくり返す動作や本をめくる動作を実装するjQueryプラグイン | Stronghold Archive
どうもこんばんは。今回のtips【17選 要素をひっくり返す動きや本をめくる動きを実装するjQueryプラグイン】です。海外ブログからとても便利そうなプラグインを見つけたのでメモです。ちなみにこの「ひっくり返る」という動きは、「くるっと要素が回転し背面が見える」という動きになります。 Flip – 要素をひっくり返す動き 以下、個人的に使えるなぁと思った順番です。一部pluginを使わない物も含まれています。これらの動きを応用した「本をめくるアニメーション」は続けてリストとしています。 1.Flippy 動きがスムーズなプラグインです。Chrome,Firefox,Opera,OperaIE8に対応しているそうです。ただし要素を変形させる訳ではないようですので細かい部分でしたら他のプラグインが有利かもしれません。 2.Flip! 上のflippyと挙動等ほとんど変わりません。対応はFire
jScrollPane | Webサイト制作支援 | ShanaBrian Website
jScrollPaneの使用方法をご紹介しています。 jScrollPaneはCSSでデザイン可能なオリジナルスクロールバーのjQueryライブラリです。 公式サイト ※ このライブラリは、jQueryが別途必要です。 目次 デモ ダウンロードと設置 JavaScriptの読み込み 適用方法 スクロールバーのスタイル オプション デモ 次のデモは、CSSでbackground-colorとpadding、borderを指定しています。 スクロールはデフォルトのものです。 text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text te
Codebit | Sviluppo Web in pillole » jQuery ReStable v0.1.2
jQuery ReStable is a very simple and lightweight (~1Kb) jQuery plugin that make tables responsive making them collapse into ul lists. Download it on GitHub To use it you just have to include jQuery and a copy of the plugin in your head or footer: <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script> <script type="text/javascript" src="jquery.restable.min.js"></scri
jQuery Address - Deep linking for the masses
The jQuery Address plugin provides powerful deep linking capabilities and allows the creation of unique virtual addresses that can point to a website section or an application state. It enables a number of important capabilities including: Bookmarking in a browser or social website Sending links via email or instant messenger Finding specific content using the major search engines Utilizing browse
Twitter検索結果をリアルタイム表示するjQueryプラグイン「monitter」徹底解説
Twitterの検索結果をリアルタイム表示するjQueryプラグイン「monitter」を紹介します。スクリーンショットは「Android」の検索結果をリアルタイム表示したものです。 このプラグインはやや古いもので、現在では公式の検索ウィジェットもありますが、公式のものは日本語の設定が面倒なのとデザインが限られるので、意外にこちらの方が使いやすいかもしれません。 １．機能 Twitterの検索APIとjQueryプラグインを組み合わせてウィジェットをウェブサイトに表示し、ウィジェットに検索結果をリアルタイムで表示します。 ウィジェットは1つのページに複数設置できます。設定方法については４項以降で解説します。 ２．公式サイトのデモ 公式サイトでデモを確認できるので、操作方法を紹介します。 公式サイトの「monitter」にアクセスします。 ページ左上にある「tweets containing
[JS]ページのレイアウトに役立つjQueryのプラグインのまとめ
Pinterestのようにパネルを隙間なくレンガ状に配置したり、異なる高さのパネルを同じ高さにしたりなど、ページのレイアウトに役立つjQueryのプラグインを紹介します。
jQueryで作る、サムネイルがカルーセルスライドするレスポンシブなイメージギャラリー
「Elastislide – A Responsive jQuery Carousel Plugin | Codrops」の応用版のような感じで、サムネイル部分がカルーセルスライドする、レスボンシブなイメージギャラリーのチュートリアルが公開されていましたので参考に「サンプル」を作ってみました。 レスポンシブな点と沢山の画像を見せるのにかっこいいなぁと思って使ってみましたが、「BorisMoore/jquery-tmpl」を使っていたりで、私には知識不足でよく分からず、コピペして使わせて頂いただけという感じです…。 チュートリアルページ：Responsive Image Gallery with Thumbnail Carousel | Codrops デモ：Responsive Image Gallery チュートリアルページよりデモのファイルもダウンロードできます。 作り方 画像はプレビ
もう他のは要らないかも、なクールなツールチップ作成フレームワーク「Tipped」:phpspot開発日誌
もう他のは要らないかも、なクールなツールチップ作成フレームワーク「Tipped」 2011年04月11日- Tipped - The Javascript Tooltip Framework | jQuery & Prototype Tooltips もう他のは要らないかも、なクールなツールチップ作成フレームワーク「Tipped」 これ１つで出回ってるであろう殆どのツールチップは作れる気がします。しかも全てハイクオリティ。 フレームワークということで以下の点をカスタマイズ可能 ・スキン ・ツールチップの位置設定（左右上下など） ・コンテンツをAJAX読み込み ・ローディング画像のカスタマイズ ・コールバック機能(afterUpdate)、イベント(onHide, onShow) ・APIの提供 スクリーンショットを以下にサンプルとして掲載。 それぞれがセンスがよくてどれをつかってもよい気が
Sharrre - A plugin for sharing buttons
Make your sharing widget! Sharrre is a jQuery plugin that allows you to create nice widgets sharing for Facebook, Twitter, Google Plus (with PHP script) and more. Create your own sharing buttons All sharing buttons are different, with Sharrre you can create uniform buttons to integrate with your designs. Improve your loading page With Sharrre, the API buttons are called on demand and once, regardl
クールなタグ入力＆オートコンプリート機能付きフィールド実装jQueryプラグイン「TextExt」:phpspot開発日誌
クールなタグ入力＆オートコンプリート機能付きフィールド実装jQueryプラグイン「TextExt」 2012年01月23日- jQuery TextExt Plugin クールなタグ入力＆オートコンプリート機能付きフィールド実装jQueryプラグイン「TextExt」。 テキストフィールドに入力するとオートコンプリートしつつ次のようにタグ風に入力できるフィールドが実装出来ます 実装コードは次のようにtextareaを初期化するだけで、補完用アイテムも配列かajaxで指定できるみたい。 こうしたインタフェースが最適な部分って最近のＷＥＢサイトでは結構ありそうですが、覚えておくと素早く簡単に実装できますね 関連エントリ 面白いテキストアニメーションが作れるjQueryプラグイン「textualizer」 紙芝居のようなアニメーションでスライドするスライダー実装jQueryプラグイン「Innov
ALAJAX - jQuery AJAX Forms plugin
ALAJAX V 1.2 Options and events added, like: type (data return type), success (call back to run when success), beforeSend (to run just before sending data), error (to do something when error occures) Converts forms into AJAX simply. No programming background needed. Works with Dynamic Forms (forms that is updated by Javascript) Lightweight code (3KB uncompressed). Easy to understand and to modify.
クライアントワークでよくお世話になっているjQueryプラグインいろいろ
私が仕事で Web制作をする時に、よく利用させてもらっている jQuery のプラグインをまとめてみました。ライセンスは MIT、GPL のものばかりです。デザイン、レイアウト的に汎用性のあるものになっています。また、IE 特有のバグ（透過PNGの黒ずみなど）対策についても少し触れてみました。 Webサイトを作る時に、何かとお世話になっている jQuery のプラグイン。HTML と CSS だけでは表現できないことも、Javascript を使うことでいろいろできるようになりますよね！インターネットを見ていると、本当にたくさんの jQuery のプラグインが公開されています。feed を読んでいても、1日一個くらいは新しい jQuery のプラグインに出会います。どれを使ったらいいか迷うくらい … 。 今回は、そんな数ある jQuery のプラグインの中から、 私がクライアントワーク（仕
Code | Drew Wilson.com
Comments are moderated. Need Help? Have a Feature Request? Use the Community Forums
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
https://vestride.github.io/Shuffle/
TN34 Facets jQuery Plugin - TN34.DE
http://www.xiii-xiii.com/2012/04/17/%E3%83%91%E3%83%A9%E3%83%A9%E3%83%83%E3%82%AF%E3%82%B9%E5%8A%B9%E6%9E%9C%E3%81%AEjquery%E3%83%97%E3%83%A9%E3%82%B0%E3%82%A4%E3%83%B3%E3%81%BE%E3%81%A8%E3%82%81/
公海555000kk线路检测—首页（欢迎您）
http://grrrid.frebsite.nl/