Создан ли смешанный HTML / CSS в браузере? - PullRequest
5 голосов
/ 09 марта 2012

Кому-нибудь повезло с использованием Blend для Visual Studio 2011 Beta для создания веб-страниц?Я дизайнер, использующий Blend для создания пользовательских интерфейсов на основе XAML, и волнуюсь, что там не может быть какого-нибудь блестящего WYSIWYG-редактора, такого как Blend для веб-сайтов: PI был -hoping - я мог бы проектировать большинство вещей в Blend, а затем просто вручнуюразработчик может делать свой код в любом адском виде.Создает ли Blend много специфичных для IE10 / Windows 8 вещей в разметке / стилях или это довольно стандартные вещи, которые он генерирует?

Cheers, Nick

1 Ответ

7 голосов
/ 16 марта 2012

Разработка HTML в Blend в настоящее время направлена ​​на создание приложений Metrostyle для Windows 8 в HTML и CSS, а не на приложения для запуска в браузерах. Базовая платформа Windows HTML / CSS / JavaScript, конечно, очень совместима со стандартами, и поэтому Blend редактирует и генерирует основанные на стандартах HTML и CSS.

Вот несколько интересных мест: • Поверхность разработки Blend использует тот же рендерер, который используется для приложений Windows 8 во время выполнения (т. Е. IE10). Среда выполнения приложений Windows может отображать вещи не так, как другие браузеры, так же как разные реализации браузеров имеют свои различия. Это все еще стандартные HTML и CSS, но редактирование WYSIWYG основано на рендеринге приложений Windows 8.

• Приложения Windows 8 могут находиться в разных состояниях просмотра. В работающем приложении переключатели состояния просмотра приводят к срабатыванию медиазапросов и событий. В Blend имеется специальный инструмент для имитации состояния просмотра и переключения разрешения / DPI на поверхности проектирования для точного проектирования.

• Веб-сайты обычно предназначены для прокрутки страниц неограниченной высоты. Интерфейс приложения, напротив, чаще принимает фиксированную высоту, определяемую размером экрана устройства, на котором запущено приложение. Дизайнерская поверхность Blend предназначена для создания приложений.

• Интерактивный режим запускает приложения как приложения Windows 8.

• Blend не редактирует свободные файлы HTML или CSS, он предполагает файл проекта. Прилагаемые шаблоны проектов предназначены для приложений Windows 8.

• Редактор свойств CSS в Blend фокусируется на наборе свойств и значений CSS, которые поддерживаются в IE. Подавляющее большинство свойств CSS и значений свойств, представленных в IE, такие же, как и везде, но есть несколько незначительных отличий, как и между другими браузерами.

• В IE 10 поддерживается множество функций CSS, которые являются предлагаемыми стандартами, но не доработаны. W3C требует, чтобы браузеры использовали специфичные для поставщика префиксы для таких свойств и значений свойств. Это включает в себя такие вещи, как CSS Grid, Flex box, Transitions and Transforms и некоторые другие. Для таких свойств Blend будет только понимать и генерировать префиксы поставщиков для Microsoft.

• Часть платформы Windows 8 HTML UI представляет собой инструментарий WinJS (который является просто библиотекой JavaScript), который предоставляет элементы управления и другие полезные строительные блоки. Blend включает в себя специальные инструменты для некоторых функций WinJS, таких как элементы управления или фрагменты. Использование любой из этих функций создаст разметку, которая зависит от доступности инструментария WinJS, но использование WinJS, конечно, не является обязательным.

Ура, Лори Диркс Командное сообщество Blend PM

...