Design Guidelines

Design principles

Some suggestions to help you build an app that’s attractive and easy to use.

Purpose of your app

If you understand the problem you are solving, you will be able to define the road map for building your app. By having a clear goal before you start coding, you will save time and be able to optimize the experience for your target users.

Design patterns

A brief introduction to responsive design and several navigation patterns to help you design a responsive, enjoyable web app.

Building blocks (X-tags)

X-tags are custom HTML elements that give you a collection of building blocks for developing HTML5 apps. If you don’t see the component you need, you can define your own x-tag and use it like any other native HTML tag. Interactive examples included.

See Also

• Design Principles
• Your App's Elevator Pitch
• Intro to responsive design
• Navigation Patterns
• Resources