23.01.2018 Views

MICROSOFT_PRESS_EBOOK_PROGRAMMING_WINDOWS_8_APPS_WITH_HTML_CSS_AND_JAVASCRIPT_PDF

Create successful ePaper yourself

Turn your PDF publications into a flip-book with our unique Google optimized e-Paper software.

Flexbox -ms-[inline-]flexbox (values for display); -ms-flex and -ms-flex-[align | direction |<br />

order | pack | wrap]<br />

Gradients<br />

-ms-[repeating-]linear-gradient, -ms-[repeating-]radial-gradient<br />

Grid -ms-grid and -ms-grid-[column | column-align | columns | column-span | grid-layer |<br />

row | row-align | rows | row-span]<br />

High contrast<br />

Regions<br />

Text<br />

Other<br />

-ms-high-contrast-adjust<br />

-ms-flow-[from | into] along with the MSRangeCollection method<br />

-ms-block-progression, -ms-hyphens and –ms-hypenate-limit-[chars | lines | zone],<br />

-ms-text-align-last, -ms-word-break, -ms-word-wrap, -ms-ime-mode, -ms-layout-grid and<br />

–ms-layout-grid-[char | line | mode | type], and –ms-text-[autospace |<br />

kashida-space | overflow | underline-position]<br />

-ms-writing-mode<br />

Styling Gallery: <strong>HTML</strong> Controls<br />

Now we get to enjoy a visual tour of styling capabilities for Windows Store apps. Much can be done<br />

with standard styles, and then there are all the things you can do with special styles and classes as<br />

shown in the graphics in this section. The specifics of all these examples can be seen in the <strong>HTML</strong><br />

essential controls sample.<br />

Also check out the very cool Applying app theme color (theme roller) sample. This beauty lets you<br />

configure the primary and secondary colors for an app, shows how those colors affect different controls,<br />

and produces about 200 lines of precise <strong>CSS</strong> that you can copy into your own stylesheet. This very much<br />

helps you create a color theme for your app, which we very much encourage to establish an app’s own<br />

personality within the overall Windows 8 design guidelines and not try to look like the system itself. (Do<br />

note that controls in system-provided UI, like the confirmation flyout when creating secondary tiles, will<br />

be styled with system colors. These cannot be controlled by the app.)<br />

153

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!