Questions tagged [amp-html]

AMP HTML (Accelerated Mobile Pages HTML) is a project to make the web faster as well as easier to develop. It is a set of HTML tags, a JavaScript library, and a cache for AMP-compliant pages.

The project homepage is at https://amp.dev/, and the framework source code can be found at https://github.com/ampproject/amphtml.

AMP HTML is HTML with some restrictions for reliable performance and some extensions for building rich content beyond basic HTML. The AMP JS library ensures the fast rendering of AMP HTML pages.

An easy-to-follow tutorial can be found on the project's homepage.

Validating AMP pages

There are five ways to validate an AMP page:

  1. Browser Developer Console - Add #development=1 to the URL, for example http://localhost:8000/released.amp.html#development=1, then check the browser console for validation errors.
  2. Web Interface - Paste the URL (or the page code) at https://validator.ampproject.org/
  3. Browser Extension - Use the AMP Validator extension for Chrome.
  4. NPM Packages for CI - Example
  5. Command Line Tool - Example

You can also use the Structured Data Testing Tool to validate Schema.org markup.

##Some Useful Link

AMP START

Build responsive, lightning-fast AMP pages with the help of pre define templates and components

AMP DEV

A hands-on introduction to Accelerated Mobile Pages (AMP) focusing on code and live samples. Learn how to create AMP pages and see examples for all AMP components.

WPZA's AMP WordPress Guides

Useful AMP guides for WordPress developers, helping to make WordPress websites AMP friendly (without plugins).

AMPproject.org moves to amp.dev! Additionally AMP resources were scattered across multiple websites like ampbyexample.com and ampstart.com is also move on amp.dev

2310 questions
58
votes
3 answers

What is AMP HTML and how does it fit in with framework/tool X?

OK, so we've all probably heard about AMP HTML from Google by now. What I'm curious is how this is going to fit in with our existing workflows. If you're writing a React or Angular app, how does AMP HTML fit in the development process? Each of these…
Mulan
  • 129,518
  • 31
  • 228
  • 259
33
votes
5 answers

Google AMP with React

We have an isomorphic react App with node. I want to convert some pages to AMP pages. I am confused! Shall we go for a separate AMP version of the app or shall we modify the current app according to Google guidelines for AMP Pages? I can see we have…
Harsh Sarohi
  • 807
  • 1
  • 9
  • 18
24
votes
2 answers

AMP browser support?

Looking at the AMP spec, given the reliance on CSS variables to custom style elements, this means current browser support is narrow. See: Can I use reference I'm guessing there is a 'graceful fallback' to non custom styled, since browsers not…
KevinD
  • 1,769
  • 10
  • 25
19
votes
6 answers

Best way to include custom JavaScript in AMP

I read all documentation about script tag but I cannot find how to include a custom JavaScript in AMP HTML. I know the Then have this initialised value shown on first page request:
powlo
  • 2,538
  • 3
  • 28
  • 38
13
votes
2 answers

Can we implement AMP in an angular app?

I am new to AMP and have been asked to add amp to an already developed angular website. I have also read that AMP Keep all third-party JavaScript out of the critical path But I am not sure whether it is possible or not.And if possible can you share…
Sim
  • 287
  • 1
  • 2
  • 13
13
votes
4 answers

Accelerated mobile pages in django?

Are any Django developers working on building out AMP-HTML pages? (For reference: Google AMP-project) If I understand it correctly, the way AMP-HTML works is, you create 2 separate files for each page. The normal HTML result, plus a new AMP-HTML…
Renkai
  • 236
  • 2
  • 10
13
votes
5 answers

How to create a responsive hamburger menu in AMP HTML

I'm trying to create an AMP HTML website (see https://www.ampproject.org) But i can't find anywhere how you are supposed to create a responsive hamburger menu ? Javascript is not allowed and there are no AMP Components available for it ?
Erwin Beckers
  • 141
  • 1
  • 1
  • 4
12
votes
3 answers

What's the deal with `html ⚡` in AMP pages?

I'm digging AMP html a bit and this line immediately got my attention. AMP HTML documents MUST: Contain a top-level tag ( is accepted as well). So my first question here is - is valid HTML? I mean, it seems to work -…
stefan judis
  • 3,416
  • 14
  • 22
12
votes
3 answers

Embed Map with Marker on AMP HTML page

Currently I use the Google Maps API to generate a map with a marker (given a lat/long set of coordinates) to a given location. In AMP HTML, it appears the way to do this currently is using the amp-iframe extension…
Du3
  • 1,424
  • 6
  • 18
  • 36
1
2 3
99 100