13

カスタムクラス名を必要とせずに最小限のフォーマットを適用する単純な HTML5/CSS3 フレームワークを知っている人はいますか? 理想的には、適切にレイアウトされた HTML5 のみを使用し、サイドバーの幅などの一般的なルールを使用して、最小限の柔軟性で要素を配置します。

headerHTML5 では、 、 、navなどの要素を含むカスタム クラス名の必要性ははるかに少なくなってasideいますが、それを十分に活用するフレームワークはまだ見たことがありません。何か案は？

明確化:私はすべての通常の容疑者 (Bootstrap、HTML% Boilerplate、Shim など) を調べてきましたが、どれも私のかゆみを掻くことはありませんでした。そして、そのかゆみは、実際のレイアウトを定義する単純な CSS3 スタイルシートを使用して、デザインについて何も仮定せずにすべてを意味論的に定義するプレーンな HTML5 構造の単純な組み合わせです。要素のレイアウトを定義する基本スタイルシートと、実際のデザイン用の個別のスタイルシートを使用して、いくつかのスタイルシートを使用してそれを想像できます。さまざまなプロジェクトの簡単な出発点として使用され、後で個別にカスタマイズできます。

どうやら、ウェズリーが提案した方法で自分で書く必要があるかもしれません...

4

7 に答える 7

4

あなたが求めているのは CSS フレームワークではなく、単なるカスタム スタイルシートのようです。

すでに存在するものを探す努力を思いとどまらせるわけではありませんが、自分で書いたほうがよいでしょう。おそらく、多くの既存の の 1 つから始めてreset.cssください。クラス名を介してフックイン (またはフックアウト) する機能のないデフォルトのスタイルは、あまり柔軟ではありません。

クラスを避けるべきではなく、それらを利用する必要があります。フレームワークは、HTML 要素がどこにどのようにネストされているか、またはタグ名だけに基づいてどのように表示されるかを知ることはできません。これが、通常クラスを使用する理由の 1 つです。

新しい HTML5 要素のセマンティクスに細心の注意を払うと、header必ずしも「ロゴのあるページの上部」を意味するわけではなく、ページ全体の下部footerの単なる要素ではなく、aside常に「サイドバー」と同等であるとは限りません。

于 2012-06-19T19:26:19.417 に答える
3

HTML5 ボイラープレートを使用して HTML5 アプリケーションを開始できます。

Dan Wahlin は、セットアップに関する優れたブログ投稿を投稿しました。

http://weblogs.asp.net/dwahlin/archive/2011/06/05/getting-started-using-html5-boilerplate.aspx

于 2012-06-19T19:24:26.257 に答える
1

私自身はあまり使ったことがありませんが、Twitter Bootstrapが役に立つかもしれません。ページ上に要素を簡単に配置できるグリッドシステムを使用しています。これは、ページ上のサイドバーやその他の一般的な機能の領域を作成する場合に特に役立ちます。

ただし、クラスをかなり頻繁に使用するため、提案しているものとは多少反対です。私が見たところ、クラスは非常に構造化された方法で処理されているため、探しているものに近い場合があります。

于 2012-06-19T19:27:42.953 に答える