ampproject / ampproject/ampstart

Make it easier to view template URLs "directly"

Open
#798 2 comments 1 reaction 0 assignees View on GitHub
GFI Candidate
Dominant language
HTML
Stars
415
Forks
147
PR merge metrics
No merged PRs in 30d

Description

It's not easy to view a raw template directly. i.e. to view/discover URLs like:

https://ampstart-iframes.firebaseapp.com/templates/travel/travel.amp#amp=1

It would be useful to expose these URLs in some way to make it easier to:

- Link directly to these templates. (I don't think this is possible right now--without looking at the source, you can only link to a category like "Art & Design".)
- Quickly see how the template looks at screen sizes other than the preset ones.
- View the source via devtools or similar to see how a particular feature is implemented. (This is possible now, but since the resource is iframed it can be difficult to find.)

Suggestion: add a button next to "Download" that opens the template in a new window.

![wird5udsk11](https://user-images.githubusercontent.com/51244/35385388-09c3c88c-01c0-11e8-8732-a452924ec70d.png)

Contributor guide

Open the contributing guide

Research direction

Locate the template preview's existing Download control and inspect how the iframe and template URL are generated. Add a neighboring control that opens the template directly in a new window, then verify that the direct URL supports linking, alternate viewport sizes, and easier source inspection.

Written by the indexing model from the issue text.

Assessment

Tech stack
html
Domain
frontend
Issue type
Feature
Difficulty
2/5
Estimated time
1-3 hours
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
38/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.