EN
FR ES HI PT

ABC Websites 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 websites.

ABC's development workflow

Start

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

Create your ABC HTML page

Integrate

Combine your pages with non-ABC pages, a PWA, native apps and more.

Integrate ABC with your app

Learn

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

ABC HTML Specification

Optimize & Measure

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

Configure analytics

Develop

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

Style & layout

Using a CMS?

ABC integrates with many publishing platforms and content management systems! Find the full list under Platform and Vendor Partners.

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

Make your pages discoverable

In some cases, you might want to have both a non-AMP and an AMP version of the same page, for example, a news article. Consider this: If Google Search ...

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

AMPHTML Layout System

Discover more...

Guide

Introduction to complex animations

For animations that can't be driven by adding and removing classes, AMP offers several animation specific components. These components apply AMP's principles to animations ...

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

Create a UI widget with custom JavaScript

For web experiences requiring a high amount of customization AMP has created amp-script, a component that allows the use of arbitrary JavaScript on your AMP page without affecting the page's performance.

Guide

Use custom JavaScript in AMP pages

A guide to using amp-script, an AMP component that allows you to write custom JavaScript

Guide

Create a live blog

Live blogs are web pages that are updated frequently throughout an on-going event, such as a sporting event or an election. In AMP, you can implement a live blog by using ...

Guide