Skip to content
This repository has been archived by the owner on Mar 14, 2024. It is now read-only.

Add initial Layout Instability API draft #996

Merged
merged 4 commits into from
Jun 11, 2019
Merged

Conversation

philipwalton
Copy link
Member

Fixes #993.

This PR is an initial draft that I'd like to get reviewed (as this is my first PR to web.dev).

I'm also waiting on some additional feedback from a few other folks, so please don't merge/publish until I give the go-ahead.

@googlebot googlebot added the cla: yes Contributor has signed the CLA label Jun 11, 2019
@robdodson robdodson added the DO NOT MERGE Actively working on but experimental label Jun 11, 2019

Here are a few examples of how the layout shift score is calculated:

![Layout shift example #1](layout-shift-1.png)
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

For all of the image examples, would you mind enhancing the alt text a bit? If you were describing the image to someone over the phone how would you phrase it?

});
```

<div class="w-aside w-aside--note">
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

We have shortcodes you can use for this. Sorry if it's not well documented.

{% Aside 'note' %}
[you can put markdown in here]
{% endAside %}

Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I wanted to customize what was bolded, and it didn't seem like I could do that with the short codes. Let me know if I'm wrong.

Copy link
Contributor

@robdodson robdodson left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Left a few comments related to alt text and shortcode usage. Up to you if you feel like updating to the shortcodes.

@robdodson robdodson merged commit 3f1f438 into master Jun 11, 2019
@robdodson robdodson deleted the layout-instability-api branch June 11, 2019 20:45
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
cla: yes Contributor has signed the CLA DO NOT MERGE Actively working on but experimental
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Layout instability API
3 participants