Adjacent sibling combinator

Animations

    animation-based events

    definition, basic structure

    animation-name property

    div elements

    keyframes definition

    toGrayAndBack application

    event handler

    myAnimation application

    single mid-point keyframe

    triggering of animation

App bar

    Bing Maps app

    Bing Sports app

    DOM Explorer

    hover state, border-color change

    implementation in Windows 8 app

    ui-light.css

    upper and lower

Attribute selectors

    examples

    lang attributes

    ListView controls

    prefix selector

    substring selector

    suffix selector

    whitespace selector

Backface-visibility function

Background property

    background-attachment

        fixed value

        local value

        scrollable div

        scroll value

    background-image

    background-origin

    background-position

    background-repeat

    background-size

Basic style rule syntax

Blend

    app execution

    applied style rules pane

    design and execution modes

    grid app

    interactive mode icon

    style rules tab

Border-box sizing method

Border property

Box properties

    background property

        background-attachment

        background-clip

        background-color

        background-image

        background-origin

        background-position

        background-repeat

        background-size

    border property

    box model

    definition

    gradient property

        complex linear gradient

        linear-gradient() function

        linear gradient with alternating color stops

        radial gradient

        smooth gradient

    margin property

        default style sheet

        div elements with 5-pixel and left margins

        div elements with 5-pixel margin

        div elements without margin

        120-pixels left margin

        shorthand property

    overflow property

        auto value

        hidden value

        scroll value

        scroll value vs. auto value

        touch vs. mouse, scrollbar

        visible (default) value

    padding property

    shadow property

        box-shadow definition on div element

        box-shadow property uses

        simple box shadow under white box

    sizing

        border-box sizing method

        box-sizing property

        calc() method

        content-box sizing method

        width properties

    visibility property

    Windows 8 apps

Cascading order

Child combinator

Class selectors

    abstract menu element reference

    div element

    element referencing

    menu definition as unordered list of items

    menu definition using div

    type-specific menu element reference

codeSHOW

Combinators

    adjacent sibling combinator

    child combinator

    descendent combinator

    sibling combinator

Complex linear gradient

Contains selector

Content-box sizing method

CSS Tricks

Custom WinJS controls

    lst1012.css

    lst1012.html

    lst1012.js

Debugging, Visual Studio 2012

Descendent combinator

Distribution of app, Windows 8

    sideloading

    Windows Store

DOM Explorer

    five tabs

    HTML

    typical view

Embedded style sheets

Ends with selector

Extending styles

    default icon change in rating control element

    new border in progress bar

    new properties

    round thumb slider formatting on range input element

External style sheets

Fill color styling

Flyouts

Functions

    backface-visibility

    2D transform functions

        matrix()

        rotate()

        scale()

        skew()

        translate()

    3D transform functions

        matrix3d()

        perspective()

        rotate3d()

        scale3d()

        translate3d()

    perspective

    perspective-origin

    transform

    transform-origin

    transform-style

Global styles

    app bar

        Bing Maps app

        Bing Sports app

        DOM Explorer

        hover state, border-color change

        implementation in Windows 8 app

        ui-light.css

        upper and lower

    flyouts

    high-contrast mode, Windows 8

    menus

        DOM explorer

        italicizing commands

        operational menu

        WinJS.UI.Menu

    settings pane

        settings charm

        settings flyout

    typography

        font styles

        snapped view

        type styles

Gradient property

    complex linear gradient

    linear-gradient() function

    linear gradient with alternating color stops

    radial gradient

    smooth gradient

High-contrast mode, Windows 8

HTML controls

    button

    Checkboxes

    element

    file upload control

    progress indicator

    radio buttons

    range

    select box

    text input control

ID selectors

Inline styles

Layout properties. See also Modern layout

    legacy layout

        display and position

        float

        overview

        table layout

    summary

Legacy layout

    display properties

        block

        inline

        inline-block

        list-item

        -ms-flexbox and-ms-inline-flexbox

        -ms-grid and-ms-inline-grid

        run-in

        table-* and inline-table

    float

    position properties

        absolute

        fixed

        relative

        static

LESS

    functions and operations

    mixins

    nested rules

    setup

    variables

Libraries and resources

    book code

    codeSHOW

    CSS Tricks

    LESS

        functions and operations

        mixins

        nested rules

        setup

        variables

    Microsoft Developer Network (MSDN)

    online galleries

    Web Platform Docs

    World Wide Web Consortium

Linear-gradient() function

ListView control

    featured items in

        lst1011.css

        lst1011.html

        lst1011.js

    selection border styling

Margin property

    default style sheet

    div elements with 5-pixel and left margins

    div elements with 5-pixel margin

    div elements without margin

    120-pixels left margin

    shorthand property

Matrix3d() function

Matrix() function

Media queries

Menus

    DOM explorer

    italicizing commands

    operational menu

    WinJS.UI.Menu

Microsoft design

    interactions

        app bar

        Charms bar

        extra command buttons

    layout

        content

        standard margins and header placement

        type ramp conveys

    principles

        be authentically digital

        be fast and fluid

        do more with less

        show pride in craftsmanship

        win as one

    style

        Chrome

        content

        design process (content)

        flat navigation

        navigation

        static navigation

        three-tier navigation

    three-tier navigation

        detail

        hub

        section

Microsoft Developer Network (MSDN)

Modern layout

    flexboxe properties

        div element

        -ms-flex

        -ms-flex-align

        -ms-flex-direction

        -ms-flex-flow

        -ms-flex-order

        -ms-flex-pack

        -ms-flex-wrap

        Windows 8 app

    grip

        cell span

        child items

        column and row assignments

        fraction

        layout

        -ms-grid

        remaining space

        Windows 8 app

    scroll control

        chaining

        limit properties

        rails

        snap points

    ViewBox and ListView

        cell span

        even and odd values

        header template

        HTML, CSS, and JavaScript

        item selection

        limitation

        scaling and translate transform functions

        snap, fill state and portrait

MSCSSMatrix object

Online galleries

Operational menu

Overflow property

    auto value

    hidden value

    scroll value

    scroll value vs. auto value

    touch vs. mouse, scrollbar

    visible (default) value

Overriding styles

    progress bar fill color

    style rules competing to set same element

    style rules competing to set text color

    style rule selector matching

    style sheets referencing order

Padding property

Perspective() function

Perspective() function, 3D transform

Perspective-origin function

Prefix selector

Project templates, Visual Studio 2012

    blank template

    grid template

    navigation template

Pseudo-class and pseudo-element selectors

    ::before and ::after

    ::checked

    ::first-letter

    ::ms-browse

    ::ms-expand

    :not() pseudo-class

    ::required

    ::root

    :target pseudo-class

    :positional pseudo-classes

Radial gradient

Rotate3d() function

Rotate() function

Scalable Vector Graphics (SVG)

    advantage of

    CSS property

        fill

        filters

        markers

        masks

        pointer events

        strokes

        visibility

    definition of

    embedded in HTML

    hub tiles

    timeline graphic

    watermarked image

Scale3d() function

Scale() function

Scope

Scroll controls

    chaining

    limit properties

        -ms-scroll-limit

        -ms-scroll-limit-x-max and-ms-scroll-limit-y-max

        -ms-scroll-limit-x-min and-ms-scroll-limit-y-min

    rails

    snap points

        mandatory/proximity

        -ms-scroll-snap-points-x and-ms-scroll-snap-points-y

        -ms-scroll-snap-type

        -ms-scroll-snap-x and-ms-scroll-snap-y

Selection border styling

Selectors, CSS

    attribute selectors

        examples

        lang attribhutes

        ListView controls

        prefix selector

        substring selector

        suffix selector

        whitespace selector

    class selectors

        abstract menu element reference

        div element

        element referencing

        menu definition as unordered list of items

        menu definition using div

        type-specific menu element reference

    combinator

    declaration block

    definition

    ID selectors

    pseudo-class and pseudo-element selectors

        ::before and ::after

        ::checked

        ::first-letter

        ::ms-browse

        ::ms-expand

        :not() pseudo-class

        ::required

        ::root

        :target pseudo-class

        :positional pseudo-classes

    style rule

    type selectors

        document body

        every div in document

        universal, explicit

        universal, explicit use of

        universal, implicit use of

Settings pane

    settings charm

    settings flyout

Shadow property

    box-shadow definition on div element

    box-shadow property uses

    simple box shadow under white box

Shorthand style properties

Sibling combinator

Sideloading

Sizing

    border-box sizing method

    box-sizing property

    calc() method

    content-box sizing method

    width properties

Skew() function

Smooth gradient

Specificity

Starts with selector

Style properties

    property values

    shorthand properties

Style rules, CSS

    cascading order

    combinators

        adjacent sibling combinator

        child combinator

        descendent combinator

        sibling combinator

    definition

    format and location

        basic syntax

        embedded style sheets

        external style sheets

        inline styles

    media queries

    scope

    selector groups

    specificity

    style properties

        property values

        shorthand properties

    Windows Store app

Styles definition. See also Global styles

    Custom WinJS controls

        lst1012.css

        lst1012.html

        lst1012.js

    featured items in ListView

        lst1011.css

        lst1011.html

        lst1011.js

Style selectors

    defining styles

        Custom WinJS controls

        featured items in ListView

    extending styles

        default icon change in rating control element

        new border in progress bar

        new properties

        round thumb slider formatting on range input element

    fill color of progress element

    overriding styles

        progress bar fill color

        style rules competing to set same element

        style rules competing to set text color

        style rule selector matching

        style sheets referencing order

    selection border in ListView control

    simple and complicated

Style sheets. See Style rules, CSS

Substring selector

Suffix selector

SVG. See Scalable Vector Graphics (SVG)

Text properties

    chapter overview

    color property

        definition

        hex colors

        HSL colors

        named colors

        opacity

        RGB colors

    columns

        fill

        gap and rule

        multi-columns

        scrolling text

        vertical text layout versus horizontals

        width and count

    font-style

        family

        font-face

        font-size

        font-variant

        font-weight

        line-height

        oblique text

        shorthand

    list styles

        standard list

        type properties

        unordered list

    -ms-hyphens

        -ms-hyphenate-limit-chars

        -ms-hyphenate-limit-lines

        -ms-hyphenate-limit-zone

    text-style

        alignment and justification

        CSS properties

        decoration

        transform

3D transform functions

    matrix3d()

    perspective()

    rotate3d()

    scale3d()

    translate3d()

Tools, Windows 8

    app distribution

        sideloading

        Windows Store

    Blend

        app execution

        applied style rules pane

        design and execution modes

        grid app

        interactive mode icon

        style rules tab

    Visual Studio 2012

        blank project template

        debugging

        DOM Explorer

        grid project template

        navigation project template

Transform function

Transform-origin function

Transforms

    2D transform functions

        matrix()

        rotate()

        scale()

        skew()

        translate()

    3D transform functions

        matrix3d()

        perspective()

        rotate3d()

        scale3d()

        translate3d()

    functions

        backface-visibility

        perspective

        perspective-origin

        transform

        transform-origin

        transform-style

Transform-style function

Transitions

    background-color property

    border-radius property

    simple example

    transition-delay property

    transition shorthand property

Translate3d() function

Translate() function

2D transform functions

    matrix()

    rotate()

    scale()

    skew()

    translate()

Type selectors

    document body

    every div in document

    universal, explicit

    universal, explicit use of

    universal, implicit use of

Typography

    font styles

    snapped view

    type styles

Visibility property

Visual Studio 2012

    debugging

    DOM Explorer

        five tabs

        HTML

        typical view

    project templates

        blank template

        grid template

        navigation template

Web Platform Docs

    LESS variables

Whitespace selector

Windows 8 design. See also Microsoft design

    design principles

    fast and fluid

    help option

    live tiles

    Microsoft design style

        Chrome

        content

        design process (content)

        interactions

        layout

        navigation

        user interface

    right contracts

    roam to the cloud

    scenario

        scope

        use of

    snap and scale

    Windows reimagined

        design process

        maps app

        start screen

        Windows 7 (start screen)

Windows 8 development

    app distribution

        sideloading

        Windows Store

    Blend

        app execution

        applied style rules pane

        design and execution modes

        grid app

        interactive mode icon

        style rules tab

    Visual Studio 2012

        blank project template

        debugging

        DOM Explorer

        grid project template

        navigation project template

    WinJS JavaScript library

    WinRT API

Windows Store

Windows Store app

WinJS control styles. See also HTML controls

    binding template

    class values

    DatePicker

    DatePicker control

    FlipView

    HtmlControl

    ListView

        declaration

        diagram

        DOM markup

        HTML and JavaScript

        markup

        points

        typical view

    page

    rating control

    SemanticZoom control

        DOM markup

        HTML, CSS and JavaScript

        semantic zoom orients

    style elements

    TimePicker

    ToggleSwitch

    ViewBox

WinJS JavaScript library

WinRT API

World Wide Web Consortium