独自のレスポンシブ デザインを作成する多くのプロジェクトの後、私はそれに少し飽きてきました。人気のあるレスポンシブ フレームワークを調査した後、Zurb Foundation を使用することにしました。
まず、cssをダウンロードする準備ができました。それからGEMを使ってみたのですが、自分で調べようとすると少し抵抗がありました。ドキュメントは十分なシナリオを説明していないようです。それらは単なる生のドキュメントです。
最初に私が見逃しているのは、すべてのクラスを検索して説明をすばやく見つけることです。これは、jquery の Web サイトにあるようなものです。
WindowsにRubyをインストールする必要があることを理解するために、多くのグーグルと読書。その後、WebサーバーにもRubyをインストールする必要があると考えましたが、SASSは単なるプリプロセッサであるため、自分の側でより良いコードを書いて維持するのに役立つだけであることがわかりました:)
以下に、Google で検索しないと簡単に解決できない問題をいくつか挙げます。
1) .scss ファイルも開くように Dreamweaver を設定しました。それから私が開発している毎日、私はルビーコンソールを開き、プロジェクトディレクトリに移動して置く必要があります：コンパスウォッチ。すべての変更を保存するたびに (ブラウザーでテストできるように)、dreamweaver は次のメッセージ ボックスを表示します。
2) app.scss は多くの @import ステートメントのみを保持します。_settings.scss には、デフォルトの外観を変更できるコードが含まれています (まだ SASS の達人ではないので、gem を使用する主な理由はこれでした)。一部のステートメントのコメントを外して、_settings.scss 内のニーズに合わせて変更する必要があります。1 日後に zurb を正常に更新すると、これらの変更はすべて失われます: gem update zurb-foundation? もしそうなら、すべてのオーバーライドを保持する新しい scss を作成することをお勧めしますか?
3) _settings.scss がリッスンするいくつかのデフォルトをオーバーライドする新しい .scss ファイルを作成する方法。
4) app.css または _settings.scss をオーバーライドする必要があります
5) トップバーのリンクのホバーの色を変更すると、なぜこれらが適用されないのですか? 例: $topbar-link-color-hover: #fff; (_settings.scss)
6) プロジェクトを作成した後、プロジェクトに /img または /images フォルダーがありませんでした。したがって、私は自分で「/images」を作成しました
7) ファウンデーション 4 について、ベスト プラクティスやチュートリアルが満載の書籍はありますか?
申し訳ありませんが、正直なところ、zurb の基本を学ぶのに多くの時間を費やしているように思えます。私はモバイルやデスクトップの Web プロジェクトと同様に C++ プロジェクトで多くの経験を積んでいるので、初心者のようには感じませんが、サポートを購入するように迫られているようです。