developer.chrome.com

developer.chrome.com copied to clipboard

The following components are missing from developer.chrome.com when compared to web.dev or require different markup. I've ordered these in terms of priority.

1. Codelab callout {% CodelabsCallout 'codelab-fix-sneaky-404', lang %}
2. Figure - dcc requires the classes, web.dev now does not. Would be great to have these the same.
3. CodePen
4. Banners
5. Blockquote with shortcode
6. Columns - on dcc these use a shortcode, web.dev uses the switcher class.
7. Instructions
8. Compat - lower priority on dcc as a lot of stuff on dcc this won't work on as we don't have compat data yet for experimental things. Though if we could design a good way to show this status so we could use the same widget that would be cool.

There are other components that don't exist on dcc but I'm not sure if they need to right now:

• Self assessments
• Patterns

A tracker list for prioritized components:

• [ ] Stats
• [ ] Figure - dcc requires the classes, web.dev now does not. Would be great to have these the same.
• [ ] CodePen
• [ ] Banners
• [ ] Blockquote with shortcode
• [ ] Pullquote
• [ ] Columns - on dcc these use a shortcode, web.dev uses the switcher class.
• [ ] Instructions

CodelabCallout is not supposed to be used in articles (prose), so I remove it from the compat list.

Custom compare doesn't work on dcc: https://web.dev/handbook/web-dev-components/#compare-with-custom-labels

Adding thumbnails to the wishlist 🙏