Check out my new blog post: High performance HTML.

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() MediaStream Recording API 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