A repo containing samples tied to new functionality in each release of Google Chrome.
Перейти к файлу
Francois Beaufort 121bb154ff Added Block modal dialogs in a sandboxed iframe Sample 2015-07-31 11:07:25 +02:00
SAMPLE_STARTING_POINT Adds a ChromeSamples.clearLog() method and updates the Bluetooth samples to use it 2015-07-22 13:52:06 -04:00
_includes Redirect to HTTPS for all pages using the new templates. 2015-07-24 10:12:47 -04:00
_layouts Redirect to HTTPS for all pages using the new templates. 2015-07-24 10:12:47 -04:00
app-install-banner Stlye fixes for Add to Homescreen #176 2015-07-21 23:10:08 +01:00
array-methods-es6 Add Array Methods (ECMAScript 2015) Sample 2015-07-17 12:00:50 +02:00
arrows-es6 Snipping away a couple of extra boilerplate lines 2015-07-22 10:12:44 -04:00
audio audionode disconnect sample, plus audio from h5r 2015-04-14 18:31:57 +10:00
autocapitalize Padding 2015-04-15 21:45:47 +01:00
battery-status Replace usage of innerText with textContent 2015-02-10 07:48:41 -05:00
beacon Merge pull request #154 from beaufortfrancois/fixBeacon 2015-07-15 20:01:41 +09:00
block-modal-dialogs-sandboxed-iframe Added Block modal dialogs in a sandboxed iframe Sample 2015-07-31 11:07:25 +02:00
classes-es6 subclass array example uncommented 2015-04-07 20:23:14 -07:00
collections-iterators-es6 Consistent, WSK-based styles for all the examples. 2014-09-16 12:58:21 -04:00
computed-properties-es6 Code reformatting for comp.properties 2015-01-28 15:24:18 +00:00
csp-upgrade-insecure-requests Merge pull request #119 from mikewest/patch-1 2015-04-20 14:54:00 -04:00
css-shapes Consistent, WSK-based styles for all the examples. 2014-09-16 12:58:21 -04:00
cut-and-copy Switching to log instead of console.log 2015-04-14 12:52:40 +01:00
decorators-es7/read-write Adds link to blog post. 2015-07-08 14:05:06 +01:00
dialog Consistent, WSK-based styles for all the examples. 2014-09-16 12:58:21 -04:00
encoding-api Consistent, WSK-based styles for all the examples. 2014-09-16 12:58:21 -04:00
extended-object-literals-es6 Spacing in ext obj lit example 2015-03-12 11:30:36 +00:00
extended-unicode-escapes Mentioned String.fromCodePoint() 2015-05-20 16:14:25 -04:00
fetch-api Add fetch API response body stream sample 2015-04-13 14:40:03 -04:00
file-constructor Merge pull request #23 from pwnall/patch-1 2014-10-21 14:01:08 -04:00
generators Fixed a couple of typos, and added explanatory text. 2014-10-03 14:10:25 -04:00
image-rendering-pixelated A lot more work. 2015-07-07 11:09:44 -04:00
images Images and some small style changes to bring the placeholder more inline with the WSK basic.html. 2014-08-27 19:35:04 -04:00
lexical-declarations-es6 Address comments 2015-01-08 22:42:26 +00:00
media-hover-pointer typo fix 2015-03-16 12:43:47 +11:00
multi-column-css Multi-column CSS sample 2015-05-20 17:06:57 -04:00
network-information Consistent, WSK-based styles for all the examples. 2014-09-16 12:58:21 -04:00
object-assign-es6 Address feedback on object assign sample 2015-07-22 16:28:28 +09:00
perf/dom-react-vs-vanilla Adds license for Flickr.js 2015-07-06 11:11:47 +01:00
permissions Remove HTTPS check not related to permissions. 2015-04-23 10:59:21 -07:00
picture-element Consistent, WSK-based styles for all the examples. 2014-09-16 12:58:21 -04:00
push-messaging-and-notifications Fixing up final issues - chrome version and double negation fix 2015-05-18 13:46:47 -07:00
report-validity A lot more work. 2015-07-07 11:09:44 -04:00
screen-orientation Replace usage of innerText with textContent 2015-02-10 07:48:41 -05:00
service-worker Redirect to HTTPS for all pages using the new templates. 2015-07-24 10:12:47 -04:00
spread-operator Code review 2015-04-15 16:55:36 +01:00
styles Call JSON.stringify() on non-string arguments while logging 2015-07-21 17:07:20 -04:00
subresource-integrity Typo 2015-07-20 14:04:50 -04:00
template-literals-es6 Correct typo in index.html 2015-02-22 15:13:29 +00:00
typedarray-methods-es6 Added TypedArrays ES6 Sample 2015-07-23 08:39:14 +02:00
vibration Added samples for the Vibration API and NotificationOptions.vibrate 2015-07-17 18:55:16 +09:00
web-animations web-animations demos (for m36+) 2015-01-19 16:11:33 +11:00
web-application-manifest Density is a float, not a string 2015-03-25 16:32:00 -04:00
web-bluetooth Adds a ChromeSamples.clearLog() method and updates the Bluetooth samples to use it 2015-07-22 13:52:06 -04:00
webaudio-audiocontext-close clarifying comment 2015-04-15 13:45:24 +10:00
webaudio-audionode-disconnect update button on channel state 2015-04-15 13:48:21 +10:00
webaudio-offlinecontext-rendering used setValueAtTime to set audio gain 2015-02-24 08:56:34 +11:00
webaudio-suspend-resume use visibilitychange listener to detect visibility 2015-01-19 11:56:14 +11:00
.gitignore Merge remote-tracking branch 'upstream/gh-pages' into gh-pages 2015-07-08 11:25:50 -04:00
.travis.yml Set sudo: false for Travis CI config 2015-07-23 15:32:18 -04:00
Gemfile A lot more work. 2015-07-07 11:09:44 -04:00
LICENSE <dialog> demo and some placeholder templates. 2014-08-05 18:53:30 +01:00
README.md Further README tweaks. 2015-07-09 10:14:51 -04:00
_config.yml Exclude vendor directory from Jekyll's build. 2015-07-22 16:09:52 -04:00
index.html Top-level index.html redirect to chromestatus.com/features 2015-07-21 11:36:15 -04:00

README.md

Google Chrome Samples

Samples tied to new functionality in Google Chrome.

Each sample corresponds to an entry in https://www.chromestatus.com/features, and using that interface is currently the best way to browse.

Contributing Samples

Please use SAMPLE_STARTING_POINT as a starting point.

While it's possible to simply create a standard set of HTML/JS/CSS files within the new directory, you can take advantage of the Jekyll-based templating system to handle most of the boilerplate. Any files that start with a front matter block will be templated, and any other files will be served verbatim.

If you're still unsure, two canonical samples that use templates are:

Follow the Using Jekyll with Pages guide to mimic the production Jekyll environment during local development.

Once complete, please file a pull request against the gh-pages branch with your sample. It's ideal when filing a pull request @-mention the relevant engineer who worked on adding the feature into Chrome, to solicit their feedback and ensure that the sample properly describes the functionality. The email address of the engineer who worked on a given feature can be found in the corresponding https://www.chromestatus.com/features entry. If you're unsure of the GitHub username corresponding to the engineer, an alternative is to email them a link to the pull request and ask for feedback directly.