CSS for Windows 8 App Development

CSS for Windows 8 App Development is your learning guide for CSS – the language of great Windows 8-style apps. Learn the built-in styles that make the built-in controls shine, how to define them, and how to use CSS to give your custom app assets that beautiful Modern UI style.

CSS (Cascading Style Sheets) is the clear standard for styling web applications, and with HTML, CSS, and JavaScript now powering apps on Windows 8, it’s the clear standard there as well. CSS is a powerful styling and layout language that greatly simplifies the selection of page elements and their visual display, layout, and animation. Additionally, Windows 8 apps appear on a large variety of screen formats, and CSS is the primary means for uniquely defining these layouts.

• Learn the language of great Windows 8-style apps
• Raise your knowledge of the CSS3 standard
• Use the styles built-in to Windows 8 style apps
• Apply CSS styles to your app

What you’ll learn

•  Master the use of powerful CSS selectors
• Learn new CSS3 functionality such as flex boxes, grids, animation, and transforms
• Control your styles from JavaScript for really powerful interactions
•  See the styles implemented by built-in controls like ListView and override them
•  Learn style rules that will help you implement good Windows 8 style
• See how to use LESS in your Windows 8-style app

Who this book is for

CSS for Windows 8 App Development is for software developers of all skill levels working with web applications. If you’re new, the foundational CSS examples will bring you up to speed quickly. If you’re more familiar with CSS, you’ll gain critical insight into its application in Windows 8 for creating a great Modern UI.

Table of Contents

1. Windows 8 Design
2. Introduction to Windows 8 Development
3. Selectors and Style Rules
4. Text Properties
5. Box Properties
6. Transforms, Transitions, and Animation Properties
7. Layout Properties
8. Global Styles
9. WinJS Control Styles
10. Overriding and Defining Styles
11. CSS Libraries and Resources
12. Styling SVG