HTMLの table要素をヘッダーや左サイドを固定にして body部分をスクロールにできる jQueryプラグイン

jquery.tablefix.js – OTCHY.NET

jquery.tablefix.js は、Excel のウィンドウ枠固定のように、テーブルのヘッダや左側を固定して、残りの部分をスクロールさせるための、jQuery プラグインです。

手軽なのが良さげ

jQuery UI 1.9、ついにリリース

jQuery UI 1.9.0 | jQuery UI Blog

Today, we’re proud to announce the first major step toward reaching that goal. jQuery UI 1.9.0 is now available with hundreds of bug fixes, a bigger and better test suite, and improved APIs. In addition to the code, we’ve also deployed all new sites and improved documentation.

長かった1.8.xxの時代を終え、ついに1.9系がリリースされた。その間にjQury MobileとかTwitter Bootstrapとかが注目を浴びて、このまま尻すぼみになるんじゃないかと心配してたが...

GoogleのCDNはまだ準備されてないみたい。

Webサイトも一新され、かっこよくなった気もするが重くてたまらない。
そしてCSS Frameworkが見当たらないんだが、どこにいったんだろう。Change Logには載っているので、無くなったわけではないだろうけど...

1.9の目玉のWidgetってなんだっけ？忘れちゃった。

jQuery Mobileは jQuery UIのメンバーが作ってる？

jQuery UI Development & Planning Wiki / FrontPage

We're working on jQuery Mobile

たしかにコンセプトは近いし、UIも似ているような（似ていないような）。
そしてまだUIの方で実装されていないチェックボックスとかを先にMobileで実装してしまったのか。

jQeury Mobileの入門サイト

ASCII.jp：西畑一馬のjQuery Mobileデザイン入門

西畑一馬のjQuery Mobileデザイン入門

いまもっとも注目されているモバイルフレームワーク「jQuery Mobile」。jQuery Mobileの基本的な使い方から、実践的なデザインテクニックまで。iPhone/Androidなどのスマートフォンサイト制作にjQuery Mobileを活用する方法を具体的に解説します。

第1回からの説明の流れが分かりやすい。基本的に、HTMLに決められたrole-xxx属性やclass属性を加えるだけでいいようだ。（HTML構造はある程度限定される。）
実際にどんな属性にどんな値を入れるのかは、第5～7回のサンプルに列記してある。（他にもあるのかな。）

メイリオをjQueryで show()や hide()でアニメーションするとギザギザになる

メイリオを指定したIE7・8でopacity不具合 | 技術部 | TAC部Log

フォントにメイリオを指定したページを、jQueryでフェードインしてみたところ、
IE7・8での挙動がなんだかおかしい。。。
メイリオのアンチエイリアスが効かなくなり、テキストがジャギジャギになっています。

IE（8以下）の場合jQueryはshow()やhide()等のアニメーションにIE独自実装のfilterを使って透過っぽい表現を実現するので、メイリオのClearTypeが無効になるようだ。

Thickboxによる画像表示が Google Chromeで動かない

ローディングバーが出たまま、画像が表示されない。FirefoxやIEは問題ない。

これと同じ箇所が原因だった。
↓
最新版のjQueryとThickboxの組み合わせでrel属性のグルーピングができないエラーと回避方法。／ライブラリー : アファメーションで独立・起業・夢実現。「いきなり！社長宣言！！」-“夢は口に出すことで実現する！”というアファメーション

実は、ThickboxとjQueryのバージョンの組み合わせによっては、このrel属性によるグルーピングができない（エラー）という現象が起こってしまうのです。

jQueryの仕様変更により、DOM要素のrel属性の指定が@relではできなくなり、Chromeの場合はその場合に固まってしまうようだ。

jQuery 3兄弟

1. jQuery "write less, do more."
   
2. jQuery UI "user interface"
   
3. jQuery Mobile "mobile framework"
   

末っ子のMobileはまだBeta版。
ページ最上部のリンクでは、まだMobileへのリンクはない（Bolg等からも。）Betaが取れたら変わるのかな？

UIだけファビコンが違う。
UIは独立したBlogを持ってるけど、Mobileはどうなるのかな。

jQueryの live()で使えるイベント

.live() – jQuery API

In jQuery 1.3.x only the following JavaScript events (in addition to custom events) could be bound with .live(): click, dblclick, keydown, keypress, keyup, mousedown, mousemove, mouseout, mouseover, and mouseup.

As of jQuery 1.4 the .live() method supports custom events as well as all JavaScript events that bubble.
As of jQuery 1.4.1 even focus and blur work with live (mapping to the more appropriate, bubbling, events focusin and focusout).
As of jQuery 1.4.1 the hover event can be specified (mapping to mouseenter and mouseleave, which, in turn, are mapped to mouseover and mouseout).

showとかhiddenとかはないのか。

jQuery EasyUIと jQuery UIの比較

タブやアコーディオンなど、様々なUI構築用のjQueryプラグイン30個以上をセットにしたフレームワーク・ jQuery EasyUI - かちびと.net

jQueryを使ったシンプルなユーザーインターフェースを構築する為のプラグイン30数個をワンセットにしているフレームワークです。

jQuery UIがCSS Framewrok+基本部品だけなのに対して、EasyUIの方はDataGridなどけっこう作りこまれた即戦力も取り揃えてる感じか。

でも一番必要性が高いDate Picker（Date Box）についてはjQuery UIの方が使いやすそうな感じが。日本語化とか。

jQuery 1.6.xでの attr()と prop()についてのまとめ

jQuery1.6のattr()で困ったら、1.6.1にすればいいみたい。 | Ginpen.com

幾つかの属性、プロパティについて、どちらのメソッドを使うべきかを示します。一部のプロパティは、過渡期的な措置として.attr()で動くだけである点は注意してください。

わかりやすくまとまっている

jQuery UI Tabsの仕様が 1.9から変わるらしい

Tabs API Redesign « jQuery UI Blog

We know that API changes like this are not without cost to our users, so we’d like to make it clear that except where specifically noted, jQuery UI Tabs in 1.9 will support the 1.8 API as well, and the deprecated APIs will not be removed until jQuery UI 2.0.

けっこういろいろ変わるようだ。

現行の1.8までのやり方は、当面（バージョンが1.xの間）は使えるようにするとのこと。（ただしrotate()だけは1.9で削除される。）

jQueryで動的に CSSファイルを追加する方法

他の要素と同じようにappend()とかappendTo()しても、CSSファイル（link要素）の追加ができない。（IE8のみで確認。）

でも下記で紹介されているやり方ならなぜかできた！

How-To: Load Javascript and CSS dynamically with jQuery | TopSecretProject

$("head").append("<link>");
css = $("head").children(":last");
css.attr({
    rel: "stylesheet",
    type: "text/css",
    href: "/javascripts/jwysiwyg/jquery.wysiwyg.css"
});

append()の後、メソッドチェーンしないでchidleren(":last")で取得するのがポイントらしい。
メソッドチェーンでappend(..).attr(..)ってやるとうまくいかない。
なぜかは分からないが。link要素だけ特別なのか？

ちなみにchildren(..).attr(..)の方はメソッドチェーンしてもOK。

jQueryで HTML文字列から DOM要素を生成する場合の注意点

jQuery(html, [ownerDocument]) - jQuery 日本語リファレンス

また、スラッシュを含むような文字列（imgタグのパスなど）を渡す場合は、これをエスケープしてやる必要があります。

$('<a href="foo">bar</a>')のようにDOM要素（jQeury要素？）を生成できるけど、文字列にスラッシュがある場合はエスケープが必要らしい。
何でエスケープ？バックスラッシュ？？

jQuery UIが 並び替えなどが可能なリッチな表（Grid）をサポートするらしい

Unleash The Grid « jQuery UI Blog

There are already a number of high quality jQuery grid plugins. We recognize they each have an impressive set of features, capabilities, and a level of use by members of the jQuery community. We are studying and applying practices and techniques from today’s most popular grid and data table plugins, including current favorites, SlickGrid, jqGrid, DataTables and a few that have not been updated in a while, like Tablesorter, Flexigrid, and Ingrid. We invite all authors and users of these and any other grid plugins to get involved in the design of the jQuery UI Grid.

同様のものは、日本で人気なのはFlexigridか。
Grid Tableに限らず、jQueryを使ったUIライブラリはいろんなところで作られてるけど、jQuery UIはそれらを飲み込んでいくつもりなんだろうか。

jQuery UIの Changeログ

jQuery UIのブログの方はあまり更新していないようなので、リリース情報はChange Logの方を見たほうがいいようだ。
1.8.5の時はブロクの方でアナウンスがあったけど。

jQuery UI - Documentation: UI/Changelog

Google Libraries APIの jQuery UIと YUIが Update

Google AJAX API Alerts: [Libraries][Update] jQueryUI 1.8.6 and YUI 2.8.2

jQueryUI has been updated to 1.8.6 and YUI has been updated to 2.8.2

YUI3は来ないねぇ (TAT)

CakePHPで作った JSONが jQueryでパースエラーになる

コスミー報告書[社外秘] - CakePHP+jQuery

“～～/モデル名/autocomplete/”で返すページにCakePHPが自動的に表示にかかった時間を出力していた。
出力されていたのはHTMLコメント形式のデータ。
結果として返されていたデータは下記のような形式となっていた。
['aaa','bbb','ccc']
jQueryのJSONパーザにおいて、Firefoxでは上記形式を正しくパーズできるが、IEでは処理できずにエラーとなっていた。

やはりこれか。自分の場合、Firefoxでエラーになった。JSONの後ろに"; //"をつけてコメントアウトしたのに効かないのだ。

Microsoftの JavaScript CDNに jQuery UIと jQuery Validationプラグインが追加されていた

Microsoft Ajax Content Delivery Network - ASP.NET Ajax Library

The Microsoft Ajax CDN includes the following libraries which have been uploaded by community members:

* jQuery (owned by the jQuery Team — www.jQuery.com)
* jQuery UI (owned by the jQuery UI Team — www.jQueryUI.com)
* jQuery Validation (owned by the jQuery team – www.jQuery.com)

スタート時にjQueryがあったのはおぼろげながらに知っていたけど、jQuery UIのブログでjQuery UIも追加されたことを知った。

そしてjQuery Validationプラグインも発見。
このプラグインのサイトはこちら（MSからリンク貼ってよ。） → bassistance.de » jQuery plugin: Validation
これって「owned by the jQuery team」なのかな？
使い方の分かりやすい解説はこちら → 高機能ライブラリ「jQuery」とそのPlugin「Validation」 - すぎゃーんメモ


MSのCDNはGoogle同様、httpsが使えるみたい。
でもGoogle CDN流のバージョン指定方法はできないみたい。新しいのが出るたびに書き換えるのか。

フォーム入力チェックのjQueryプラグイン jQuery Validationの使い方

リアルタイムフォームバリデーション jQuery.validation.js :: 5509(+1.1)

jQuery.validation.jsはフォーム入力のイライラを軽減して、Webブラウジングとかショッピングをもっと快適にするためのjQueryプラグインです。

凄い詳しい説明。
でも使う機会あるかなあ。

MSのCDNから利用可 → Microsoft Ajax Content Delivery Network - ASP.NET Ajax Library MSのCDNで使えるのはjQuery.validate.jsだった。

jQuery Cornerプラグインは jQuery UIの buttonに効かなかった

POSTORO

jQueryで角丸するならこれが一番メジャー？
JQuery Corner Demo

jQuery Corner Demo


なのかな？

a要素をbuttonにしたのとかには効いたけど、肝心のsubmitボタンなどに効かなかった。詳細は調べてない。
.