Тренды фронтэнда 2. Javascript APIs Краткое описание новинок API браузеров с примерами. Часть 2.

• https://hacks.mozilla.org/2013/02/using-webapis-to-make-the-web-layer-more-capable/
• http://daker.me/2013/06/5-html5-javascript-apis-to-keep-an-eye-on.html
• XMLHttpRequest Level 2

SSE (Server push)

• http://www.igvita.com/2013/06/12/innovating-with-http-2.0-server-push/

Диагностика ошибок. Error.Stack

• http://ie.microsoft.com/testdrive/browser/ExploreErrorStack/
• http://www.webappers.com/2013/02/22/how-to-diagnose-javascript-errors-faster-with-error-stack/

##CSS @supports, Javascript CSS.supports

• http://habrahabr.ru/post/178021/

Telephony

• https://wiki.mozilla.org/WebAPI
• https://developer.mozilla.org/en-US/docs/API/WebSMS/Introduction_to_WebSMS
• https://hacks.mozilla.org/2012/03/webtelephony-api-and-websms-api-part-of-webapi/

Web components

• http://www.chromestatus.com/
• http://habrahabr.ru/post/210058/
• Web Components Resources
• https://github.com/w3c/webcomponents
• http://ebidel.github.io/webcomponents/
• html5-demos.appspot.com/webcomponents
• w3c/webcomponents
• html5rocks
• A Guide to Web Components
• http://habrahabr.ru/post/152001/
• https://github.com/termi/CreativeWork/blob/WCE/RU_ru/Web%20Components%20Explained/Translation.md
• https://plus.google.com/103330502635338602217/posts
• http://updates.html5rocks.com/2013/03/What-s-the-CSS-scope-pseudo-class-for
• http://www.webcomponentsshift.com/
• http://jonrimmer.github.io/are-we-componentized-yet/
• http://markdalgleish.com/2013/11/web-components-why-youre-already-an-expert/

HTML Imports

• http://www.html5rocks.com/en/tutorials/webcomponents/imports/

Custom Elements

• http://www.html5rocks.com/en/tutorials/webcomponents/customelements/
• https://dvcs.w3.org/hg/webcomponents/raw-file/tip/spec/custom/index.html

Shadow DOM

• Intro to Shadow DOM
• http://updates.html5rocks.com/2013/03/Visualizing-Shadow-DOM-Concepts
• http://www.html5rocks.com/en/tutorials/webcomponents/shadowdom/
• http://www.html5rocks.com/en/tutorials/webcomponents/shadowdom-201/
• http://www.html5rocks.com/en/tutorials/webcomponents/shadowdom-301/
• http://html5-demos.appspot.com/static/shadowdom-visualizer/index.html
• http://blog.teamtreehouse.com/working-with-shadow-dom

Template

• http://www.html5rocks.com/en/tutorials/webcomponents/template/
• https://dvcs.w3.org/hg/webcomponents/raw-file/tip/explainer/index.html#template-section
• http://blog.teamtreehouse.com/creating-reusable-markup-with-the-html-template-element

Libraries

• http://www.polymer-project.org/

Js APIs

• http://html5-demos.appspot.com/
• http://html5-demos.appspot.com/static/html5-whats-new/template/index.html
• http://www.htmlfivewow.com/

HTML5 Notifications now supported by @FirefoxNightly

• http://jsbin.com/notification/1/edit
• http://jsbin.com/notification/522/edit
• http://firefoxnightly.tumblr.com/post/47461324589/desktop-notifications-support

// screen.orientation - текущее значение ориентации экрана

console.log("orientation: " + screen.mozOrientation);

// screen.onorientationchange - событие изменения ориентации экрана устройства

screen.addEventListener(
    "mozorientationchange",
    function() {
        console.log("orientation: " + screen.mozOrientation);
    }
);