0

私の現在のプロジェクトでは、個別にブランド化された Web サイトで将来再利用されるコンポーネントのフレームワークを構築する必要があります。これらのコンポーネントは、ASP.NET ユーザー コントロール ( *.ascx) にまとめられます。同じコンポーネントが複数のブランド サイトに存在します。それらの唯一の違いは、コンテンツと CSS です。CSS だけでデザインを微調整できるように、将来的に柔軟に対応できるように HTML を構成する必要があります。例を次に示します。

何かを宣伝するための基本的な吹き出しコンポーネントを作成しているとします。これは、セマンティックで単純な HTML には十分です。

<div class="callout">
  <h3>Headline</h3>
  <p>lorem ipsum...</p>
  <a href="#">Read more</a
</div>

ただし、将来のデザイン変更によっては、デザインに合わせて CSS を記述するのに十分な HTML 要素が存在しない可能性があります。おそらく、将来の CSS スキニングのために、過度に冗長でオーバーロードする必要があります。たとえば、次のようになります。

<div class="callout-outer">
  <div class="callout-inner">
    <div class="callout-top">
      <h3>Headline</h3>
    </div>
    <div class="callout-body">
      <p>lorem ipsum...</p>
    </div>
    <div class="callout-bottom">
      <a href="#">Read more</a>
    </div>
  </div>
</div>

ホーリー・ディヴィティス・バットマン！しかし、実際には... 2 番目の構造は、デザイン変更のための将来の CSS スキニングの柔軟性を大量に提供しますが、意味的にはゴミです。

私の質問:

  • このような構造を既に持っているボイラープレートのフレームワークはありますか (Twitter Bootstrap がこれほどの柔軟性を提供するとは思いません)。
  • これは完全にひどい考えですか？（主観的、私は知っています）
4

1 に答える 1

1

それはひどい考えではありません - それは良い考えであり、多くの人が最終的に次のような HTML にたどり着きます:

私の最初の考えは、JQueryUIスタイリングを使用するようにサイトを設計することです。これは、CSS ファイルに基づく再スキンの概念をサポートするために物事をアニメーション化または構造化する必要があるため、2 番目の例について考えることを強制します。

ただし、DIVの命名規則については慎重に検討します。アウターとインナーは実際には非常に賢明です:)

  • また、JQuery UI Web サイトは、デザイナーが CSS 自体を作成せずに Web サイトのルック アンド フィールを変更するための優れた方法を提供します (その後でも機能させることができます)。
于 2013-03-26T13:08:26.043 に答える