ASP.NETデザインビュー - 移動コントロール

Question

私は最近、いくつかのアルゴリズムをホストするためのWebアプリケーションを作成することに決めました。通常はUIを気にせずに作成します。しかし今度は、私はUIに深く没頭する必要があります。私はブートストラップ、CSS、asp.netに精通しており、良いスタートを切った。

デザインビューでasp.netコントロールを扱うのが非常に難しく、コントロールをWebページのさまざまな領域に移動するなどの単純なタスクを達成するのが面倒です。私は2つのテキストボックスを持っているとき、デザインビューは、他のものの上に1つを強制して、私を混乱させてしまいます。私がブートストラップボタンを動かそうとすると、ランダムにパラグラフが作成され、ボタンを移動することを拒否します！

私は、コントロールを移動するときにasp.netのデザインビューをどのように扱うべきか、そして最良の技術が何であるかについて真正な真摯なアドバイスを探しています。

私はasp.net（ビジュアルスタジオ2015）でかなり単純なデータ表示アプリケーションを作成しています - （ほとんどのアルゴリズムの複雑さ舞台裏で、UIとは何の関係もない）。包括的かつ詳細なアドバイスは本当に感謝しています。具体的には、データグリッド、ユーザー入力用のテキストボックス（パラメータとして）、ドロップダウンに関連するモダンな見栄えのよいUIです。典型的なデータアプリケーションを知っています。

これは他の多くの人にも非常に役立つと確信しています！

Answer 1

ええ、過去にasp.netを使っていたWebデザイナーのように、私はあなたの痛みを完全に感じています。現代的な外観を得るのは簡単ではありません。なぜなら、asp.netは現代的なツールではなく、一種の視覚的なボキャブラリを持っているからです。

私は、できるだけ多くの場合、CSSベースのソリューションと密接な関係を築いて、まともな結果を得ることができたと言いました。私はミニマリストのアプローチは、最良の結果が付属してする傾向があることがわかった

http://www.design-experiments.com/ http://www.troyjnorris.com/shoppingcart/

：あなたは以下のリンクでそれらの結果の一部を見ることができます。

良いプロセス： - ビルドしたいものをビルドします。 - コンテナのdivを追加して、コントロール上で要素を選択しやすくします。これにより、要素の配置方法が大幅に向上します。 - ブラウザインスペクタを使用して、自動生成された要素名が画面に表示されているかどうかを調べます。良いセレクタを得ることは、CSSの戦いの半分です。 - 好きでないスタイリングをリッピングします。標準的なリセットスタイルシートはここでは行いません。スタイルを設定したい要素のすべてをゼロにするために独自の要素を構築する必要があります。そのため、コントロールの外見と闘っているわけではありません。再度、Webブラウザでインスペクタに頼りすぎて、すべてのスタイルが継承しているかどうかを確認する必要があります。 - Googleのフォントを使用して、ページのビジュアルスタイルを定義します。 - ほとんど黒または白の背景に固執する。 - ブートストラップはレスポンスグリッドに役立ちますが、ページ上のほとんどの要素をスタイルするのには適していません。 - 上記の例で気づいたように、視覚的関心はasp.netの構造と制限に関係のない要素から来ています。だから、そのようなもの、たとえ背景画像やパララックスがあっても、ページ上で何かが起こっているように感じる。

希望に役立ちます。