jqm / Drkcore

jQueryMobileのListviewでテキストを折り返す

Mon, 30 Apr 2012 08:34:30 +0919

ググるとcssを編集するパターンが多いような気がするが、Google Ajax APIを使っているのでどうしたもんかと。

$list.find('.ui-li, .ui-btn-text, a.ui-link-inherit').css('white-space', 'normal');

参考

jQueryMobileのListviewの中で文章を改行して表示

jQueryクックブック
jQuery Community Experts
オライリージャパン / 3780円 ( 2010-08-18 )

jQuery Mobileを読んだ

Tue, 20 Mar 2012 19:27:31 +0919

@ishisakaに速攻読み終わるって言われたので、暇な時にでも読むかと積んであったが、読み始めたらさくっと読み終わった。

書評 : jQuery Mobile

実際手を動かすところは6章しかなかったし、一通り読めば一通りjQuery Mobileを使えるようになると思う。その後はドキュメント読みながら書いていけばいいのかな。

実際書いてみるとデバッグがめんどくさかったが、テストはQUnit使えばいいのかね？あとSeleniumかなぁ。

jQuery Mobileアプリケーション開発のアプローチ

アプリケーションの施策としてシンプルなページ群を用意します。これがプロタイプの作成につながります。
ページとデータの提供元との間を接続します
段階的にアプリケーションを改善していきます。結果の表示を修正し、機能を追加し、バグフィックスを行います。

jadeで書きなおした6-4のjQuery Mobileで作ったtwitterアプリ。

モバイル用のUIをちゃっちゃと用意するのにJQueryを使うのは良い選択肢だと思う。

jQuery Mobile
Jon Reid
オライリージャパン / 1995円 ( 2011-12-22 )

jQuery Mobileがなかなか面白い

Mon, 19 Mar 2012 05:17:27 +0919

jadeで書いてる。data-*のカスタム属性で指定すればアイコンなんかも勝手に表示されて、さくっと作るのに向いてそうな感じ。

!!! 5
html
  head
    title jqm test
    link(rel="stylesheet", href="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.css")
    script(src="http://code.jquery.com/jquery-1.7.1.min.js")
    script(src="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.js")
    meta(name="viewport", content="width=device-width, initial-scale=1")
  body
    section#page1(data-role="page")
      header(data-role="header")
        h1 jQuery Mobile
      .content(data-role="content")
        h3 さまざまなアイコン
        div(data-role="controlgroup", data-type="horizontal", data-inline="true")
          a(href="#", data-role="button", data-icon="home", data-iconpos="left") ホーム
          a(href="#", data-role="button", data-icon="gear", data-iconpos="left") 設定
          a(href="#", data-role="button", data-icon="search", data-iconpos="left") 検索
      footer(data-role="footer")
        h1 K'zfm

jQuery Mobile
Jon Reid
オライリージャパン / 1995円 ( 2011-12-22 )