Blend-created HTML/CSS ejecutándose en el navegador?

Question

¿Alguien ha tenido suerte usando Blend para Visual Studio 2011 Beta para crear páginas web? Soy un diseñador que proviene de usar Blend para crear interfaces de usuario basadas en XAML y me da miedo que no exista un editor WYSIWYG brillante como Blend para web: P Estaba -haciendo -puedo diseñar la mayoría de las cosas en Blend y luego, simplemente dáselo al desarrollador para que haga su código subyacente en cualquier cosa que use. ¿Blend crea un montón de material específico de IE10/Windows 8 en el marcado/diseño o es algo bastante estándar que genera?

Cheers, Nick

Answer 1

creación HTML en Blend se centra actualmente en la creación de aplicaciones para Windows 8 Metrostyle en HTML y CSS, no en aplicaciones para funcionar en los navegadores. La plataforma subyacente HTML/CSS/JavaScript de Windows es, por supuesto, muy compatible con los estándares y, por lo tanto, Blend edita y genera HTML y CSS basados ​​en estándares.

Aquí hay algunos puntos de interés: • La superficie de diseño Blend utiliza el mismo renderizador que se utiliza para las aplicaciones de Windows 8 en tiempo de ejecución (es decir, IE10). El tiempo de ejecución de la aplicación de Windows puede representar las cosas de manera diferente a otros navegadores, al igual que las diferentes implementaciones del navegador tienen sus diferencias. Sigue siendo HTML y CSS estándar, pero la edición WYSIWYG se basa en el procesamiento en tiempo de ejecución de la aplicación de Windows 8.

• Las aplicaciones de Windows 8 pueden estar en diferentes estados de vista. En una aplicación en ejecución, los conmutadores de estado de vista hacen que las consultas y eventos de medios se activen. Hay herramientas especiales en Blend para simular el estado de la vista y el cambio de resolución/DPI en la superficie de diseño, para experiencias de diseño precisas.

• Los sitios web generalmente están destinados a tener páginas desplazables de altura ilimitada. Por el contrario, la interfaz de usuario de la aplicación asumirá una altura fija, según lo determine el tamaño de la pantalla del dispositivo en el que se ejecuta la aplicación. La superficie de diseño Blend está diseñada para crear aplicaciones.

• El modo interactivo ejecuta aplicaciones como aplicaciones de Windows 8.

• Blend no edita archivos HTML o CSS sueltos, supone un archivo de proyecto. Las plantillas de proyecto suministradas son para aplicaciones de Windows 8.

• El editor de propiedades de CSS de Blend se centra en el conjunto de propiedades y valores de CSS que se admiten en IE. La gran mayoría de las propiedades CSS y valores de propiedad presentes en IE son los mismos que en cualquier otro lugar, pero existen algunas diferencias menores, al igual que entre otros navegadores.

• Hay un montón de características de CSS admitidas en IE 10 que son estándares propuestos pero no finalizados. El W3C requiere que los navegadores usen prefijos específicos del proveedor para tales propiedades y valores de propiedades. Esto incluye cosas como CSS Grid, Flex Box, Transitions and Transforms y muchos otros. Para tales propiedades, Blend solo comprenderá y generará los prefijos de proveedor específicos de Microsoft.

• Parte de la plataforma de IU HTML de Windows 8 es el kit de herramientas WinJS (que es solo una biblioteca de JavaScript), que proporciona controles y otros elementos útiles. Blend incluye herramientas especiales para varias funciones de WinJS, como controles o fragmentos. El uso de cualquiera de estas características creará un marcado que depende de la disponibilidad del kit de herramientas WinJS, pero el uso de WinJS no es obligatorio.

Saludos, Lori Dirks Blend Comunidad Equipo PM