Subscribe to my free newsletter for audio, video and realtime.

Sign up: bit.ly/signupmedia.

Archive: medianews.me.

simpl.info

This site aims to provide simplest possible examples of HTML, CSS and JavaScript.

There are shortcuts for many of these pages (see full list). For example, simpl.info/v redirects to simpl.info/video.

I also maintain a list of resources for tutorials, documentation and reference material.

Submit bug reports, requests and comments at github.com/samdutton/simpl.

Ajax (aka XMLHttpRequest) AppCache Array methods: some, every, filter, forEach, map <audio> Audio Data Battery API canPlayType() <canvas> CSS filters CSS flexbox: center CSS flexbox: expand to fit CSS negative selector CSS text-indent CSS transition Data channels <datalist> <details> and <summary> Device Motion Device Orientation EventSource (aka Server-Sent Events) Fieldset (localStorage example) FileSystem FileSystem using Blob Fullscreen Geolocation getUserMedia getUserMedia: choose resolution getUserMedia: select camera and microphone History pushState() and popState() Hyphenation (soft hyphen) <iframe> Image: a big one (20MB) Input types: email, tel, url, date, time, colour localStorage Media Capture (using <input>) Media Fragments Media Source Extensions (MSE) MediaStreamTrack.getSources() MediaRecorder MutationObserver Object.observe() Navigation Timing (window.performance) navigator.userAgent Notification Page Visibility API <picture> for art direction <picture> with alternative file types postMessage() promises querySelector() and querySelectorAll() Resource Timing RTCDataChannel (WebRTC) RTCPeerConnection (WebRTC) Server-Sent Events (aka EventSource) ServiceWorker sizes attribute with srcset using w values sessionStorage srcset: using w values with <img> srcset: using x values with <img> speech recognition speech synthesis SVG <track> with <video> <track> with <audio> user agent Vibrate <video> with autoplay <video> with alpha transparency <video> events <video> with scripted playback long video (~380MB) multiple video elements video with src media query video with <div> overlay Web Audio Web Fonts WebGL WebP WebRTC (getUserMedia, RTCPeerConnection, RTCDataChannel) Web Speech: speech recognition Web Speech: speech synthesis WebSQL Web Workers XMLHttpRequest (aka Ajax)

View source on GitHub