私はWebアプリケーションを設計するのに数年の経験がありますが、これまではCSSでフォームを設計するために、テキストエディタを開いてコードを書き始めました。これは私にとってはうまくいくが、大きなフォーム（ウィザードなど）を設計しなければならない場合、多くの時間を要する。だから、ここの周りのすべての指導者のための質問：十分に見えるCSSベースのフォームを設計する最も速い方法は何ですか？CSSベースのフォームを設計する際の最先端技術は何ですか？
PS：私は完全に自動化された方法を探していません。私は、私が掘り下げてさらに遊べる可読なCSSコードを作り出すことができるものだけを探しています。
960グリッドシステムは、最近、CSSベースのレイアウトでかなり普及しているようです。 http://960.gs/
これは私が被写体に見てきた優れたチュートリアルのいずれかです。http://sixrevisions.com/web_design/the-960-grid-system-made-easy/
それは、クラス名の周りdecentsセマンティクスを持っており、あなたのチームメイトが自分で学ぶ、または多分既に知っていることができるように文書化されていますそれ。
あなたは完全に自動化された方法を探していないとお知りになりましたが、たくさんのコードを書くことなくフォームをすばやく作成したい場合は、これらのオンラインフォームビルダーの1つをチェックしてください。最終的なマークアップが生成されます。ちょうどゼロから独自のフォームを構築するという点で
：私はあなたの素敵なアラインメントを作成するために使用できる他の要素でフォーム入力を包む推薦フィールドとラベル。フォームの入力を定義リストの中に入れると、各ラベルは<dt>になり、各入力は<dd>にラップされます。その後、dtは浮動小数点で左揃えになります。
旧式のブラウザに焦点を当てる必要がない場合は、さらに検討する価値があります。all the cool things you can add to forms thanks to HTML5 and CSS3です。
要素の位置合わせ以外のフォームの設計には、「960グリッドシステム」とは何が関係していますか？そしてピクセルベースの固定幅のレイアウト？なぜ、デザイナーは、このような制約の中に自分自身を限定するのではなく、CSSの柔軟性を受け入れることができないのですか？ – RoToRa
落ち着きのキラー。誰も誰も何も使わなければならないと誰も言わなかった。 –
私はRoToRaに同意します。私たちが現在見ることができる一定の傾向があります。ユーザーは、iOSデバイス（iPhone、iPod Touch、iPad）、Androidデバイス、Windows Mobile 7デバイス、さらにはテレビなどのコンピュータ以外のメディアでウェブサイトを閲覧しています。 960グリッドシステムは、これらのデバイスにあまり関係しません。 – Alerty