ウェブベースのUI要素の準備セット

Question

すべてのUI要素は、小さな要素要素から構成されています。テキストフィールド、領域、ラベルなどを含み、ほぼすべてのGUIフレームワークは、そのような基本要素のデフォルトセットをそのままの状態で出荷します。しかし、Webの場合、スタイリングのない生のhtml要素は、デモンストレーションだけでなく、開発のためにも、初心者にとってはあまりにも醜いものです。私は最も一般的ですが、むしろWeb UI要素の完全なセットを提供するいくつかの準備ができたソリューションを探しています。私はフレームワークではなく、ボタンやツールバーだけでなく、thisのような個々の要素をどのように構築するかを指示します。

Answer 1

あなたはTwitterのブートストラップを見ましたか？

http://twitter.github.com/bootstrap/

それはちょうど、うまくそれらを使用する方法の手順を持つ要素をスタイル、完全なフレームワークではありません。

私はこれがあなたの役に立てば幸い

Answer 2

...
http://www.9lessons.info/2009/03/clean-interface-css-tips.html このページの出力はのようなもので、何を変更すると、あなたのウェブサイトのニーズを満たすために作ることができるものを見るためにライブデモ]ボタンをクリックしてください。

Answer 3

長期的には、基本的にはCSSを学ぶことです。あなたの文で注意すべき

いくつかのこと：スタイリングなし

生のHTML要素には、生のHTML要素は、プレゼンテーションのためではないためだ

あまりにも醜いです。彼らは情報を表現するためのものです。プレゼンテーションはCSSを介して適用されます。CSSはHTMLとは別に保存する必要があります（複数のデザインを簡単に交換することはできません）。初心者が何かをするために、初心者が定義することにより、すべてのこのようなもの

を飾り立てるするため

が、それは簡単ではありません、それは簡単ではありません。専門知識は時間と練習を必要とします。自由に利用できるツールが用意されています（一般にはjQuery UI libraryなどの便利なツールにつながります）、必要に応じてユーザーインターフェイスを素早く簡単に作成する方法を学ぶことができます。

ウェブUI要素の完全なセット

定義 "完全なセットを。" WinFormsのように、基本的に自由に使用できる有限のツールボックス（サードパーティのツールセットなどで拡張することができます）とは異なります。 HTMLにはいくつかの基本要素がありますが、それらが表すのは、有限のドラッグアンドドロップコントロールとは対照的に、インターフェイスを構築するためのプラットフォームです。たとえば、divタグを大きなクリック可能なボタンとしてスタイル設定し、そのクリックイベントにJavaScriptを添付して応答することができます。このプラットフォームは、どのような方法でも拡張できます。

利用可能なツールがあります。他の人が完全に良い提案をしてこの質問に答えてくれると確信しています。しかし、実際にHTMLとCSSを学ぶというアイデアを無視しないでください。独自のインターフェイスを構築できることは、コントロールをデザイン面にドラッグするだけではなく、より多くの可能性を提供します。

CSS Basicsのような場所から始めて、CSS Zen Gardenのような場所に移動して、多くのヘルプを見つけることができます。被験者の1冊または2冊を手に取ることも同様に役立ちます。