問題タブ [html5boilerplate]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
2 に答える
3126 参照

javascript - Google の/MBP FastButton コードをバックボーン イベントで使用するにはどうすればよいですか

モバイルではボタンが遅くなります (ほとんどのブラウザーでは、特にドラッグの検出により、少なくとも 300 ミリ秒の遅延が発生します)。Google はこれを修正するためにいくつかの JavaScript を書きました: http://code.google.com/mobile/articles/fast_buttons.html

モバイル HTML5 ボイラープレートの人々は、これをパッケージに統合しました: https://github.com/h5bp/mobile-boilerplate/blob/master/js/mylibs/helper.js#L86

これをバックボーンで簡単に使用する方法を理解したいと思います。何かのようなもの:

fastbutton は、クリックまたはマウスダウンを高速ボタン コードに置き換えます。MPB.fastbutton コードを少し書き直す必要があると思います。誰もこれをやったことがありますか?

0 投票する
1 に答える
419 参照

git - Git、Capistrano、およびHTML5Boilerplateのビルドスクリプト

私は自分の個人サイトを再設計しており、開始点としてHTML5 Boilerplateを使用し、バージョン管理にGitを使用し、展開を支援するためにCapistranoを使用することにしました。GitとCapistranoが正しく機能していて、でデプロイできcap deployます。それを機能させるには、前deploy.rbに実行するようにファイルを編集する必要がありました。git push origin masterdeploy:update_code

GitとCapistranoを使用する前は、Webサイトをビルドし、HTML5BPのビルドスクリプトを実行して、生成された「Publish」フォルダーをアップロードしていました。

GitとCapistranoを使用しながら、HTML5BPのビルドスクリプトを利用するにはどうすればよいですか?

私の最善の推測は、展開の最後にサーバーでビルドスクリプトを実行することですが、それをどのように行うかはわかりません。

0 投票する
4 に答える
726 参照

javascript - HTML5ボイラープレートページ固有のJavascriptの配置

質問

単一のjavascriptファイルを使用してすべてのスクリプトを保持する場合、1ページだけのスクリプトをどこに配置しますか?

バックグラウンド

これは意見または「ベストプラクティス」の問題かもしれませんが、私は他の人の意見に興味があります。

プロジェクトでhtml5ボイラープレートを使用しています。速度と一貫性を保つために、すべてのJavaScriptを1つのファイルに配置することをお勧めします。script.js合理的なようです。

ただし、1つのページにのみ関連し、他のページには関連しないジオロケーションスクリプトが少しあります。慣例を破って、このスクリプトを、依存するjavascriptライブラリへの呼び出しの下のページに配置する必要がありますか?script.js依存するライブラリへのリンクの下にある、関連する関数()ファイルへの呼び出しを配置するだけですか?

ありがとう!

0 投票する
2 に答える
222 参照

html5boilerplate - クロム16.0.912.63のhtml5ボイラープレートの問題

他の誰かがクロム16.0.912.63のhtml5ボイラープレートで問題を経験していますか?ダウンロードしたばかりで、index.htmlを開くと、レンダリングに約40秒かかります。Chrome開発者ツールを見ると、プロトコルの相対URLが表示されます

問題を引き起こしています。URLにを追加するhttp:と、妥当な時間内にjqueryを取得するように見えますが、modernizr.jsスクリプトでga.jsの取得に問題があります。

Chromeで定型文を使用している人は多いと思いますが、定型文のサイトには、これが一般的な問題であることを示すものは何もありませんでした。何かを間違って構成した可能性はありますか?

0 投票する
2 に答える
1492 参照

html - HTML5 ボイラープレートの欠点

私は XHTML を約 3 年間使用しており、HTML5 と CSS3 の登場についてはあまり気にしていませんでした。数か月前、私はHTML5 Boilerplateに出くわし、今とても興味を持ち始めています。

まだ見つけられていない唯一のことは、この一連のベスト プラクティスを使用することの欠点です。さまざまなブラウザでサイトを同じように見せることが主な目的であることは知っていますが、注意すべき点はありますか?

0 投票する
1 に答える
944 参照

css - デフォルトの色と背景色を変更せずに CSS3 ::selection を使用するにはどうすればよいですか?

次の行は、デフォルトで HTML5 ボイラープレート テンプレートに含まれています。

ただし、選択色をOSのデフォルトのままにしたいです(Windowsでは青、Ubuntuでは茶色がかったオレンジだと思います)。background プロパティを省略した場合、背景はありません。

0 投票する
1 に答える
162 参照

html5boilerplate - H5BPビルドスクリプトイメージの最適化

ビルドスクリプトを実行すると、すべてが正常に機能しますが、イメージの量が多いため、ビルドには約5分かかります。ビルドスクリプトは、前回のビルド以降にイメージが変更されているかどうかを確認し、変更されていない場合は変更するようになっているのではないでしょうか。そうでない場合、ビルドからフォルダーを除外する簡単な方法はありますか?

私が受け取る唯一の警告は「将来変更される」-警告です。

0 投票する
3 に答える
1887 参照

ruby-on-rails - HTML5-Boilerplate、Compass、Haml、および 960 Grid for Rails 3.1.x

Rails 3.1.x で HTML5 Boilerplate、Haml、Compass、および 960.gs のサポートを標準的な方法 (つまり、新しいアセット パイプライン構造に適合する方法) で追加するための有効なソリューションを探していました。Rails 3.0.x では、次の gem を使用することで、これをかなり簡単に実現できました。

  • ハムレール
  • 方位磁針
  • html5ボイラープレート
  • コンパス-960-プラグイン

ここと他の場所の両方でいくつかの質問/回答を見てきました。しかし、確かな情報を見つけることができず、それをつなぎ合わせようとした方法は、せいぜい(悪い意味で)「ハッキング」されたように見えました. これを達成する方法についての明確な洞察をいただければ幸いです。

0 投票する
2 に答える
4201 参照

jquery - Html5boilerplateのコードを使用して、ローカルで実行するとJQueryの読み込みが非常に遅くなります

私はすべてのプロジェクトでJQueryをロードするために次のコードを使用しています。http://html5boilerplate.com/から入手しました。ここでは、この手法について広範囲に議論されています。

このコードはうまく機能し、インターウェブに配置するとすぐに実行できるように見えますが、.htmlファイルをローカルで開くと、更新ごとに最大10秒かかります。一般的に私はうんざりして、次のようにコードを変更します:

ここで明らかな何かが欠けていますか?読み込み時間が非常に遅くなることはないはずですが、それらの行をコメントアウトすると解決します。

0 投票する
1 に答える
754 参照

css - 異なるフォント レンダリング Mozilla Vs Webkit? (HTML5 ボイラープレート)

私は HTML5 ボイラープレートで Normalize.css を使用していますが、OS X 上の Firefox 9 が、テストしている他のすべてのブラウザーとは異なる方法でフォントをレンダリングすることに気付きました (Chrome 16、Safari 5.1.2、Opera 11.6 はすべて同じように動作します)。

パディングやマージンなしのスクリーンショットを次に示します。

Firefox OS X 9.0.1:

ここに画像の説明を入力

Chrome OS X 16:

ここに画像の説明を入力

Firefox が他のブラウザよりも大きくカーニングをレンダリングしていることがわかります。何か案は?