問題タブ [html5boilerplate]

モバイルウェブサイトを構築するための優れた軽量モバイルウェブサイトボイラープレートソリューションは何ですか？私はモバイルウェブサイトを構築していますが、将来のプロジェクトで再び使用できる優れたソリューションを見つけたいと思っています。

私はいくつか見つけました：

• JQuery Mobile（http://jquerymobile.com/）
• HTML5ボイラープレートモバイル（http://html5boilerplate.com/mobile）
• スケルトン（http://www.getskeleton.com/）

JQuery Mobileが好まれているように見えますが、すべてのモバイルユーザーに配信するための巨大なペイロードのように見えます。過去のプロジェクトでHTML5BPを使用したことがあるので、HTML5BoilerplateMobileは優れた代替手段のように見えます。

スケルトンは最も軽量なソリューションのようですが、将来的にサポートが不足する可能性があるのではないかと心配しています。私はそれについて十分に知りません、多分誰かがいくつかの光を当てることができますか？

私はこのスクリプトを 1 時間動作させようとしてきましたが、まったく運がありませんでした。

適切な jsfiddle は次のとおりです: http://jsfiddle.net/zachleat/WzN6d/

壊れたコードがある私のウェブサイトは次のとおりです: http://designobvio.us/dov2/index.html

私はjavascript/jQueryの初心者です。これが遅れたセマンティクスの問題である場合は、ご容赦ください。

ありがとうございました

テスト済みのブラウザー: Chrome、IE、Firefox。問題は、BusinessNav ID が 3 列に渡ってプッシュされ続けることです。

これが私がページを次のように見せたいものですhttp://www.designobvio.us/dov2/Homepage1.pdf

私は間違いなくこのコードをハックして、ポジショニングを機能させることができます。しかし、ご覧のとおり、まだまだ多くのページが残っています。もし私が今ハッキングを始めたら、間違いなくどんどん醜くなるだろう。

最初のサイトは次のとおりです: http://designobvio.us/dov2/index.html (潜在的な問題領域をハイライトしました)

CSS スタイル: search /*ユーザー スタイル * / (数は少ない)

ここにローダウンがあります：

このコードのチャンクは、次の影響を受けています。

または

私のコードの不一致を見た人はいますか? みんな、ありがとう

次の個人的なプロジェクトでは、HTML5Doctypeを使用したいと思います。HTML5は下位互換性があるため、IE6を含め、ほぼすべてのブラウザーがHTML5をサポートしていることを私は知っています。

しかし：HTML5shim、Modernizr、HTML5 BoilerplateなどのJSライブラリを実際に機能させるには、使用する必要がありますか（HTML5 Boilerplateはライブラリではないことはわかっていますが）？

つまり、これらのプロジェクトを使用する必要がない場合、これらのプロジェクトはどのようなものになるのでしょうか。HTML5shimを使用して読んだことがあるのは、いわゆる「ベストプラクティス」です。これは本当ですか？それらを使用しないとどうなりますか？一部のブラウザはマークアップを無視しますか？sectionやなどの要素はありasideますか？

また、これらのライブラリを使用することは本質的に悪いことです。ユーザーがJSを非アクティブ化すると、サイトが壊れてしまうからです。しかし、一方で、JSを非アクティブ化したのは誰ですか？noscriptタグを含めるだけでいいのではないでしょうか。

また、私はこれらのライブラリが私たちに利益をもたらすよりも多くの問題を引き起こすという記事を読みました。私には作者の個人的な意見のように思えますか、それとも本当に多くの問題を引き起こしているのでしょうか？

編集

了解しました。ModernizrをHTML5ボイラープレートと一緒にテストした後、これはこれまでのところ優れたソリューションであると言わざるを得ません。しかし、私を悩ませていることが1つあります。それが正しく行われているかどうか、私にはわかりません。border-radius例：と呼ばれるdivで使用したい#form-box。この例では、丸い角がWebサイトに不可欠であると想定しています。それらが必須でなければ、IEユーザーに表示されなくても問題は発生しません。

だから私はクラスを持っており、すべてのブラウザが解釈できるはずの基本的なスタイルをボックスに与えています：

次に、知っているブラウザの場合border-radius：

そして、知らないブラウザborder-radius（つまり、IE6）の場合、JS .htcファイルを使用するIEでも、丸い角を追加するポリフィル「PIE」を使用します。

これが私が今それをしている方法です。かっこいいですが、繰り返しコードが多すぎますか？これが本当に必要なのは本当ですか？それとも私は何か間違ったことをしていますか？

今後のプロジェクトの出発点として、HTML5BP と Bootstrap2 (レスポンシブ オプション付き) を使い始めることにしました。そこで、ボイラープレート、Responsive Bootstrap 2、modernizr、respond、jQuery 開発、LESS、および IE クラスのオプションを選択して、Initializr パッケージをダウンロードしました。

圧縮されたパッケージの内容をクリーンな作業フォルダーに配置した後、すべてが期待どおりに進みました。また、index.html ファイルを開くと、予想される Bootstrap スタイルの「ヒーロー」テンプレートが適切に表示されました。これはローカルでの開発には最適でしたが、LESS ファイルをローカルでコンパイルし、本番コード用に適切な CSS ファイルをサーバーにアップロードできるようにしたいと考えていました。

SimpLESS/LESS.app と私の最初のロードブロッキングに入ります。

SimpLESS/LESS.app を使用する場合、index.html から次の 2 行を削除する必要があります (そのファイルのコメントによると)。

それらを次のように置き換えます。

index.html からの実際のコメントは次のとおりです。

ここで問題が発生します。SimpLESS がすべての LESS ファイルを適切にコンパイルし、結果を「less」サブディレクトリの「style.css」ファイルに配置し、上記の行を に置き換えても、Safari はスタイルをロードしないようです.css。

私は何を間違えましたか？

また、スクリプト エラーが生成されていることにも注意してください。

<script src="js/libs/less-1.2.1.min.js"></script>ただし、ページを正しく表示するために使用されている場合でも、エラーが発生します。

編集: index.html の HTML を含めると役立つと思います:)

まず、less.js を使用して LESS をブラウザー レベルで解釈します (すべてが機能します)。

次に、ロードされない LESS コンパイル済みの「style.css」へのリンク:

更新：答えが見つかりました。stackoverflowが許可したときに投稿します:)

新しいコンピューターを手に入れたばかりで、IDE を新たに学習するつもりです。誰もが Eclipse を提案しています。したがって、私はそれで行きます。後でJavaプログラミングにも使用できるように、Java EEをダウンロードしました。膨らみは気になりません。

私が達成したいのは、新しい Web サイト プロジェクトを作成するたびに、HTML5 ボイラープレートもプロジェクトのテンプレートとして作成されることです。これを達成する方法を知っている人はいますか？

また、Web 開発用の追加のプラグインや、Eclipse を使用した Web 開発のアイデアに役立つ何かを提供していただければ幸いです。

ここでは、HTML5 Boilerplate + Twitter Bootstrapの統合を行い、bootstrap.css と HTML5BP style.css を (この順序で) 呼び出すだけです。

ここまでは順調ですが、ここで問題があります。ボイラープレート スタイルシートの印刷セクションで、そこに設定したルールが無効です...例:

印刷をプレビューすると、夜明けasideがまだそこにあります... これが HTML5BP+TB コンボの問題なのか、HTML5BP だけの問題なのかはわかりません。とにかく、私はこれでいくつかの助けに感謝します!

よろしく！

VS2010 (HTML および JavaScript) で Web サイトを作成しました

現在、HTML5Boilerplate を使用して Web サイトを公開しています。
ここで、javascript ファイルを縮小するために、ビルド フォルダーの下にあるファイルに project.properties という名前でパスを指定する必要があります。

そのファイルには、縮小する必要があるファイルを指定できる以下の構造があります。dir.publish
dir.js
dir.js.libs
dir.js.mylibs
dir.css
dir.images

問題は、Web サイトに .js ファイルを含む 2 つのフォルダーがあり、それらすべてを縮小する必要があることです。

project.properties で、次のように記述してそのフォルダーのパスを指定できます

dir.js = /AppSrc/direct/js/mylibs/grids grid フォルダーには、.js ファイルがあります。

しかし、.js ファイルを含む別のフォルダーがあります。
では、project.properties で .js ファイルを含む 2 つのフォルダー パスを指定するにはどうすればよいでしょうか。

誰かがこれを行った場合、私がこれを行う方法を教えてください。

H5BPビルドスクリプト（実際にはNodeバージョンbtwを使用しています）を挿入すると、分離されたCSSファイルが連結されることを理解してい@importますstyle.css。

ビルドスクリプトがインポートされた（分離された）CSSファイルをディレクトリに保持する理由と、それらを削除しない理由がわかりませんpublish...それらはもう役に立たないはずです！さらに、正しくロードする@importには、最初の行の直後に書き込む必要がありますが、 217行目あたりに独自のスタイルを書き込む必要があるようです...style.cssstyle.cssprimary styles

style.css誰かがCSSを分離してウェブサイトを作成し、それらを適切に連結するための最良の方法を教えてもらえますか？

前もって感謝します。

私はhtml5 ボイラープレートとその .ir クラスを使用しています。ロゴをクリックできるようにしました。ページの中央に配置したいのですが、今のところうまくいきません。margin: 0 auto; を試しました。および text-align: center; しかし、どちらも機能していないようです。

html

そしてCSS