タグ

ブックマーク / ascii.jp (2)

  • jQueryでiPhone風スライドパネルを作ろう (1/5)

    スマートフォン向けのWebサイトでは、「動き」を付けることがよくあります。たとえば、折り畳んでいたパネルをゆっくりと展開したり、ページ全体を左右にスライドさせて切り替えたりと、表示される途中の過程をあえて見せることで、ユーザーに気持ちのいい操作感を与えられます。こうした動きは、JavaScriptを使って実現できます。 今回から数回にわたって、JavaScriptを使った動きの演出方法を紹介します。 jQueryを使う JavaScript開発でいまや欠かせないのがJavaScriptフレームワークです。中でも「jQuery」は非常に人気があり、多くの開発者に利用されています。iPhone/Androidでも利用できますので、連載でもjQueryを使って動きを表現してみましょう。 まず、jQueryの最新版のファイルをダウンロードします。 ダウンロードしたファイルを適当なフォルダ(ここで

    jQueryでiPhone風スライドパネルを作ろう (1/5)
  • 40分で覚える!jQuery速習講座 (2/6)

    jQueryでは現在一般的に利用されているCSS2.1だけでなく、CSS3で定義されているセレクターや、jQuery独自のセレクター(フィルターと呼びます)も利用できます。最初のうちは使い慣れたCSSセレクターを利用し、jQueryに慣れてきたらさまざまなセレクターを使い分けるようにするとよいでしょう。

    40分で覚える!jQuery速習講座 (2/6)
  • 1