「jQuery Mobile」を活用したスマートフォンサイト作成（中編）
はじめに 今回も、簡単にスマートフォン向けサイトを作成するために活用できるjQuery Mobileを紹介します。今回は2月に正式リリースされたばかりの最新バージョン1.3.0の新機能を紹介します。 対象読者 jQuery mobile、スマートフォンに興味があり、使ってみたい方 必要な環境と準備 執筆時点のjQueryの最新版は、1.9.1です。第1回を参考に、ダウンロードしてください。また、jQueryプラグインの基本的な使い方は、第3回を参照してください。 また、執筆時点でのjQuery Mobileの最新版は、1.3.0です。こちらからzipファイルでダウンロードできます。サンプルでは、htmlファイルと同じ階層にmobileというフォルダを作成しています。zipファイル中のimagesフォルダ（cssファイルが呼び出す画像ファイルが格納されたフォルダ）と、jquery.mobil
Xlune::Blog
可変グリッドレイアウトjQueryプラグイン(jquery.vgrid.js) なんだか可変グリッドレイアウトがまた流行ってる（？）ようなので、jQueryプラグイン書いてみた。 一通りブラウザで表示確認ぐらいはしたけど、テストは十分じゃありません。 Demo Demo Index 利用方法はデモのソースを確認してください。(ウィンドウリサイズして動きも確認してね) Download github zip file 利用には、jQuery本体とjquery.easingプラグインが必要です。別途読み込んでください。 更新情報 v0.1.8 (20120421) display属性で、グリッド要素の表示/非表示を切り替えれるように修正しました。 demo009を追加 v0.1.7 (20111110) 複数の可変ボックスを指定すると、開始位置がおかしくなるバグを修正しました。 demo008
スライダーの実装 - t-taira blog
ECサイトなどで商品画像のスライダーを実装したい場合、 jQueryのプラグイン（bxSlider）を使うと簡単に実装できます。 bxSlider: jQuery content slider carousel image slideshow | bxSlider Railsで実装する場合は、まずjQueryを使用できるようにします。 jrailsプラグインをインストールするのがお手軽です。 （RAILS_ROOTで以下のスクリプトを実行します。） ruby script/plugin install http://ennerchi.googlecode.com/svn/trunk/plugins/jrailsあとはスライダーを実装する画面で、JSファイルを読み込んであげればOKです。 <%= javascript_include_tag :defaults %> <%= javascri
第2回 属性＆コンテンツ編
要素セットに含まれる要素本体や属性、スタイルを取得／設定するためのメソッドについてまとめた、すぐに役立つ18本を一挙公開。 連載目次 このシリーズでは、jQueryの基本機能を目的別リファレンスの形式でまとめています。リファレンスという性質上、入門レベルからの解説は行っていませんので、拙稿「ASP.NETプログラマーのためのjQuery入門」も併せてご利用いただくことをお勧めします。 さて、第2回となる今回は、属性＆コンテンツ編。要素セット（jQueryオブジェクト）に含まれる要素本体（コンテンツ）や属性、スタイルを取得するためのメソッドについてまとめていきます。 属性値を取得するには？ 属性値を設定するには？ 複数の属性値をまとめて設定するには？ 関数の結果によって動的に属性値を設定するには？ 属性値を削除するには？ スタイル・クラスを追加／削除するには？ スタイル・クラスが適用されてい
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IDEA * IDEA
