3

わかりました、ゲーム開発に戻ることを検討しています。そして、小さなブログを維持しようとしています。学業とは別に、私が取り組んでいることのチュートリアルをどこかに掲載したいと思っていました。私はブロガーを使用してきましたが、スクリプトと Web 開発に戻りつつあり、サーバーから離れて、自分のサーバー上に最小限のものを作成したいと考えていました。私は HTML5 にハマっており、jQuery を使用してスクリプトを簡単に作成できるようになるのが大好きです。しかし、私が学校で行ってきたことのほとんどは厳密にネイティブ プログラミングを扱っているため、Web 開発全般についてはまだ初心者です。

jQuery UI ライブラリと jQuery Mobile を比較してみました。自分のブログをゼロから作成することに興味があります。派手なものはありません。チュートリアルなどを投稿するだけの場所です。私は挑戦するつもりだと確信しています。私が理解しているように、jQuery UI と jQuery Mobile はまったく別のものです。それ以外は、themeroller アプリで jQuery UI 用に作成できたテーマが気に入っているという事実は、よくわかりません。

ブログの見栄えを良くし、携帯電話やタブレットですばやく実行できるようにしたい. デスクトップでも非常に最小限になります。jQuery UI を使用してブログを簡単に作成し、モバイル デバイス用に簡単にスケーリングできるでしょうか? それとも、とにかく最小限にしたいので、携帯電話/タブレットとデスクトップの両方でjQueryモバイルに固執するほうがよいでしょうか? jQuery UI でできるように、jQuery Mobile でカスタマイズとプログラミング可能性に近いものを実現できますか?

デスクトップとモバイルの両方で同じレイアウトをスケーリングできる優れたソリューションを誰かが知っている場合。

4

1 に答える 1

3

jQuery UI と jQuery Mobile の両方に、実際にテーマのカスタマイズがあります。

jQuery UI - http://jqueryui.com/themeroller/ jQuery モバイル - http://jquerymobile.com/themeroller/index.php

汎用性に関する限り、それは本当にあなた次第です。モバイル ブラウザーは jQuery UI とモバイルの両方を実行できるため、デスクトップでも快適で好きな方を実行できます。

ここで、レイアウトのサイズ変更の問題に対処します。

デスクトップとモバイルで同じレイアウトをスケーリングする最も簡単な方法は、パーセンテージで幅を指定したリキッド レイアウトを使用することです。ただし、モバイルサイズになると、すぐに歪み始めます。

パーセンテージだけを使用するのではなく、メディア クエリを使用することをお勧めします。これにより、画面サイズの変化に合わせて CSS を変更でき、構文は非常に単純で使いやすいものになります。

@media screen and (min-width: 600px) and (max-width: 900px) {
  .class {
   background: #333;
  }
}

それが CSS ドキュメントの一番下にある限り、既存のスタイルが上書きされます。つまり、画面サイズが 600 ~ 900 ピクセルの場合にこのスタイルを適用します。テストするということは、実際にブラウザのサイズを拡大して違いを確認できるということです。

メディア クエリの詳細: http://webdesignerwall.com/tutorials/css3-media-queries

TL;DR jQuery UI と Mobile はテーマ設定可能であるため、好きな方を選択してください メディア クエリも使用します

于 2012-06-22T06:47:49.063 に答える