html5 - Blend-created HTML/CSS running in browser? -


has had luck using blend visual studio 2011 beta create webpages? i'm designer coming using blend create xaml-based uis , freaking out there might not brilliant wysiwyg editor blend web out there :p -hoping- design things in blend , hand off developer code-behind in whatever hell use. blend create lot of ie10/windows 8 specific stuff in markup/styling or pretty standard stuff generates?

cheers, nick

html authoring in blend focused on creating metrostyle apps windows 8 in html , css, not on apps run in browsers. underlying windows html / css / javascript platform is, of course, standards-compliant, , therefore blend edits , generates standards-based html , css.

here few points of interest: • blend design surface uses same renderer used windows 8 apps @ runtime (i.e., ie10). windows app runtime may render things differently other browsers do, different browser implementations have differences. it’s still standard html , css, wysiwyg editing based on windows 8 app runtime rendering.

• windows 8 apps can in different view states. in running app, view state switches cause media queries , events fire. there special tooling in blend simulate view state , resolution / dpi switching on design surface, accurate design experiences.

• web sites intended have scrolling pages of unlimited height. app ui, in contrast, more assume fixed height, determined size of screen of device app running on. blend design surface designed building apps.

• interactive mode runs apps windows 8 apps.

• blend not edit loose html or css files, assumes project file. project templates supplied windows 8 apps.

• blend’s css property editor focuses on set of css properties , values supported in ie. vast majority of css properties , property values present in ie same everywhere else, there few minor differences, between other browsers.

• there bunch of css features supported in ie 10 proposed standards not finalized. w3c requires browsers use vendor-specific prefixes such properties , property values. includes things such css grid, flex box, transitions , transforms , several others. such properties, blend understand , generate microsoft-specific vendor prefixes.

• part of windows 8 html ui platform winjs toolkit (which javascript library), provides controls , other useful building blocks. blend includes special tooling several features of winjs, such controls or fragments. using of these features create markup relies on availability of winjs toolkit, use of winjs of course not mandatory.

cheers, lori dirks blend team community pm


Comments

Popular posts from this blog

jasper reports - Fixed header in Excel using JasperReports -

media player - Android: mediaplayer went away with unhandled events -

python - ('The SQL contains 0 parameter markers, but 50 parameters were supplied', 'HY000') or TypeError: 'tuple' object is not callable -