問題タブ [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 投票する
1 に答える
483 参照

ruby-on-rails - Rails、Datamapper、Coderayで空白を保持する(そうそう、Hamlも)

構文が強調表示されたCコードをrubyアプリで表示しようとしています。私はスタイリングで特別なことを何もしていないので、Coderayは事実上の解決策のように見えました。

次のコードは、divで強調表示されたコードを示していますが、先頭に空白はありません。(Sequel Proで表示した場合、空白はDBに存在します)

コードは通常のテキスト列に保存されます。

そして、ビューは次の方法でhamlでレンダリングされます。

編集

以下の解決策を参照してください。これは、html5ボイラープレートリセットcssが原因でした。

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

html5boilerplate - Slim で HTML5 ボイラープレートの条件付き HTML クラスを作成する

HTML5 ボイラープレートは、次の条件付き<html>クラスを使用します。

Slimベースのテンプレートでこれをどのように再現できるか疑問に思っています。

これが私がこれまでに持っているものです:

最後の条件は私に問題を与えています。

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

css - HTML5、CSS3、および HTML5Boilerplate を使用して、Firefox でクリックするとアンカーが右に移動する

html5boilerplate を使用して最初の Web サイトを開発していますが、奇妙なことが発生しています。アンカーをしてクリックすると右に移動します。これは Firefox でのみ発生し、Chrome では発生しません。

私の正確な CSS でこの例を見ることができます: http://jsfiddle.net/PuEzv/

どうすれば解決できますか?

前もって感謝します!

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

html - Html5BoilerplateまたはHtml5BoilerplateMobilefor mobile-first website?

Html5Boilerplateがバージョン2.0に到達し、モバイルファーストの設計を中心としているので、Html5Boilerplate Mobileをモバイルファーストのサイトに引き続き使用する必要がありますか?それぞれのコードを掘り下げてb/fに聞いてみたかっただけです。

明らかな違いの1つは、Html5BoilerplateがCSSリセットから正規化に切り替わり、respond.jsやモバイルメディアクエリセクションなどのモバイルファーストの側面が追加されたことです。標準のボイラープレートは、Githubでもよりアクティブに見えます。誰かがこれらの2つについて意見がありますか?

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

css - HTML5ボイラープレートと画像置換クラス text-indent -999em

HTML5Boilerplate は優れたフレームワークであるため、ほとんどのプロジェクトで HTML5Boilerplate を使用していますが、私と他の開発者は、画像置換クラスと text-indent:-999em の使用について行ったり来たりしています。

彼は私に次の 2 つのリンクを送ってくれました。

http://luigimontanez.com/2010/stop-using-text-indent-css-trick/

http://www.youtube.com/watch?v=fBLvn_WkDJ4

HTML5Boilerplate チームがスタイルシートをまとめる際に多くの調査を行ったことは知っていますし、多くの開発者が使用する一般的な手法であることも知っています。皆さんはどう思いますか?私たちのサイトが罰せられないように、別のテクニックを使い始めるべきですか、それとも使い続けても大丈夫ですか?

ありがとう!

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

build-script - Sublime Text 2 および HTML5 ボイラープレート ビルド スクリプト

Sublime Text に恋をした後、Aptana を離れる準備をしています。ST2にはビルド機能が組み込まれているようです。「ツール」->「ビルド システム」->「新しいビルド システム」に移動すると、独自のビルド コマンドを定義できますが、ST2 に HTML5 ボイラープレートのビルド スクリプトを使用するように指示することはできますか? F7またはctrl + Bを押すと、そこからビルドされます。

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

ant - HTML5 ボイラープレート ビルド スクリプトを使用して親フォルダーにビルドする

HTML5 Boilerplate ビルド スクリプトを使用して親フォルダーにビルドしようとすると、次のメッセージが表示されます。

dir.publish フォルダーが ../ に設定されているため、サイト全体が削除されるか、さらに悪いことになります。

まず、ビルド スクリプトはファイルを削除せず、ファイルを置き換えるだけですよね? 第二に、「またはさらに悪い」?グーグルで検索したり、ここでニトログリセリンを混ぜたりしているわけではありません:(

回避策はありますか?

編集: build.xml で次の行を削除しました:

正常に動作しますが、少し汚れているように感じます。するべきか?

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

ruby-on-rails-3.1 - Rails 3.1 用の有効な Gemfile と Scss、Haml、Compass、および HTML-Boilerplate をプロダクション モードで一緒に使用できますか?

私は、Rails 3.0.x プロジェクトを成功させており、Gemfile に次の Gem のサブセットがあります。

私は今日、Rails 3.1 にアップグレードしてすべての機能を維持しようとしましたが、そうするのに多くの問題がありました。実稼働モードで機能する構成がまだ見つからないため、現在開発モードで作業しています。

ここでは次のアドバイスに従いました。

  • Railscast の「Rails 3.1 へのアップグレード」production.rb : いつものように非常によく、アセット パイプラインの構成を変更development.rbおよび更新する方法を教えてくれました。application.rbしかし、compass、sass、および html5-boilerplate には触れませんでした。
  • 「Rails 3.1 で html-boilerplate をセットアップする」これは私にとって最適なものでしたがie_html、プロダクション モードではこのメソッドを使用できないため、機能しません。Gemfile の変更を書き留めます
  • 「Rails 3.1、Compass、Sass、Blueprint を Heroku Cedar で動作させることができません」これはまったく機能しませんでした。コンパイルされたアセットに問題がありました。Compass と Html-Boilerplate の間には依存関係があり、 Html-Boilerplate は method のためにグローバルでなければならないため、すべてをグローバルにしようとしましたie_html
  • group :assetsブロック内の一部のジェムのみを使用しようとするたびに成功しませんでした。ほとんどの場合、compass と sass、または compass と html5-boilerplate の間の依存関係を満たすことができませんでした。

私の質問は次のとおりです。Haml、Sass、Compass、Html5-Boilerplate、そしてもちろん Rails 3.1 を一緒に使用できる有効な Gemfile はありますか?

新しい Gemfile は開発モードで動作しますが、本番モードでは動作しません:

新しい Rails 3.1 アプリケーションを作成しようとして、そこに画像リソースを追加しました。すべてが正常に機能しているため、開発モードと本番モードに違いはありません。移行したアプリケーションでは、次の状態になりました。

  • 開発モードでうまく機能します。
  • 本番環境での問題を回避するために、html5-boilerplate の一部を無効にします。
  • 実動モードでプリコンパイル済みイメージをまだ検出していません。
0 投票する
2 に答える
997 参照

jquery-ui - HTML5Boilerplate / include libraries - フォールバック?

私は現在、HTML5BPについていくつか疑問に思っています...

JQuery モバイルと JQuery UI を含めたいのですが、これが正しい方法かどうかわかりません。

よくわからないのは、プロキシの背後にいてインターネットへのアクセスが許可されていない場合、ローカルのフォールバックが機能することを期待しているのですが、そうではないということです。認証エラーが発生し、ページが読み込まれません。

これは正しく含める方法ですか?

頭の中で私はプリフェッチします:

ありがとう!

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

css - HTML5 Boilerplate でヘッダーとコンテナー div の間のギャップを削除する方法

Paul Irish の HTML5 ボイラープレートを使用したいのですが、css の問題が発生しました。

ヘッダーをページの上部に揃えたいのですが、コンテナー div によってギャップが追加され、それを取り除くことができません。

これは、フッターの clearfix と関係があると思います。フッターとコンテナ div のパディング サイズを変えてみましたが、うまくいきませんでした。

これはhtmlコードです:

私のカスタムCSS: