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