webdev demos

A set of test pages to test out web APIs or DevTools features.

Inspector

• Markup mutations
• SVG in HTML
• Variety of attributes for markup views
• Image loaded as a data URL
• Editing HTML
• Pseudo Elements
• Positioning Playground
• Shadow DOM
• User Agent styles
• Iframes
• Animation Timing
• Form Controls
• Inherited Styles
• Authored Styles
• Many jQuery animations for testing the markup-view refresh performance
• CSS Sourcemaps

Style Editor

• Media Rule Listing
• CSS Coverage Demo

Console

• Mihai's fun test page
• Variety of errors
• Console stress tests

Debugger

• Debugger statement
• Scripts loaded in a variety of ways
• JS Sourcemaps

Media

• Moving a playing video element between windows

Misc

• Repaint on transitions
• Lots of requests
• Notification API
• Fullscreen API
• Test JSON File

Responsive Design

• Bootstrap

Performance

• Loading large files into an editor

Translations

• A basic page for triggering translations features
• A more advanced page for triggering translations features
• Mozilla's summary web vision machine translated into Spanish
• Mozilla's full web vision machine translated into Spanish

WebGL

• San Angeles Observation Demo

Workers

• Web Workers
• Push API with Service Worker