Code sample master sheet for AMP interactivity talk @ Chicago

amp-interactivity-links.md

E-Commerce and Advanced Interactivity

<amp-selector>

// all examples in this section are taken from the product demo page on ampbyexample.com

Product Demo Page

https://ampbyexample.com/samples_templates/product_page/

Simplified codepens

<amp-selector> tab content: https://codepen.io/cathyxz/pen/vReqdy <amp-list> Basic example: https://ampbyexample.com/components/amp-list/

<amp-bind> + <amp-selector>

// The slides are just a further breakdown of the product page demo on Amp By Example https://ampbyexample.com/samples_templates/product_page/

<amp-date-picker>

// See Taco Tuesday (example 2) and info template (example 3) in at ampbyexample.com https://ampbyexample.com/components/amp-date-picker/

<amp-form> + <amp-bind>

Checkout Flow

https://ampbyexample.com/samples_templates/checkout_flow/ Visa Animation

<amp-access> + <amp-mustache>

https://ampbyexample.com/components/amp-access/

<amp-list> + <amp-pixel>

Geolocation with

https://ampbyexample.com/advanced/geolocation_with_amp-list/

<amp-pixel>

https://ampbyexample.com/components/amp-pixel/

CSS Star Rating

https://bit.ly/amp-star-rating

<amp-animation> + <amp-position-observer>

https://bit.ly/amp-scrollbound

Hi Cathy!

I'm reusing this in the AMP Roadshow talk. Can you update the ampbyexample links, as this is now part of amp.dev?

Thank you!