[B! *programming][jquery] kiririmodeのブックマーク

第8回　適切な説明を加えたデザインにするには | gihyo.jp

ツールチップでさりげなく情報を伝えるサイトの情報設計をする際、カテゴリーを整理したり、グローバルメニューの分け方を考えるのが重要ですが、メニューでひとことでは言い切れない場合が少なくありません。特に、ユーザーの利用頻度が多い管理画面などは、「⁠あれ、これ何のページだっけ？」ということが起こり得ます。運用・管理の引き継ぎで大変な想いをした方も少ないないのではないでしょうか。そんなときに、「⁠ひと言だけれど、カーソルを合わせたときに説明が出る」ようにすれば、ユーザーにとってわかりやすく、ユーザビリティの高いUIになります。今回は、ツールチップを使って、ユーザーの操作の邪魔にならない形でさりげなく情報を伝える方法をご紹介します。ツールチップとは、カーソルを合わせたときに補足情報が表示される小さな枠のことで、使い方によっては効果的なUIを実現することができます。 tipsyとDD_bela

kiririmode 2010/09/11

リンク

第10回 jQuery 1.4編

最終回となる今回は、連載中にリリースされたjQuery 1.4で追加された新機能を中心に解説。すぐに役立つ16本を一挙公開。連載目次このシリーズでは、jQueryの基本機能を逆引きリファレンスの形式でまとめています。リファレンスという性質上、本連載では入門レベルでの解説は割愛しています。jQueryの基本構文、Visual Studio上でjQueryを利用する方法などについては、拙稿「ASP.NET プログラマーのためのjQuery入門」を併せて参照することをお勧めします。さて、10回に及んだ本連載ですが、今回でいよいよ最終回。今回は、連載途中にリリースされたjQuery 1.4で追加された新機能や、そのほか、これまでに扱いきれなかったいくつかの重要なメソッドについて触れていきます。 DOM要素が別のDOM要素に含まれるかを判定するには？－ $.contains(container

kiririmode 2010/08/31

リンク

$(DHTMLcoders).read(this) || throw your.job - 書評 - jQueryクックブック : 404 Blog Not Found

2010年08月19日01:00 カテゴリ書評/画評/品評Lightweight Languages $(DHTMLcoders).read(this) || throw your.job - 書評 - jQueryクックブックオライリー矢野様より献本御礼。 jQueryクックブック jQuery Community Experts / 株式会社クイープ訳 [原著:jQuery Cookbook] これでなくなった。 jQueryを使わない理由が。 DHTMLを利用する全ての人、必携。特にHTMLやCSSを書いても、JavaScriptはそれほど書かない人。これであなたにも書けるようになります。本書「jQueryクックブック」は、今や最重要のJavaScript Libraryといっても過言ではないjQueryの手引書。目次まえがき - John Resig はじめに jQuer

kiririmode 2010/08/27

リンク

jQuery基礎文法最速マスター[to-R]

jQuery基礎文法最速マスターはやっているようなのでまとめてみたいと思います。 jQueryの読み込み Google AJAX Libraries APIで簡単に読み込めます。 <script type="text/javascript" src="http://ajax.google apis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script> jQueryの記述場所基本的にはscript要素内の次の箇所に記述していきます。 <script type="text/javascript"> $(function(){ /*ここにjQueryを記述*/ }) </script> 上のコードは$(document).ready()のショートカットなので、次のように書いても大丈夫です。 <script type="text/javascri

kiririmode 2010/02/04

リンク

ざっくり覚えて始められる jQueryセレクタ入門

【おさらい】「jQuery」って何だっけ？ jQueryとは、John Resig氏を中心として開発されている、オープンソースのJavaScriptライブラリです。DOM操作を中心としたプログラミングに向いており、エンジニアはもちろんのことマークアップエンジニアやデザイナの間で広く普及しています。 jQueryについての詳細は、下記記事をご参照ください。 jQuery、プラグイン、jQuery UI、Web経由のCDNとは CSSの書き方も分かるjQueryプラグイン実践活用法（1）　基本／おさらいとしてプラグインやjQuery UIについて簡単に触れ、Web経由でjQueryを使うCDNについて解説デザインハック＜リッチクライアント 2009/12/8

kiririmode 2009/12/03

リンク

jQuery言語入門 : tech.kayac.com - KAYAC engineers' blog

先月の社員PVランキングは91番目でした。agoです。たまに他言語開発者から「JSは何となくわかるけど、jQueryが特殊すぎてよくわからない」という声を聞きます。個人的にjQueryを使う場合、「JSの中でjQueryを使う」と言うより、「jQueryの中でJSを使う」と考えた方が理解しやすいと思うので、今日は"jQuery言語"の書き方を紹介したいと思います。文法 Traversing methodでインデントを下げて、.end()でインデントをあげます。（Traversing以外のmethodはインデントを維持します）そして、末尾には開始行と同じ位置に「;」を置きます。 $('body') .find('a') .filter('.permlink') .attr('href', function () { return $(this).attr('href').repla

kiririmode 2009/09/05

リンク

Rohan Almeida’s Blog » Blog Archive » Get started with jQuery, AJAX and JSON in your Perl web applications

kiririmode 2009/05/30

リンク

一日で学ぶ jQuery(ラボブログ)

スパイスラボ神部です。 OpenSocial アプリの開発を効率化するために、jOpenSocial か opensocial-jquery のどちらかを使いたいのですが、そのためにはまず jQuery について学ばないと行けないようなので、jQuery についてざっと調べてみました。 -AJAXが好きだ！ - Favorites! Write less, Do more -jQuery: The Write Less, Do More, JavaScript Library まずは公式。リファレンス -jQuery 1.3.2 日本語リファレンス参考になりそうなリソースいろんな記事を見ると、とりあえずは jQuery を使うと、構造化された状態でリッチアプリケーションが組めるという部分が強調されている記事が多いような気がします。「jQuery + AJAX で RIA な UI