O'Reilly logo

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

CSS for Windows 8 App Development

Book Description

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. Title Page
  2. Dedication
  3. Contents at a Glance
  4. Contents
  5. About the Author
  6. About the Technical Reviewer
  7. Acknowledgments
  8. Introduction
  9. Chapter 1: Windows 8 Design
    1. Windows Reimagined
    2. Traits of Great Windows 8 App Design
    3. Microsoft Design Principles
    4. Design Scenario
    5. Summary
  10. Chapter 2: Introduction to Windows 8 Development
    1. Windows 8 Architecture
    2. Tools
    3. Distributing Your App
    4. Summary
  11. Chapter 3: Selectors and Style Rules
    1. Style Format and Location
    2. Selectors
    3. Style Definition
    4. Cascading Order, Specificity, and Scope
    5. Media Queries
    6. Summary
  12. Chapter 4: Text Properties
    1. Text
    2. Columns
    3. List Styles
    4. Hyphenation
    5. Summary
  13. Chapter 5: Box Properties
    1. The Box Model
    2. Sizing
    3. Overflow
    4. Visibility
    5. Margin
    6. Borders
    7. Padding
    8. Background
    9. Gradients
    10. Shadow
    11. Summary
  14. Chapter 6: Transforms, Transitions, and Animation Properties
    1. Transforms
    2. Transitions
    3. Animations
    4. MSCSSMatrix Object
    5. Summary
  15. Chapter 7: Layout Properties
    1. Legacy layout
    2. Modern Layout
    3. Summary
  16. Chapter 8: Global Styles
    1. Typography
    2. App bar
    3. Settings Pane
    4. Flyouts and Menus
    5. High Contrast Mode
    6. Summary
  17. Chapter 9: WinJS Control Styles
    1. HTML Controls
    2. WinJS Controls
    3. Summary
  18. Chapter 10: Overriding and Defining Styles
    1. Locating Style Selectors
    2. Overriding and Extending Styles
    3. Defining Styles
    4. Summary
  19. Appendix A: CSS Libraries and Resources
    1. Book Code
    2. codeSHOW
    3. The World Wide Web Consortium
    4. Microsoft Developer Network (MSDN)
    5. CSS Tricks
    6. Web Platform Docs
    7. LESS
    8. Other Online Galleries
  20. Appendix B: Styling SVG
    1. Introduction to the SVG Format
    2. SVG Embedded in HTML
    3. CSS Properties for SVG
    4. Applying What You've Learned
  21. Index