GV

GeezerVison

The World Wide Web, restored to 800 pixels of glory.

Home|About|Gaming cabinet|Archives|How it works|Starter sites

On this site

  • Sign in
  • ActionsCI/CD and automation
  • CodespacesCloud development environments
  • All Features
  • Documentation
  • Training
  • Certifications
  • Build with Copilot
  • Customize Copilot
  • Integrations
  • Trending repos
  • GitHub Sponsors
  • Developer articles
  • Enterprises

This view

  • Original page
  • New address

GeezerVison is showing github.com — GitHub - CreamCoderz/samples-1: A repo containing samples tied to new functionality in each release of Google Chrome.

BranchesTags
Open more actions menu
 
 

Latest commit

 

History

626 Commits
626 Commits

Folders and files

NameName
Last commit message
Last commit date
SAMPLE_STARTING_POINT
SAMPLE_STARTING_POINT
 
 
_includes
_includes
 
 
_layouts
_layouts
 
 
allow-popups-to-escape-sandbox
allow-popups-to-escape-sandbox
 
 
app-install-banner
app-install-banner
 
 
array-includes-es7
array-includes-es7
 
 
array-methods-es6
array-methods-es6
 
 
arrows-es6
arrows-es6
 
 
audio
audio
 
 
autocapitalize
autocapitalize
 
 
battery-status
battery-status
 
 
beacon
beacon
 
 
block-modal-dialogs-sandboxed-iframe
block-modal-dialogs-sandboxed-iframe
 
 
classes-es6
classes-es6
 
 
collections-iterators-es6
collections-iterators-es6
 
 
computed-properties-es6
computed-properties-es6
 
 
csp-upgrade-insecure-requests
csp-upgrade-insecure-requests
 
 
css-escape
css-escape
 
 
css-intrinsic-sizing
css-intrinsic-sizing
 
 
css-motion-path
css-motion-path
 
 
css-shapes
css-shapes
 
 
cut-and-copy
cut-and-copy
 
 
decorators-es7/read-write
decorators-es7/read-write
 
 
dialog
dialog
 
 
encoding-api
encoding-api
 
 
event-istrusted
event-istrusted
 
 
extended-object-literals-es6
extended-object-literals-es6
 
 
extended-unicode-escapes
extended-unicode-escapes
 
 
fetch-api
fetch-api
 
 
file-constructor
file-constructor
 
 
generators
generators
 
 
image-rendering-pixelated
image-rendering-pixelated
 
 
images
images
 
 
input-device-capabilities
input-device-capabilities
 
 
lexical-declarations-es6
lexical-declarations-es6
 
 
media-hover-pointer
media-hover-pointer
 
 
mouseevent-get-modifier-state
mouseevent-get-modifier-state
 
 
multi-column-css
multi-column-css
 
 
network-information
network-information
 
 
new-target-es6
new-target-es6
 
 
notifications
notifications
 
 
object-assign-es6
object-assign-es6
 
 
perf/dom-react-vs-vanilla
perf/dom-react-vs-vanilla
 
 
permissions
permissions
 
 
picture-element
picture-element
 
 
push-messaging-and-notifications
push-messaging-and-notifications
 
 
report-validity
report-validity
 
 
rest-parameters-es6
rest-parameters-es6
 
 
screen-orientation
screen-orientation
 
 
service-worker
service-worker
 
 
spread-operator
spread-operator
 
 
styles
styles
 
 
subresource-integrity
subresource-integrity
 
 
template-literals-es6
template-literals-es6
 
 
typedarray-methods-es6
typedarray-methods-es6
 
 
vibration
vibration
 
 
web-animations
web-animations
 
 
web-application-manifest
web-application-manifest
 
 
web-bluetooth
web-bluetooth
 
 
webaudio-audiocontext-close
webaudio-audiocontext-close
 
 
webaudio-audionode-disconnect
webaudio-audionode-disconnect
 
 
webaudio-offlinecontext-rendering
webaudio-offlinecontext-rendering
 
 
webaudio-suspend-resume
webaudio-suspend-resume
 
 
.gitignore
.gitignore
 
 
.jshintrc
.jshintrc
 
 
.travis.yml
.travis.yml
 
 
Gemfile
Gemfile
 
 
LICENSE
LICENSE
 
 
README.md
README.md
 
 
_config.yml
_config.yml
 
 
gulpfile.js
gulpfile.js
 
 
index.html
index.html
 
 
linter.rb
linter.rb
 
 
package.json
package.json
 
 

Repository files navigation

Build Status

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:

  • image-rendering-pixelated
  • report-validity

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.

Style / Linting / CI

The samples ideally should follow the Google JavaScript Style Guide, though this is not automatically enforced. (See GoogleChrome#141)

It's recommended that all new samples pass the jshint linting process, using the customized .jshintrc settings. To automate linting against JavaScript in the Jekyll-ized HTML output, linter.rb can be used. Regular contributors should set up a git pre-commit hook to run linter.rb against all files that are being committed, via ln -s -f ../../linter.rb .git/hooks/pre-commit

Various IDEs offer real-time JSHint integration (e.g. via SublimeLinter-jshint) and using those integrations that can help avoid errors before anything gets checked in.

Travis CI is currently being used to verify that the Jekyll build completes successfully, but doesn't currently lint/style check the full site. Once the all the older files in the project have been updated to pass linter.rb cleanly, that will be integrated into the Travis CI process.

About

A repo containing samples tied to new functionality in each release of Google Chrome.

www.chromestatus.com/samples

Resources

Readme
Apache-2.0 license
Activity
Custom properties

Stars

0 stars

Watchers

1 watching

Forks

0 forks
Report repository

Releases

Packages

Contributors

Languages

You are visitor 01402520 — GeezerVison does not store the pages you look up.
Best viewed with Netscape Navigator 4.7 or Internet Explorer 6 at 800×600. No cookies required.