Skip to content
This repository has been archived by the owner on Oct 9, 2019. It is now read-only.
/ html5demos Public archive

Collection of hacks and demos showing capability of HTML5 apps

License

Notifications You must be signed in to change notification settings

remy/html5demos

This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.

Folders and files

NameName
Last commit message
Last commit date

Latest commit

3c4a75a · Jul 4, 2018
Jul 4, 2018
Mar 26, 2012
Jun 29, 2017
Jun 20, 2017
Jun 20, 2017
Jun 29, 2017
Jun 20, 2017
Nov 10, 2014
Apr 24, 2018
Apr 24, 2018
Oct 19, 2010
Aug 23, 2010
Feb 3, 2010
Mar 4, 2010
Jul 4, 2011
Jun 20, 2017
Jan 8, 2013
Mar 7, 2012
Feb 3, 2010
Feb 3, 2010
Jul 4, 2018
May 17, 2011
Jun 29, 2017
Jun 20, 2017
Mar 4, 2010
Jul 4, 2018
Apr 25, 2011

Repository files navigation

HTML5 Demos and Examples

A collection of HTML5 experiments I've created, now open source and on GitHub, so please go ahead and help me hack this resource in to a wealth of demos that other authors can learn from.

Aim

  • If a user can hit view source on the demo, then we've done our job
  • Where possible browser support should be named (FF3.5, etc)
  • All content is open source and content is Creative Commons Share Alike 2.0
  • Individual demos, if authored by someone other than @rem can be credited as appropriate

Creating new demos

If the demo should take the default style - currently grey and dull - but it keeps the focus on the code ;) then follow these instructions. Otherwise, simply create the file in the root directory calling it [yourdemo].html and include it in the index.php.

Instructions to creating a new demo:

  • Create a .html in the /demos directory
  • Use the following template (also a sample in /demos/template.html):
<title><!-- Title of your demo, note this appears in the document title prefixed with "HTML5 Demo:" --></title>
<style>/** any custom styles live here **/</style>
<article><!-- any demo markup here --></article>
<script>
// your JavaScript
</script>
  • When requesting the demo, use html5demos.com/[yourdemo] and page.php will top and tail your page
  • Any additional JavaScript libraries should be stored in the /js directory, assets, such as video and audio live in the /assets directory.

That should be it.

By submitting any code, you're also agreeing that your code is covered by the MIT-LICENSE that this project is covered by, and all content is covered by Creative Commons Share Alike 2.0 - as is all of this project: it's all about sharing baby!

TODO

Demos Required

  • Microdata
  • SVG
  • More audio and video demos
  • More introductions to canvas
  • More event based stuff
  • WebSockets (@rem - have a demo ready, but not the server side)

Misc

  • Clearer versioning on the demos, rather than "All bar Opera", should include last version to support feature, i.e. Opera 10.10b, Chrome 4 dev, Safari 4.0, etc.

About

Collection of hacks and demos showing capability of HTML5 apps

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published