I’ve built a site to provide simplest possible examples of HTML, CSS and JavaScript:
Motivations:
- ‘Show me the code!’
- ‘Does technology X work on platform Y?’
- ‘Where the heck is that Foo example I saw?’
- A minimum of ‘huh?’
- Short, consistent, guessable URLs with sensible shortcuts, for example simpl.info/v redirects to simpl.info/video.
- Easy to maintain.
- Works well on mobile devices.
Caveats:
- Oriented to modern browsers.
- No templating.
I hope it’s useful – comments and suggestions much appreciated.
Advertisements
no offence – but its 100% chrome oriented. Would be nice to have simple_xbrowsers.info
>> no offence – but its 100% chrome oriented. Would be nice to have simple_xbrowsers.info
Yeah — simpl_xbrowsers.info would be good. Fork!
To be fair, simpl.info isn’t all Chrome. I did a very quick survey of what’s supported by current versions of browsers (see below — ‘All’ means IE9 or 10 plus Chrome, Firefox and Safari). This list is probably somewhat inaccurate, but it does show that most of the examples will work on most browsers (on desktop at least!)
Also, simpl.info is meant simply to give examples of the newest HTML, CSS and JavaScript — and a few other bits I think are worth highlighting — and not to provide information about API support.
…………………….
All: Ajax (aka XMLHttpRequest)
All: AppCache
All: Array methods: some, every, filter, forEach, map
All:
Firefox: Audio Data
Firefox, Chrome: Battery API
All: canPlayType()
All:
Chrome, Safari: CSS filters
CSS flexbox: all
All: CSS transition
Chrome, Firefox: Data channels
All:
Chrome, Safari:
Chrome, Safari: Device Orientation
All: Fieldset (localStorage example)
Chrome: FileSystem
All: Geolocation
Firefox, Chrome, Opera: getUserMedia()
All: History pushState() and popState()
IE, Chrome, Safari: Hyphenation (soft hyphen)
All: Image: a big one (20MB)
All (partial): Input types: email, tel, url, date, time, colour
All: localStorage
Chrome, Safari, Firefox: Media Capture (using )
Firefox, Chrome: MutationObserver
Object.observe()
IE, Firefox, Chrome: Navigation Timing (window.performance)
All: navigator.userAgent
IE, Firefox, Chrome, Opera: Page Visibility API
All: postMessage()
All: querySelector() and querySelectorAll()
Chrome, Firefox: RTCDataChannel (WebRTC)
Firefox, Chrome, Opera: RTCPeerConnection (WebRTC)
All: sessionStorage
All: SVG
Chrome, IE: with
All: (with autoplay)
Web Audio: Chrome, Safari
Web Fonts: All
WebP: Chrome, Opera
WebRTC (getUserMedia, RTCPeerConnection, RTCDataChannel)
WebSQL: Chrome, Safari, Opera
Web Workers: All
XMLHttpRequest (aka Ajax): All
hi sam ,
this is sunil , i have watched your webrtc video in yotube , first of all congratulations , that is a nice presentation , i have tested the code which dowloaded from GIThub , working fine ,
rtcpeerconnection/index.html opens a web page which shows two videos and three buttons start,call,hangup
the both videos showing y local webcam’s result ,
how can i contact other when i click CALL button , what i need to implement to get network video of other’s system web cam / tabs cam
please guide me to set ,any help usefull for me my mail id :sunil.panthanghi@gmail.com