Skip to main content
main-content

Über dieses Buch

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

Inhaltsverzeichnis

Frontmatter

CHAPTER 1. Windows 8 Design

Abstract
No doubt you’ve heard Windows 8 introduced as “Windows reimagined,” and you simply cannot argue with how huge the paradigm shift is between Windows 8 and any previous iteration of Windows.
Jeremy Foster

CHAPTER 2. Introduction to Windows 8 Development

Abstract
The goal of this book is to help you dive deep into CSS, particularly the way that it applies when you develop apps for Windows 8. If you don’t have any experience developing Windows 8 apps, however, you’re going to have a hard time practicing anything you learn. So just in case this is a whole new world for you, we’re going to use this chapter to look at Windows 8 architecture, the tools that will be valuable to you when developing apps, and then how to distribute your app locally and to the Windows app store.
Jeremy Foster

CHAPTER 3. Selectors and Style Rules

Abstract
A style rule’s selector determines what it affects, and the definition determines how it is affected.
Jeremy Foster

CHAPTER 4. Text Properties

Abstract
If you have already read the first chapter then you know how to select elements and you know how to define style rules for those elements, and now, you are ready to turn mere structure into something beautiful as well as functional.
Jeremy Foster

CHAPTER 5. Box Properties

Abstract
Box properties are the properties of an HTML element that describe things like its size, fill, border, and spacing.
Jeremy Foster

CHAPTER 6. Transforms, Transitions, and Animation Properties

Abstract
A Windows 8 app without enough animation is going to leave the user with at least a subconscious sense that something is lacking or something is dead. Too much animation threatens to detract, distract, and possibly even annoy. So animation should be just enough to make your app’s visual artifacts come to life, and no more.
Jeremy Foster

CHAPTER 7. Layout Properties

Abstract
The web stack’s long history of somewhat less than stellar layout support is caused by a few things, in my opinion. First, we had tables, and tables sufficed to some degree. Sure, they were never the right place to define your layout, but were sufficient. Second, web development targets many browsers on a variety of devices, and attempts to define a document that adapts to its display. Contrast this to the print world where a standard sheet of paper never changes size and visual artifacts can be positioned anywhere.
Jeremy Foster

CHAPTER 8. Global Styles

Abstract
In this chapter on what I’m dubbing the global styles , we’re going to look at the styles from the WinJS library that affect the general environment and typography of your Windows 8 app. We’ll also look at the styling of the app bar, the settings pane, flyouts, and menus. There are a lot of rules that go in to styling the WinJS controls, and Chapter 9 is dedicated to just that.
Jeremy Foster

CHAPTER 9. WinJS Control Styles

Abstract
We’ve learned how to select and style elements with style rules. We’ve learned that we author these rules in style sheets. And we’ve learned that the WinJS library that is available in your Windows 8 app provides us with two themed versions of a style sheet that give our app that Windows 8 personality. The style sheets affect things like the background color, the font face, and the text size.
Jeremy Foster

CHAPTER 10. Overriding and Defining Styles

Abstract
The objective of this chapter is to learn how to style our app like we want. Good design is not entirely objective, but there are a lot of principles that apply and there are certainly a lot of principles around good Windows 8 design that can contribute significantly to your app’s success.
Jeremy Foster

Backmatter

Weitere Informationen

Premium Partner

    Bildnachweise