jQueryの.slideDown()のこの動き。

タブのサンプルやプラグインは多々あるのですが、文書構造が変だったり、デザインとか 余計なことをしてくるのが多く使いにくかったので、適当に書いて使っていたものを jQueryのプラグインにしてみました。

入門記事の多くで、基本的に $(function(){}); にコード書けと言われますが、 window.onloadを使ったほうが良いケースも結構あります。

長いソースコードをブログとかに張り付けると出てくるスクロールバーって いまいち操作しずらいし、見た目も良くないですよね。

そんな不満を抱えて悶々としてる人はjquery.stretchable.jsを使ってみてはどうでしょう。

今から16年前Netscapeブラウザのソースコードの公開方法の会議の中で、初めてオープンソースという言葉が使われた今日、 みなさんいかがお過ごしでしょうか。

今回の投稿はそれとは関係のないjQueryのparents()とclosest()が 似てたので何が違うのか試した時のメモです。

jQuery Mobileは読み込まれてから

mobileinit -> pagebeforecreate -> pagecreate -> pageinit

の順番でイベントが発生する。

jQuery Mobileにおけるダイアログの扱いはウインドウではなくページ。 なので通常のページと同様に扱える。ダイアログウインドウを出す。じゃなくダイアログページに遷移する。的な。

いまさらながら、jQueryに公式なテンプレートプラグインあるの気がつきました。 もう一年以上前に出ていたんですね。まだベータだけどｗ

jQueryの概念というか役割というか、おおざっぱなイメージについて。jQueryの書き方とかの話じゃありません。

jQuery APIリファレンスをみて、 jQuery.each()とjQuery(selector).each()のような同じ名前のメソッドで何が違うんだ？どう使い分けるんだ？ と迷わないためのお話です。

jQueryの.add()。いまさらながら、なんでこれが違う結果になるのか戸惑う。

jQuery UIメモ 1の続き。 前回同様とくに内容はありません。

jQueryが1.4になってました。とにかくパフォーマンスが劇的に向上してるみたいです。 今後は1.4を利用してみようかとおもいます。

アニメーションががSexyとかじゃなく写真がちょいエロなだけなので 選ぶ写真によっては爽やかにもなりますw

「Buttons like Windows 7 with JS & CSS」を見てて

ツールチップについて色々と検討。

最近思うのですが、マウス載せると何か出るよと気づかせる表現はあるべきですが、 載せたあとのアニメーションとか不要じゃないですか？

情報見たいからマウス載せてるわけで、すぐ見たいわけです。 アニメーションはいいから0.1秒でも早く表示してくれって思うのは僕だけでしょうか？？

jQueryのプラグイン作成がなんとなくわかった気になってたけど 全然わかってなかった。ってかjQuery自体わかってなかった。 更に言うとjavascriptが今だにわかってないんじゃねって感じで凹むなー。

ちょうどこういうのやりたかったので どんな感じで実装されてるか調べてみた。

jQueryのfadeOut()、fadeIn()をpngbehavior.htcが適用されてるページで 利用するとfadeが効かない模様(ie6)。ここのサンプルでは、全然動きませんが フェード効果が効かないってだけの場合もあった。

勉強のため優れたナビゲーションを再現してみる。もちろん完全再現ではない。 とりあえず今回はNavigation Menus: Trends and Examples | Design Showcase | Smashing Magazine で紹介されていたPlayground Blues。美しいですね。

だいぶ昔に紹介されてた記事ですが下記ページを適当に。 コード見ながら大体こんな感じ言ってるだろくらいの感じなので 間違ってる可能性もあり。

jQuery1.3もリリースされたしってことで 今さらながらjQueryの勉強してるわけですが $()で取得できるjQueryオブジェクトが気になりました。

なんでかってーと｢ jQuery.eq(n) ｣の機能をうまく文章にできなかったからです。 どーでもいい理由ですが調べてみたらいい勉強になりました。

ページ内リンクを手動で作成するのは結構手間なんで jQueryを利用して自動で作成。

今さらながらjQueryをお勉強。日本語のリファレンスも充分すぎるくらい充実してますんで、勉強しやすいですねよく使いそうなDivの表示、非表示切り替えをjQueryでやると・・・

「innerText」はFirefoxで利用できないようなので、try～catchで分岐させようと思ったけどダメだった。