[B! JavaScript][jQuery] neoashのブックマーク

neoash id:neoash

JavaScriptとjQueryに関するneoashのブックマーク (9)

画像にぼかし効果を与えられるjQueryプラグイン「Image Blur」:phpspot開発日誌
Plugins | jQuery Plugins 画像にぼかし効果を与えられるjQueryプラグイン「Image Blur」 $(element).blurimage(); のようにするだけで画像に次のようなぼかし効果を与えられます。使い方はアイデア次第ですが、なかなか面白いですね。関連エントリ HTMLで書けるパワポ風プレゼンテーション実装jQueryプラグイン「Slippy」画像にクリック位置に注釈を入れられるjQueryプラグイン
neoash 2010/07/26
JavaScript

jQuery
リンク
テキストサイズに応じてtextareaを自動でサイズ調整してくれるjQueryプラグイン「jQuery.elastic」:phpspot開発日誌
テキストサイズに応じてtextareaを自動でサイズ調整してくれるjQueryプラグイン「jQuery.elastic」 2010年06月22日- jQuery.elastic テキストサイズに応じてtextareaを自動でサイズ調整してくれるjQueryプラグイン「jQuery.elastic」。普通テキストエリアというと、サイズは固定で、長い文書を入れると最初の方にいれたテキストがわかりにくくなってしまいますが、改行を入れると自動でテキストエリアが広がるあの便利な機能をjQueryで実現出来ます。テキストサイズに応じて伸縮します。改行を入れると縦に広がります。最初に入れた文書も確認しつつ長文を入力できます。実装の方法は無茶苦茶簡単。 $('textarea').elastic(); textareaはデフォルトでこの動きになって欲しいですが、このプラグインがあれば１行で全てのt
neoash 2010/06/22
jQuery

JavaScript
リンク
クールなデジタル時計ウィジェットを設置できるjQueryプラグイン「jDigiClock」:phpspot開発日誌
jDigiClock - Digital Clock (HTC Hero inspired). クールなデジタル時計ウィジェットを設置できるjQueryプラグイン「jDigiClock」。次のようなデジタル時計を簡単に設置することが出来ます。元となっているのはHTCのHero ClockというAndroidアプリケーションらしいです。 jQueryなので次のように簡単に実装できます。 $('#digiclock').jdigiclock({ // 設定 }); 面白いですね。関連エントリナビゲーションのUIはこれで完璧かもなjQueryプラグイン集自由な位置にalert表示できるjQueryプラグイン「Feedback UI Plugin」 ajaxファイルアップロードに使えるjQueryプラグインいろいろシンプルな紙芝居を実装できるjQueryプラグイン「sexyCycle」
neoash 2010/02/17
jQuery

JavaScript
リンク
jQueryでやる！ブログで使えそうな楽しいナビメニュー45
色々とjQueryのサンプルやプラグインが掲載されていて、眺めてるだけで楽しくなるエントリー。ナビゲーションメニューで悩んだ時に使えそうです。 45 jQuery Navigation Plugins and Tutorials - Noupe さて、いまや多くの人たちから支持を得ているjQueryで、もっと楽しいブログにしてみるのもいいかもしれない。 jQueryは何もWEBサイトだけのものではありません。条件さえクリアすればブログだって使えるのです。あなたのブログがほんの少しのjQueryで生まれ変わるかもしれない。わかる方はさくっと上のリンクを叩いて色々試して見てください。 jQueryってそもそも何、って言う人が居ましたら以下を。 jQueryって、美味しいの？結構美味しいです。多くの方に支持されるにはやはりそれなりの理由があります。超、簡単に説明するとあなたが書いた
neoash 2010/01/28
JavaScript

jQuery
リンク
GoogleMapみたいに画像をズーム＆グリグリ移動できるjQueryプラグイン「Mapbox」:phpspot開発日誌
Google Mapみたいに画像をズーム＆グリグリ移動できるjQueryプラグイン「Mapbox」 2009年12月01日- Google Mapみたいに画像をズーム＆グリグリ移動できるjQueryプラグイン「Mapbox」。自分で実装するとなるとかなり骨が折れそうなこの機能もjQueryプラグインで簡単に実装できるみたいです。マウスホイールでズームし、ドラッグして地図移動が可能ズームとか移動のコントローラーを付けることも可能で、これなら初心者にも簡単に気付いてもらえますね。設置はjQueryを使うので、マークアップでズーム用に画像を数枚置いておき、$("#viewport").mapbox({mousewheel: true}); のように初期化するだけでOKです。オプションも多数あるのでカスタマイズも出来ます。ズーム前後に実行できるイベントハンドラも設定可能なので、柔軟性が高い
neoash 2009/12/01
jQuery

JavaScript
リンク
要素を英数字や日付などでソートする機能ををJavaScriptに簡単機能追加:phpspot開発日誌
要素を英数字や日付などでソートする機能ををJavaScriptに簡単機能追加できる jquery.datasort.js が公開されています。例えば、次のようなHTMLがあったとします。 <ul class='n'> <li>4.09</li> <li>4.10</li> <li>67.8</li> <li>100</li> <li>-98</li> <li>67.7</li> <li>23</li> </ul> datasort メソッドを実行すると次のようにソートが可能。なんと、これを実現するためにJavaScriptコードはたった以下の1行だけ。 $('ul.n li').datasort({datatype: 'number', reverse: true}); 上記は、数字でソートを行っていますが、以下のデータ型についても要素を簡単にソートが出来て非常に便利です。アルファベ
neoash 2009/11/26
JavaScript

jQuery
リンク
jQuery 日本語リファレンス
jQueryとは、JavaScriptのコーディングを強力に支援するライブラリです。 $('.semooh a').hover( function(){ $(this).text('ヌ？'); }, function(){ $(this).text('ヌー'); } );
neoash 2009/11/23
JavaScript

jQuery
リンク
jQueryのセレクタ基本 [Javascript] All About
Javascriptをはじめ、Ajax、jQueryの著書多数のガイドが、何かと最近騒がれているJavaScriptの最新情報とその活用方法を解説します。最近は、jQueryのすぐに使えるプラグインを紹介してきましたが、今回から、jQueryのAPI自体の使い方についても目配りしていきます。 jQueryの肝のひとつは、CSSふうのセレクタを使用して、極めて簡単にDOM要素を検索できる機能です。今回はまず、そのjQueryセレクタの基本的なものから順番に試していきたいと思います。 jQuery jquey.jsのダウンロード jQuery ドキュメント API/1.2/Selectors jQueryのダウンロードと設置セレクタについてこれまで、たとえば、次のような書式でjQueryを使ってきました。 $('#test0').jQchart(setting); $('.test1'
neoash 2009/11/23
JavaScript

jQuery
リンク
jQuery でサイズや位置を取得する方法を図にしてみた(2) - Cyokodog :: Diary
更新履歴 2010-01-21 本エントリの内容も含めた最新の情報は下記エントリをご参照ください。 jQuery の位置・サイズ関連メソッドまとめ - Cyokodog::Diary 前回のつづきです。前回同様 width の記述は省略してますが、height を width に置き換えれば幅も取得できます。 attr() メソッドでサイズを取得する際の注意点 attr('offsetHeight') や attr('clientHeight') でサイズを取得する際、対象要素が非表示状態だと 0 が取得されてしまいます。要素を表示させる際、位置決め等のために表示処理前に対象要素を採寸することがあるかと思いますが、そのような場合注意が必要です。対象要素が非表示だった場合、一時的に表示状態し、採寸後に非表示にするようなプラグインを定義しておくと便利です。(以下参照) $j.fn.mea
neoash 2009/10/29
JavaScript

jQuery
リンク
1