jQuery Mobileに関するponta8のブックマーク (3)

  • jQuerymobile カラムのレイアウト調整

    jQuery Mobileレイアウト調整 jQueryはシングルカラムの場合、特に何もしなくてもあらかじめpaddingが取られているため非常に収まりがよい。 実は2カラムや3カラムでもとっても簡単で、もちろんスマートフォンの横向きにも対応。 CSS3では画面サイズによってwidthを可変するプロパティが追加されたから可能なんですね。 では実際にマークアップしてみましょう。 カラムの分割方法 カラムの分割をするには、分割をするブロックとそのブロック全体を囲うブロック要素がそれぞれ必要で、分割するブロックの数によって 付与するクラスが違います。 シングルカラム 2カラム 3カラム 4カラム

    jQuerymobile カラムのレイアウト調整
    ponta8
    ponta8 2012/01/30
    からむのちょうせい
  • スマートフォン向けフレームワーク注目の「jQuery Mobile」でスマホサイトを作ってみよう【基本編】 | HTML5でサイトをつくろう

    jQuery Mobileってなに? jQuery Mobileは、javascriptのフレームワークです。スマートフォン向けの直観的で使いやすいUIを瞬時に作成できます。 JavaScriptをWebデザイナーでも扱える身近な存在に変えた「jQuery」。そのjQueryと同じ開発元からリリースされていることもあって、スマートフォン向けフレームワークとして注目のjQuery Mobile、文法はjQueryとまったく同じですのでためしにサンプルを作ってみました。 jQuery Mobileは、解像度の違いなど、デバイスの特性の違いも吸収してくれるというのが最大の強みになっていて、ほとんど全ての機種に対応しています。そのため制作者は悩み所だったデバイスの違いを気にすることなく、スマートフォンサイトを作成できてしまいます!iOSやAndroidなどのWebKitベースのスマートフォンだけで

    スマートフォン向けフレームワーク注目の「jQuery Mobile」でスマホサイトを作ってみよう【基本編】 | HTML5でサイトをつくろう
    ponta8
    ponta8 2012/01/30
    ちゃんとおぼえよう
  • jQuery Mobileとは――スマホ時代の到来とWeb制作 (1/3)

    「jQuery Mobile」は、モバイルWebアプリケーションやスマートフォンサイトの構築でいまもっとも注目されているフレームワークです。jQuery Mobileを使えば、iPhone/Androidをはじめ、さまざまなスマートフォンのブラウザーに対応したスマートフォンサイトを手軽に制作できます。 jQuery Mobileを使ったスマホサイト制作の基から実践的なテクニックまで、ベストセラー「Web制作の現場で使う jQueryデザイン入門」(Web Professional Books)の著者・西畑一馬さんが解説します。(編集部) 「jQuery Mobile」は、モバイルWebアプリケーションやスマートフォンサイトの構築でいまもっとも注目されているフレームワークです。jQuery Mobileを使えば、iPhone/Androidをはじめ、さまざまなスマートフォンのブラウザーに対

    jQuery Mobileとは――スマホ時代の到来とWeb制作 (1/3)
    ponta8
    ponta8 2012/01/30
    ちゃんとおぼえましょう
  • 1