2

短い話:私は多くの異なる、かなり小さい Web ページに取り組まなければならないことがよくあります。
それらのほとんどは、純粋な CSS でレイアウトされています。

私の問題:
私の仕事は、レイアウトではなく、コード自体、ページの機能に取り組むことです。しかし、私が行った変更により、レイアウトのわずかな変更を余儀なくされることが多く、ブラックホールのように時間が吸収されます。
ごくわずかなレイアウトの変更に、ルーチンの追加や書き直しにかかる時間の 10 倍もの時間を費やすことになります。
私たちにはデザイナーもいますが、私が行うすべての変更に対して彼がレイアウトをやり直すのを待つことは不可能です (そして、何度も変更しなければならないことがよくあります)。

そこで私が探したのは、複雑なプロのデザイン ツールではない、非常に基本的でシンプルな CSS WYSIWYG エディターです。いくつかのツールを試した後、あきらめて手動での編集に戻りました。特に、入れ子になったレイアウト ボックスの動作には毎回驚かされます。

誰かがこれについていくつかのヒントを持っていますか? 助けていただければ幸いです。

ありがとうございました

4

3 に答える 3

2

ツイッターブートストラップ

http://twitter.github.com/bootstrap/ 第一印象からは本当に良さそうです。

私のレールの専門家はそれについて絶賛し続けており、私はそれを試すことを計画しています。明らかに無料です。

基本的に、この問題であなたの痛みを感じました！

Bootstrapは実際の開発者に適しています。その多くは、cssタグを介した基本的なレイアウトであり、非常に理にかなっていると思います。すべてのニーズを満たしていない場合でも、開発チームの標準として、最初から始めるのに最適な場所である可能性があります。多くの場合、開発者はテンプレート化を嫌います;）

実際の直接のgithubサイトは次のとおりです：https ：//github.com/twbs/bootstrap

よく使われていますか？現在？...

Github統計：
ウォッチャー：8682
フォーク：1383
最終更新日：2011年10月10日
この投稿：2011年10月26日

いいね！:)

私はHAMLの大ファンでもあります-山かっこ（およびそれ以上）のないRuby + HTML！

于 2011-10-27T01:07:50.357 に答える
2

2つの考え：

1) よりアジャイルなプロセスを採用する

ビジュアル デザイン (レイアウト) とロジック デザインは、交互に作成するのではなく、並行して作成する必要があります。お気づきのように、事後に変更を加えるのは非常に面倒です。

2) CSS フレームワーク/OOCSS メソッド/コンポーネント ライブラリの採用

これら 3 つすべての背後にある考え方は、予測可能な構造に従う再利用可能な CSS を作成することです。これには多くの事前作業が必要ですが、コード ベースは今後の保守がはるかに容易になるはずです。

于 2011-10-27T01:28:52.147 に答える
1

...これが役立つかどうかはわかりませんが、yahoo グリッドビルダーはうまく機能します。もちろん引っ掛かりはあります。それが生成する css セレクターはあまりセマンティックではないため、生成された html ページからリファクタリングを行う必要がある場合があります。

Github Stats: (Daniel が提案した以下のブループリント)
ウォッチャー: 4556
フォーク: 390
最終更新: 2011 年 6 月 6日
この投稿: 2011年 10 月 26 日

于 2011-10-27T01:23:13.763 に答える