Introducing AMP by Example
We’ve just launched ampbyexample.com. A new website to showcase what’s possible with Accelerated Mobile Pages (or AMP). Our goal is to provide practical solutions for problems one might face when creating AMP HTML files. The focus of ampbyexample.com is on code and live samples.
You can think of AMP HTML as what HTML would look like had it been designed with nothing but mobile performance in mind (..).
Things to come
Our plan for ampbyexample.com is to have working examples for all AMP components. We’ll start with the most commonly used ones and subsequently add more.
The goal here is not to great another reference documentation for AMP. The official documentation is already very good. Instead, we want to capture interesting scenarios for using AMP and to provide working samples for these.
A look behind the scenes
With ampbyexample.com we have been eating our own dog food. The website is completely built with AMP. You can find the source code on Github. Every example on the website is generated from a simple AMP HTML file. The idea has been inspired by the fantastic gobyexample.com.