2012-03-09 4 views
5

誰かがVisual Studio 2011 Beta用のBlendを使用してウェブページを作成する運があったのですか? 私は、Blendを使用してXAMLベースのUIを作成し、そこにWeb用のBlendのような華麗なWYSIWYGエディタがないかもしれないことに驚くようなデザイナーです:P Blenderでほとんどのものをデザインできました。開発者から手を差し伸べて、コードビハインドを彼らが何を使っているのかにかかわらず実行してください。 ブレンドは、マークアップ/スタイリングで多くのIE10/Windows 8固有のものを作成するのですか、それともかなり標準的なものですか?ブラウザで実行されるブレンド作成のHTML/CSS?

乾杯は、Blendで ニック

答えて

7

HTMLオーサリングには、現在のブラウザで実行しないアプリに、HTMLとCSSでWindows 8用Metrostyleのアプリを作成するに焦点を当てています。基本的なWindows HTML/CSS/JavaScriptプラットフォームはもちろん標準に準拠しているため、Blendは標準ベースのHTMLとCSSを編集して生成します。

興味深い点がいくつかあります。 •Blendデザインサーフェイスは、実行時にWindows 8のアプリケーション(IE10)で使用されているものと同じレンダラーを使用します。異なるブラウザ実装に違いがあるように、Windowsアプリランタイムは他のブラウザとは異なる方法でレンダリングすることがあります。これはまだ標準のHTMLとCSSですが、WYSIWYGの編集はWindows 8のアプリランタイムレンダリングに基づいています。

•Windows 8のアプリケーションは、異なるビュー状態になることがあります。実行中のアプリケーションでは、ビューステートスイッチにより、メディアクエリとイベントが発生します。ブレンドには、正確なデザイン体験のために、デザイン面でのビューの状態と解像度/ DPIの切り替えをシミュレートする特別なツールがあります。

•Webサイトは、通常、無制限の高さのスクロールページを持つことを意図しています。一方、アプリUIは、アプリが実行されている端末の画面サイズによって決定される固定高さを想定することが多いでしょう。 Blendデザイン面は、アプリケーションを構築するために設計されています。

•対話モードでは、アプリケーションをWindows 8アプリとして実行します。

•Blendは、緩やかなHTMLファイルやCSSファイルを編集しません。プロジェクトファイルを想定しています。提供されたプロジェクトテンプレートは、Windows 8アプリ用です。

•BlendのCSSプロパティエディタは、IEでサポートされている一連のCSSプロパティと値に重点を置いています。 IEに存在するCSSプロパティとプロパティ値の大部分は他のブラウザと同じですが、他のブラウザと同じように、わずかな違いがあります。

IE 10でサポートされているCSS機能のうち、標準化はされていますが、ファイナライズされていないものがあります。 W3Cでは、ブラウザがそのようなプロパティとプロパティ値に対してベンダ固有の接頭辞を使用する必要があります。これには、CSSグリッド、フレックスボックス、トランジションとトランスフォームなどのものが含まれます。このようなプロパティの場合、BlendはMicrosoft固有のベンダープレフィックスのみを理解して生成します。

•Windows 8 HTML UIプラットフォームの一部は、コントロールやその他の便利なビルディングブロックを提供するWinJSツールキット(JavaScriptライブラリのみ)です。ブレンドには、コントロールやフラグメントなど、WinJSのいくつかの機能に対する特別なツールが含まれています。これらの機能のいずれかを使用すると、WinJSツールキットの可用性に依存するマークアップが作成されますが、もちろんWinJSの使用は必須ではありません。

乾杯、 ロリダークスは、Microsoftが無地のウェブサイトを作成することができますブレンド場合、それはいいだろう

+1

チームコミュニティPMをブレンド 。これにより、開発者は、WindowsストアのアプリケーションとそのWebサイトの一貫性を維持できます。 winjsの使用を制限することで、msはWinjsを宣伝したくないようです。 –

関連する問題