問題タブ [codekit]

Jekyll を使用して最初のテスト サイトを作成し、GitHub ページでホストしています。

私はそれをいじっていましたが、_site/cssファイルでコードインジェクションを行い、変更を/ sitename/css ファイルを編集して、スタイルの変更が GitHub Pages 上のホストされたサイトに反映されるようにします (親ディレクトリの CSS に基づいてファイルを再出力します)。

これまでのところ、config.rbに移動して変更することでローカルで作業できることがわかりました

に

GitHubにプッシュしたいときに元に戻します。

ただし、これは非常に厄介なので、他の誰かがこれを機能させるためのより良い方法を持っていると考えました。

jsLint と CodeKit を使用して js を検証しています。.js 自体は非常に最小限であり、jsLint が報告したすべての問題を解決しました。しかし、この 1 つのエラーが消えることはないようです。これを克服する方法の手がかり。

何か案は？

Phonegap を使用して iPad アプリを作成しています。

アプリはオフラインであることが想定されているため（フォーム送信を除いて）、ほとんどが静的ページになるため、複雑さを最小限に抑えるためにJS MVC / Require JSを使用していないため、大量のHTMLファイルが必要になります。見れば見るほど、基本的にアプリを構築するために Phonegap でラップされた静的サイトです。

大量の HTML ファイルを作成するので、テンプレート エンジンを使用していない場合、(たとえば) ヘッダー/フッターの変更を管理するのは面倒です。これまでのところ、Codekit を使用して Jade ファイルを HTML にコンパイルしていますが、問題なく動作します。レイアウト/ブロック/インクルード機能と HTML コンパイルにのみ Jade を使用しています。

私が Jade を使用するのがあまり好きではないことの 1 つは、ファイルにネストされた HTML タグが多数含まれている場合 (たとえば、Zurb Foundation/Twitter Bootstrap でマークアップされた複雑なフォーム デザイン)、突然 Jade がきれいに見えなくなることです。

どういうわけか、それを行うためのより良い方法が必要だと思います。Phonegap を使用してほとんど静的なページ アプリを作成した人はいますか? より良い提案はありますか？

ありがとう

Grunt を使用するように CodeKit プロジェクトを変換しようとしています (Windows の友人をサポートできるようにするため)。

CodeKit では、連結するファイルに連結命令をコメントとして含めることで、JS ファイルを連結できます。たとえば、jquery.validate.jsファイルのscripts.js先頭に追加するには、次のコメントを に追加しますscripts.js。

ファイル自体の指示に基づいて JS ファイルを連結するように grunt-concat (または同様のプラグイン) を構成するにはどうすればよいですか? (Gruntfile.js を参照するのではなく) 何が起こっているのかがより明確になるように、ファイルに concat 命令を含めることをお勧めします。

この質問に飽きたら申し訳ありませんが、Codekit (Less) で縮小したときにコメントを保持するトリックはありますか?

@import "normalize" from compass-normalize gemのみを含むプロジェクトをコンパイルしようとすると、エラーが表示されます

オーケー。そのため、すべての宝石を再インストールしましたが、まだ機能しません。さらにcompass watch、コマンドラインで実行しているときは機能します! そして実際にはコンパイルされます...コードキットの何が問題なのですか?

私が取り組んでいるアプリケーションの CSS には、IE8 専用のスタイリングを含める必要があります。スタイル コードは複数の LESS ファイルに記述され、CodeKit または Mac OS X 上の LESS アプリでコンパイルされて、ライブ アプリケーションに使用する単一の CSS ファイルになります。

これは、LESS ファイルで使用したい CSS コードです。

ただし、LESS は有効なコードとして受け入れられず\0screen、このコードが存在する LESS ファイルをコンパイルしようとすると、CodeKit と LESS アプリの両方がエラーを返します。

条件付きコメントと IE8 用の代替 CSS ファイルを使用できることはわかっていますが、この時点で必要な修正は数行にすぎないため、@mediaクエリを使用してコンパイル済みの CSS を 1 つのファイルに保持することを強くお勧めします。

LESS Web サイトには、を使用したコードのエスケープに関する短い章があり~""ますが、値にのみ適用されるようです。

内部のクエリと CSS コードは、コンパイル済みの CSS ファイルにそのまま入れれば IE8 で完全に機能しますが、コンパイルするたびにコンパイル済みの CSS を追加する必要はありません。

LESS でこのクエリをエスケープする別の方法はありますか?

そのため、Codekit を使用して、ローカル サーバーで LESS CSS をコンパイルしています。次に、ファイルをライブ サーバーに転送する必要があります。

私の質問は、すべての .less ファイルをアップロードする必要がありますか? または、縮小された css ファイルをアップロードすることはできますか?

ここでのベストプラクティスは何ですか?