Tested and works with Safari4, Firefox3, Opera9, IE6, IE7, IE8, Google crome. MopSliderは、縦横のサイズ指定したものであれば、基本的にはなんでもおさめることができるスライダーボックスです。2.2からは、1ページに2つまで設置することができます。
これは注目!jQueryでExtばりにリッチなUIが実装できる「jQuery Ribbon」 2009年05月28日- jQuery Ribbon - Home これは注目!jQueryでExtばりにリッチなUIが実装できる「jQuery Ribbon」。 利用すれば、コントロールのグルーピングや、ドロップダウンメニュー、階層リストなどのリッチなコンポーネントが実装できるみたい。 jQuery Ribbonを使ったリッチなUI。Windows7っぽいデザインのUIがJavaScriptで。 アイコン付きのかっこいいメニュー 表示しているUIのテーマを選べる アイコンつきリスト アイテムのグルーピング ドロップダウンメニュー ちょっとこれは素晴らしいですね・・・。jQueryの優位性がますます高くなってしまいましたね。 関連エントリ ナビゲーションのUIはこれで完璧かもなjQueryプラグイ
● [jQuery] WYSIWYG エディタを徒然と試す 機能 表組ができる 日本語のIME変換誤動作がない HTMLソース切り替えがinline 画像の挿入ができる (from File, URL) 多段リストができる ブラウザの新規windowを出さない カスタマイズが容易(Obfuscatedではないソースが入手可能) ライセンス という点を中心に徒然と調査する。 CKEditor http://ckeditor.com/ FCKEditor 2.x は 3.x から CKEditor と変名。 Mac + Firefox の場合のみ、IME変換確定で改行が入る不具合あり RETは p, S-RET は br 表組 (popup, propertyで変更可) HTML (inline, スムーズ) 画像 (popup, url, upload) リスト (single) ソース (
テキスト入力欄に日付、電話番号、郵便番号など指定したフォーマットで入力させるように入力制御を行うjQueryプラグイン。 設置イメージ Maked Input Pluginの設置サンプルサンプルを見る<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS" /> <meta http-equiv="Content-L
jQueryのスルスルスクロールを指定1つでバシバシ使う このブログでも使っているjQueryを使ったスルスルーと動くスクロールなんですが、どこからどこへ移動したのかを目で追えるので分かりやすいし、動きも気持ちいいので大好きです。 多くの案件では1ページ内にページの先頭へ戻るアンカーリンクのみコレを利用してたんですが、この動きがクライアントに大好評のようでページ内の他のアンカーリンクでも使いたいという要望が増えてきました。今までこの動きの指定をJSで指定してたところに1つリンクが増える程度ならclassとリンク先だけ変更して同じ記述をコピーしちゃえばいいやってJSが分からない私の発想で乗り切ってたんですが、1ページ内に5個も6個も増えてくるとさすがに書くのが面倒というか、ほとんど同じ処理なのに重複した記述は要領悪いよなぁと思い始めまして・・・。 例えばリンクのページなんかでカテゴリが5個あ
About Date Picker component with a lot of options and easy to fit in your web application. Last update 22.05.2009 - Check Download tab Features Flat mode - as element in page Multiple calendars in the component Allows single, multiple or range selection Mark dates as special, weekends, special days Easy to customize the look by changing CSS Localiation for months' and days' names Custom day to sta
先日リリースされた、jQuery 1.3のチートシートをA Coding Foolから紹介します。 jQuery 1.3 Cheat Sheet ダウンロードできるチートシートは、PDFフォーマットと
jQueryでクールなインターフェースを実装したい。 そんなときにおすすめなのが、『40+ Excellent jQuery Tutorials』。素晴らしいjQueryのチュートリアル45選だ。 以下にいくつかご紹介。 » デザイナーのためのjQueryチュートリアル » Facebookスタイルのlightbox » ソートできるポートフォリオの作り方。↑のキャプチャはこちら » フェードインするメニュー » jQueryとPHPで投票システムを作る方法 » PHPとjQueryで編集できるギャラリーを作る方法 » jQueryとXMLでAmazonのウィジェットを作る方法 » WordPressのコメント欄にjQueryのバリデーションをつける方法 » Appleのサイトのメニューを作るチュートリアル » タブインターフェースを作るチュートリアル » スライドするアコーディオンメニュ
Supersized - Full Screen Background/Slideshow jQuery Plugin | Build Internet! 伸縮する全画面背景を設定できるjQueryプラグイン「Supersized」。 次のように、ブラウザのサイズを変えても背景画像がリサイズされます。 更に、スライドショーのように背景を切り替え可能です。 ありそうでなかったかもしれないプラグインですね。 背景に迫力のあるものを設定すればインパクトが大きそうです。 関連エントリ 便利なjQueryプラグインいろいろ これは面白!PHPとjQueryでクリックした位置が分かるクリックマップ作成 サイトに驚き!のページめくり効果をつけられるjQueryプラグイン
What You Need to Know About jQuery 1.3 jQueryの最新バージョン1.3系がリリースされて 一体どんなことが変わったのか? NETTUTSでエントリーされていたので、メモしておきます。 本家サイトでも書いてあったけど… 今回紹介したエントリーの内容は、 本家サイトでもバージョンアップ時に書いてあったのですが、 今回紹介したエントリーの方がまとめてあって読みやすい。 本家サイトと違うのは、要点をまとめてあるので 見やすくわかりやすいというところだろうか。 英語が全然できない僕も、ある程度読むことができました。 グラフも見やすくされています。 closest()とか、まだ知らない項目も多いので あとでしっかり読んでおこうと思います。 それにしても、1.3は以前のよりも実際に速いですよね。 これにはかなり感動してます。
と言っても、前々から作っているセレクタ関数が依存無しで簡単に切り出せそうだったから、切り出しただけです。 http://kquery.if.land.to/ksk.js 動作ブラウザはIE5.5以上です。これを導入するとIE5でも動作します。 使い方 ksk("div"); // divタグを取得します ksk("p", document.body); // body要素以下のpタグを取得します ksk("a", document.getElementsByTagName("p")); // p要素以下のaタグを全て取得しますセレクタはCSS3のやつを大体実装しています。最大の特徴は複数の要素以下の探索に対応していることです。kQueryが実際に完成したら、$(selector).find(selector)とかは高速かつ正確に処理できる予定です。 既知のバグとか 親要素のチェックが甘いで
jQuery 1.3Beta1のテスト版が数日前に出ていた。 正式版は来月の中旬に出るらしい(?)のだが その前にBeta版をちょっとだけ試してみることにした。 今回の主な変更 今回の主な変更は、Selector部分とかCSS関連の部分らしい。 Sizzle CSS Selector Engineというのが標準搭載されている。 これを搭載したことにより、速度がかなり速くなったとか? 詳しいことはまだわかっていませんが、ソースを見る限り、 Selector部分はかなり違うものになっていました。 その分、速度などではメリットが増えたのはありますが、 バグなのかコレはどうなのか?というのがいくつかあったので、 それらも含めて現時点でわかたことをまとめてみます。 たぶん増えた機能 これは増えたかな?って機能をあげてみます。 ・live() ・die() 増えた機能であるとは思うのですが、 まだどの
なんだかいろんなところで紹介されている、 シンプルだけどかっこいいフォトギャラリー、 「Simple Controls Gallery」 使いやすいのかどうかも見るために使ってみることにした。 設定の仕方や注意点なども書いておいたので参考にしてください。 設定その1 ここでは主に表示される部分の枠や画像の設定。 var mygallery=new simpleGallery({ wrapperid: "simplegallery1", dimensions: [300, 225], imagearray: [ ["画像URL", "リンク先、なければ空白", "_newなら別窓"], ["画像URL", "", ""], ["画像URL", "", ""], ["画像URL", "", ""] ], autoplay: true, persist: false, pause: 2500,
jQueryを良くする25のTIPS ネタ元:Improve your jQuery - 25 excellent tips ちょっと多いですが、かなり良いTIPSがまとまっています。 Google AJAX Libraries APIを利用しよう Google AJAX Libraries APIを活用すればすばやくライブラリを読み込むことが出来ます。 <script src="http://www.google.com/jsapi"></script> <script type="text/javascript"> // Load jQuery google.load("jquery", "1.2.6"); google.setOnLoadCallback(function() { // Your code goes here. }); </script> 直接読み込むことも出来ます。
DAHONのBoardwalkを修理しようとしておもいっきり壊してしまいました。agoです。 普段はjQueryをメインで使用しているのですが、使っていていくつか注意すべき点があったのでまとめてみました。 (一部jQueryではなく、DOMの仕様上の制限も含まれています) 1 $().filterにstring以外のものを渡すとエラー 1.4系では修正されていました $().findや$().notは大丈夫ですが、$().filterの場合引数にjQuery objectや配列、html elementなどを渡すとエラーになります。 (たとえばjQuery objectを渡した場合、Firefoxでは「TypeError: t.substring is not a function」というエラーが発生します) 確認する ちなみに、$().findや$().notはstring以外も渡せるた
I’m sure you all know that it’s possible to create plugins and extend various aspects of the jQuery JavaScript library but did you know you could also extend the capabilities of it’s selector engine? Well, you can! For example, you might want to add a new ‘:inline’ selector which will return those elements that are displayed inline. Have a look: $.extend($.expr[':'],{ inline: function(a) { return
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く