EN
FR ES HI PT

ABC Stories Guides & Tutorials

Here you can find everything you need to build ABC experiences. The sidebar on the left shows you all resources for building ABC stories.

ABC's development workflow

Start

Building a 'Hello World' page and try adding your first interactive feature to an ABC page.

Create your first ABC Story

Learn

Get to know how ABC is different and acquire the fundamentals for how ABC works.

Common element attributes

Optimize & Measure

Make more out of your ABC pages through analytics, optimal delivery and caching.

Make your pages discoverable

Develop

Create every content, layout, and feature your website needs.

Style & layout

Highlighted Guides & Tutorials

Style & layout

Styling and layout on AMP HTML pages is very similar to normal HTML pages – in both cases, you'll use CSS.

Guide

AMPHTML Layout System

Discover more...

Guide

CORS in AMP

Discover more...

Guide

Validate AMP pages

Watch our video about the various validation options. The key strength of AMP isn’t just that it makes your pages fast, but that it makes your pages ...

Guide

How AMP pages are cached

In this document, you'll learn about the role of the AMP Cache in the AMP ecosystem, and how your AMP page gets cached.

Guide

Recent Guides & Tutorials

How to contribute

The AMP Project would not be possible without help from all members of the community whether you are a developer, content creator or provider of services relevant to AMP.

Guide

Integrate your analytics tool with AMP

Discover more...

Guide

Contribute translations

AMP's mission includes making the web a welcoming and accessible place for everyone, and we are unable to reach this goal without localized documentation. Translating AMP documentation is an essential process that aids the AMP community's success and health.

Guide

Advertise in Web Stories

Web Stories are a full-screen tappable experience that immerses readers in the content. Advertising with AMP Story ads allows for seamless and disruption-free ...

Guide

Best practices for creating a Web Story ad

Web Stories are a full-screen tappable experience that immerses readers in the content. Ads that appears in Web Stories should have a consistent and cohesive design with the Web Stories UX.

Guide

Integrate Web Stories in non-AMP pages

The AMP Story Player enables you to integrate stories that users are able to tap or click through, inside of a web page. Follow this step-by-step guide to learn how.

Guide