Accordion-style navigation

    expanding/shrinking navigation

    markup

    menu option

    nav element

    overflow function

    responsive design

    transition effect

ASP.NET MVC

    custom display modes

        filename.wp8.extension

        HttpContext

        Index.wp8.cshtml

        Layout.wp8.cshtml

        Windows Phone 8

    custom view engines

        A/B testing

        BuildManagerViewEngine

        CreateView method

        CSS files

        DisplayMode

        FindView method

        global.asax.cs application

        masterPath parameter

        mobile override

        RazorViewEngine

        ViewStart file

    HtmlHelpers

    mobile views

    modern browsers

    screenshot modified

Bootstrap framework

    ASP.NET MVC project set-up

    default template

    definition

    grid layout

    Visual Studio new project 2013

Browser touch APIs

    click events

    gesture and rotation differences

    gesture* events

    HTML5 canvas element

        capture handwriting

        drawing

        implementation

        mouse events

        page creation

        pointer events

        saving to server

        touch events

    mouse* direction events

    MSGesture* events

    pointer* events

    touch* and MSPointer* events

    touch behavior

    touch events

    touch* events

    touch screens

Content. See also Video

    overview

    tables

        de-table

        FooTable

        plain tables

        scrolling tables

    text

        browser font sizes

        default text size

        em

        line height

        rem

        responsive text

CSS layout bootcamp

    block, inline and inline-block

    consistent columns

        faux columns

        table-cell

    default browser styling vs. CSS reset

    floats

        box-sizing

        calculating width

        collapsing containers

        content-sized block elements

        markup

        non-floated elements

        paragraph elements

        side-by-side arrangement

        width values

    horizontal menu

        floats

        inline-block

        multi-column layout

    page layout

        horizontal menu

        padding and spacing changes

        sidebar

    selection

Custom event creation

De-table

Device detection

    BlackBerry Bold Touch

    distinct user agents

    Droid Razr

    vs. feature detection

    Galaxy SIII

    HTC Droid Incredible 2

    Nokia Windows Phone 7

    Nokia Windows Phone 8

    Samsung Convoy 2

    straightforward process

    User-Agent header

Device/feature-detection libraries

    Modernizr

    WURFL

Em

Embedding video

    dimensions

    example

    max-width

Enquire.js

Expanding/shrinking navigation

Feature detection

    custom Modernizr build

    Modernizr action page

    simple scenario

        geolocation

        Modernizr class

    vs. device detection

FitText

FlowType.js

FooTable

Gesture creation

    end method

    LazySwipe

    start, move and end functions

    swipeable image widget creation

    swipe gesture

    swipeleft event

    touch, mouse, and pointer events

Hammer.js

Hand.js

HTML5 canvas element

    capture handwriting

        mouse events

        pointer events

        touch events

    drawing

        fill command

        getContext method

        stroke command

    implementation

        clearRect

        requestAnimationFrame function

    mouse events

    page creation

    pointer events

    touch events

HTML5 video

    default behavior

    max-width value

Images

    picture element and picturefill

    practicals

    problems

    resolution and bandwidth

    size

    widget creation

jQuery Mobile

    accordion control

    HTML5-based user interface system

    markup

    new project dialog

    Razor markup

    simple list page

    theming

Kendo UI Mobile

    data-role attributes

    image gallery

    simple list page

    Telerik

Layouts

    browsers

    page layout

        horizontal menu

        padding and spacing changes

        sidebar

    progressive enhancement

    responsive ASP.NET MVC site

    ten-column layout

        500 pixels

        footer

        large screen

        markup

        screen size

        small screen

    three-column layout (see Three-column layout)

    two-column layout

Libraries

    device/feature-detection libraries

        Modernizr

        WURFL

    mobile application frameworks

        jQuery Mobile

        Kendo UI Mobile

        Sencha Touch

    responsive libraries

        bootstrap framework

        Enquire.js

        FitText

        FlowType.js

        Respond

        Zurb Foundation

    touch libraries

        Hammer.js

        Hand.js

        Swipeview

Mobile application frameworks

    jQuery Mobile

        accordion control

        HTML5-based user interface system

        markup

        new project dialog

        Razor markup

        simple list page

        theming

    Kendo UI Mobile

        data-role attributes

        image gallery

        simple list page

        Telerik

    Sencha Touch

        blog list

        blog posts

        carousel

        demo

        JavaScript-based approach

        tab panel

        welcome page

Mobile applications

    native APIs

        accessing maps

        geolocation

        network API

        phone calls and e-mail

        upload photos

    new capabilities

        audio and video

        browser history

        offline web applications

        semantics

        web sockets

        web storage

        web workers

    visual tools, CSS

        animations

        background images

        border radius property

        canvas element

        gradients

        opacity and RGBA property

        scalable vector graphics (SVG)

        shadows

        transformations

        transitions

        web fonts

Mobile performance techniques

    chrome developer tools

        audit tab

        network tab

        screenshot

    chrome developer tools

    client-side caching

        cache-control

        Expires header

        fiddler trace

    Content Delivery Network (CDN)

    CSS and JavaScript optimization

    using CSS sprites

        image sprite

        visualization

    Fiddler tools

    Gzip tool

        Accept-Encoding header

        compression/decompression

        Content-Encoding header

        dynamic content compression

        Fiddler trace enabled

        HTTP headers

        IIS manager

    image optimization

        retina-quality images

        savings gained

    minify CSS and JavaScript

        ASP.NET web optimization framework

        bundles

        Global.asax.cs file

        JavaScript assests

        Manage Nuget packages

        network tab

        web optimization

    reduce HTTP request

Mobile views

    Add controller dialog

    Add item dialog

        Layout.cshtml

        MVC 4 Layout Page

    Add View dialog

        Default HTML

        Mobile HTML

    ASP.NET MVC project dialog

    convention-based approach

    CSS and JavaScript

        CSS content property

        default view page

        script.js file

    overrides

        content changes

        Index.mobile.cshtml

        Layout.mobile.cshtml

        mobile view page

    User-Agent Switcher for Chrome

Modernizr

Moving element

Native phone APIs

    geolocation

    network info API

    phone calls and e-mails

    upload photos

        accessing maps

        addEventListener method

        FileReader object

        native SDKs

Navigation. See also Accordion-style navigation

    horizontal menu into vertical menu

        smaller screens

        unordered list

    move menu to bottom

        differences

        header text and menu

        layout

        markup

        navigation layout

        smaller screens

    off-canvas flyout navigation

    select

New capabilities. See Mobile applications, new capabilities

Off-canvas flyout navigation

Offline web application

    CACHE section

    chrome developer tools

    NETWORK section

Page layout

    horizontal menu

    padding and spacing changes

    sidebar

Parsing user agent strings, WURFL

    abstracting WURFL

        DeviceInfo object

        ToJson() method

    default view

    device detection

    display modes

    internet application template

    Nuget package manager

Performance evaluation. See Mobile performance techniques

Pincher

Plain tables

Rem

Resizing

Respond

Responsive ASP.NET MVC site

Responsive libraries

    bootstrap framework

        ASP.NET MVC project set-up

        default template

        definition

        grid layout

        Visual Studio new project 2013

    Enquire.js

    FitText

    FlowType.js

    Respond

    Zurb Foundation

Responsive web design

    fixed fixation (see also Viewport meta tag)

        content

        CSS floats

        CSS media queries

        footer and laid out

        four-column layout

        layout

        nav section

        nested list

        simple code

        three-column layout

    fixed-size sites

    modern phones and tablets

    overview

    screenshots

    web designers/developers

Rotation

Scalable vector graphics (SVG)

Scaling. See Resizing

Scrolling table

Sencha Touch

    blog list

    blog posts

    carousel

    demo

    JavaScript-based approach

    tab panel

    welcome page

Swipeview

Ten-column layout

    500 pixels

    footer

    large screen

    markup

    screen size

    small screen

Three-column layout

    border adding

        columns

        final layout

        padding

    flexible

    responsive design

    space creation

        responsive layout

        results

Touch APIs

    browser (see Browser touch APIs)

    x and y position calculation

Touch libraries

    Hammer.js

    Hand.js

    Swipeview

Touch method normalization

Touch programming

    basic shell creation, Pincher

    custom event creation

    gesture creation

        end method

        LazySwipe

        start, move and end functions

        swipeable image widget creation

        swipe gesture

        swipe gesture with time

        swipeleft event

        touch, mouse, and pointer events

    moving

    moving, pinching, zooming or rotating

    resizing

    rotation

    scaling

    touch method normalization

Two-column layout

Video

    embedding

        dimensions

        example

        max-width

    HTML5 video

        default behavior

        max-width value

    images

        picture element and picturefill

        practicals

        problems

        resolution and bandwidth

        size

Viewport meta tag

    incompatibilities

    mobile development

    responsive site

    retina screens

    zoom value

Visual tools

Web design. See Responsive web design

Wireless universal resource file (WURFL)

Zurb Foundation