Qiitaのtextarea自動補完がOSSになりました - Qiita
$('textarea').textcomplete({ // mentionは単なる名前で意味はありません。 // 分かりやすい名前をつけてください。 mention: { // 必須設定 match: /(^|\s)@(\w*)$/, search: function (term, callback) { // callback には文字列の配列を渡す $.getJSON('/search', { q: term }) .done(function (resp) { callback(resp); }) .fail(function () { callback([]); }); }, replace: function (value) { return '$1@' + value + ' '; }, // 任意設定（下記はいずれもデフォルト値） index: 2, maxCount:
jQuery高速化！処理速度を10倍上げるテクニック20選
Aircraft manuevers during an airpower deomonstration. / Official U.S. Navy Imagery Javascriputを簡単に書けるようにしてくれるライブラリのjQueryですが、使い方をちょっと変えるだけで、パフォーマンスに大きく差がでます。ハイスペックPCでは分かりづらいかもしれませんが、スペックの低いPCやモバイルではWebページの表示速度が遅くすぐに閉じられるかもしれません。 Webページがたった1秒高速化するだけでECサイトなんか、売上が10％向上した事例もあります。そこで、jQuery高速化のポイントや方法をここにまとめておきます。 jQueryの最新バージョンを使う 図1 jQueryのバージョンによる速度 https://jsperf.com/speed-comparison-of-jquery-vers
【jQuery】要素が見えたタイミングでイベントを発生させるjQueryプラグイン | バシャログ。
はじめまして、今月よりバシャログのメンバーになったfukasawaと申します。 まだまだ勉強中で至らぬ点も多々あるとは存じますが、生温く見守っていただけると幸いです。 本題です。社内で行われているjQuery勉強会のネタ探しのためにWeb DesigningのjQuery Lab.を読んでいたのですが、記事の中でinviewというjQueryプラグインが使われていました。 記事では「グラフを描画する領域がブラウザの表示領域内に入ったタイミングで、アニメーションを実行しグラフを描画する」という動作を行うためにこのプラグインが使われているのですが、inviewを使うことで、このように「ブラウザ上で見えたときに処理を実行する」という動作を実現できるようです。 jquery.inview 気になったので使い方を調べてみました。 簡単な使い方 1. jQueryとjquery.inview.jsを読
jQuery 1.9.0 での変更箇所の自分なりのまとめ | 私的なjQuery他
jQuery 1.9.0 のリリースノートを読んで、自分なりにまとめました。 誤訳して間違ったことをまとめてる可能性も否定できないので 読まれる際はご注意下さい。（※ページをそのまま訳したわけではありません） 箇条書きにすると以下のような感じ： 1.9 と 2.0 について API の整理 .css([name1, name2, ...])で複数のプロパティの値を一度に取得可能に CSS3 のセレクタのサポート .finish()の導入 ソースマップのサポート 1.9 と 2.0 について jQuery 1.9 と 2.0 は同じ API を持ちます。しかし、2.0 の方は IE 6-8 のサポートを行いません。1.9 では引き続きサポート されます。そのため、IE 6-8 が自サイトの対象ブラウザに 入っている場合は 1.9 を使用することになります。 jQuery チームは 1.9 と
)
Script Junkie
Creating Responsive Applications Using jQuery Deferred and Promises Julian Aubourg, Addy Osmani | March 24, 2011 Today we’re going to explore the concept of deferreds - an important feature found in JavaScript toolkits such as dojo and MochiKit, which recently also made its debut to popular JavaScript library jQuery. Deferreds offer a solution for abstracting non-blocking elements (such as the res
スクロールで順に画像読み込みLazy Load Plugin for jQuery
Mon, Jan 1, 0001 Lazy Load delays loading of images in long web pages. Images outside of viewport will not be loaded before user scrolls to them. This is opposite of image preloading. This is a modern vanilla JavaScript version of the original Lazy Load plugin. It uses Intersection Observer API to observe when the image enters the browsers viewport. Original code was inspired by YUI ImageLoader ut
「jQuery Mobile」の登場で、モバイルアプリケーション開発は大きく変わる － Publickey
このところHTML5関連のモバイルアプリケーション開発について調べていて、先週の水曜日にはSwapSkills主催のイベント「jQueryモバイルで簡単！ スマートフォンサイト作成」に参加してjQuery Mobileについて勉強してきました。 jQuery Mobileとは、jQueryのプラグインとして利用するモバイルアプリケーション用のライブラリです。そしてその驚異的なまでの簡単さは、これから業務用のモバイルアプリケーションの作り方を一変させてしまう可能性を感じさせます。 jQuery Mobileの大きな特徴は次の3つです。 1）HTMLを書くだけでモバイルアプリケーションができてしまう 2）モバイルのユーザーインターフェイス対応の部品が多く揃っている 3）iOS、Android、WebOS、Windows Moblie、Symbianなどクロスプラットフォーム対応である 具体的な
リアルタイムフォームバリデーション jQuery.validation.js :: 5509
お知らせ（10.08.06）： jQuery.validation.jsはアップデート・修正対応などを終了しました。 仕様などを変更したバリデーションプラグインを公開したので、そちらの方を参考にしてください。（validation.jsにはあるのにexValidationでは実装していない機能もありますが、基本的に実装は行いません） どんなフォームにも使えるjQueryのフォームバリデーションプラグイン: exValidation jQuery.validation.jsはフォーム入力のイライラを軽減して、Webブラウジングとかショッピングをもっと快適にするためのjQueryプラグインです。(もちろんサーバサイドでのチェックは必須ですが…) jQuery.validation.jsのサンプルを見てみる トピックス 特徴 ダウンロード 導入方法 1.JSファイルを読み込む 2.input要素
JavaScriptでcookieを操作する時はjquery.cookie.jsを使おう - monjudoh’s diary
↓でtxtファイルとしてダウンロードできる。 http://plugins.jquery.com/project/cookie 使い方はデモを触ってみてソース見るとか、 jquery.cookie.jsのソースのコメントの@exampleを見るとかすればいいと思うけど簡単に説明しておくと、 基本的には$.cookie(クッキー名);で値の取得、$.cookie(クッキー名,値);で値の設定が出来て、 第3引数でoptionがいろいろ指定できる。 $.cookie(クッキー名,値,{ expires: 日数, path: '/', domain: ドメイン});とか。 expiresをDateオブジェクトだけじゃなくて日数の数値としても指定できる(というか基本的にこっちを使うはず)。 jQuery pluginだけど$.関数名で使う関数であり、 依存しているjQueryの機能がjQuery.
jQueryプラグインのベストトレンド総まとめ2010*ホームページを作る人のネタ帳
もはやこの業界ではかなり浸透しつつあるjQuery。 今回はそんなjQueryにスポットを当て、本年度紹介された中でも、ホットなトレンドプラグインをご紹介します。 ※プラグインつかってないのもあります。 １）3D表示プラグイン サンプルデモ 今年のトレンドと言えば3D。 というわけでこちら。まずはサンプルデモを確認。 触ってわかる通りですが、2枚の画像が3D表示されます。 呼び出す $(function() { $('#mindscape').smart3d(); }); HTML <ul id="mindscape"> <li><img src=".../mindscape1.png" /></li> <li><img src=".../mindscape2.png" /></li> </ul> CSS #mindscape { width: 720px; height: 170px;
jQuery Face Detection Plugin
Credits jQuery plugin written by Jay Salvat. Full credits for the Face detection algorithm go to Liu Liu. Buy me a beer! Feeling Generous? Feel free to buy me a beer. Beer is good for motivation and further developments. Help & support Need help for this plugin? Don't waste your precious time and hire me for work right away.
要素を画面の定位置に表示させる jQuery プラグインを書きました | tanablog
ある要素を画面下や画面右などに配置する jQuery プラグインを書きました。ページトップへ戻るボタンやウィジェットなどを固定位置に表示させたいときに使います。 tanabe's jStageAligner at master - GitHub デモページ 基本的な使い方 要素に対して .jStageAligner(position) を実行します。position には画面の四隅とそれぞれの辺の中央、画面中央の合計 9 つの場所を指定できます。 下記は、画面の右下に配置するコードです。 $("#box").jStageAligner("RIGHT_BOTTOM"); オプション また、オプションで移動までの時間やマージンを指定できます。 $("#box").jStageAligner("RIGHT_BOTTOM", {time: 500, marginRight: 100, margi
多数の言語に対応して色合いも選べるシンタックスハイライト用jQueryプラグイン:phpspot開発日誌
Snippet jQuery Syntax Highlighter 多数の言語に対応して色合いも選べるシンタックスハイライト用jQueryプラグイン。 メジャーな以下の１５の言語は標準サポートしていて、他にも多数のフォーマットに対応できます。 このプラグインのユニークなところは、３９のカラースキームから選べるという部分。 実に多数の色合いから好きなものを選べるので、様々なタイプのデザインのマッチさせることが出来るでしょう。 実装は必要なライブラリを読み込んで、$(element).snippet("pascal") といった感じでハイライト言語を引数で渡してあげるだけです。 実装もかなり簡単です。 .snippet("php",{style:"navy",showNum:false}); styleで色合いを簡単に指定。行番号のあり・なしも指定可能です。 技術系のサイトを運営している人は覚
Zoomooz.js
Zoomooz is: 6KB gzipped and 18KB minified. This includes everything but jQuery. Make any web page zoom. Download ZIP File Download TAR Ball Fork On GitHub Latest version: 1.1.9 (Nov 11, 2013, hacky fix for the back and forward buttons #66) Zoomooz is a jQuery plugin for making web page elements zoom. It can be used for making Prezi like slideshows and for zooming to images or other details. Quirky
Where Pressure Meets Perfection and Legends Are Born - no-margin-for-errors.com
The Psychology of Greatness in Legendary AthletesWhat defines greatness in legendary athletes? Beyond physical prowess and skill, their characters, mental resilience, and the ability to inspire transcend their technical achievements. The enduring legacies of individuals like Lionel Messi, Cristiano Ronaldo, Michael Jordan, and Muhammad Ali suggest a deeper interplay of psychological factors and so
jQueryでappleぽい画像ギャラリーを作る via：A Beautiful Apple-style Slideshow Gallery With CSS & jQuery
jQueryでappleぽい画像ギャラリーを作る via：A Beautiful Apple-style Slideshow Gallery With CSS & jQuery デザインの美しさと洗練された機能により人気のapple商品。 そんなappleぽいスライド型画像ギャラリーをjQueryで作成します。 via：A Beautiful Apple-style Slideshow Gallery With CSS & jQuery -- Tutorialzine sponsors 使用方法 とりあえずjQueryからjquery.jsをダウンロードしときましょう。 また、ギャラリー部分は下記のようなマークアップをします。 メイン画像と対応するサムネイルを置く形です。 <div id="main"> <div id="gallery"> <div id="slides"> <div c
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
https://www.tjvantoll.com/speaking/slides/2013/ui-widgets-vs-html5/
odyniec.net
DarKai Valves Login
opensocial-jquery - Google Code