{"id":227069,"date":"2014-06-21T22:16:02","date_gmt":"2014-06-21T18:16:02","guid":{"rendered":"http:\/\/savepearlharbor.com\/?p=227069"},"modified":"-0001-11-30T00:00:00","modified_gmt":"-0001-11-29T21:00:00","slug":"","status":"publish","type":"post","link":"https:\/\/savepearlharbor.com\/?p=227069","title":{"rendered":"<span class=\"post_title\">\u041d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u0438\u043d\u0442\u0435\u0440\u0435\u0441\u043d\u043e\u0441\u0442\u0435\u0439 \u0438 \u043f\u043e\u043b\u0435\u0437\u043d\u043e\u0441\u0442\u0435\u0439 \u0434\u043b\u044f \u0432\u0435\u0431-\u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u0430 #19<\/span>"},"content":{"rendered":"<div class=\"content html_format\">     \t\u0414\u043e\u0431\u0440\u043e\u0433\u043e \u0432\u0440\u0435\u043c\u0435\u043d\u0438 \u0441\u0443\u0442\u043e\u043a \u0443\u0432\u0430\u0436\u0430\u0435\u043c\u044b\u0435 \u0445\u0430\u0431\u0440\u0430\u0432\u0447\u0430\u043d\u0435. \u0417\u0430 \u043f\u043e\u0441\u043b\u0435\u0434\u043d\u0435\u0435 \u0432\u0440\u0435\u043c\u044f \u044f \u0443\u0432\u0438\u0434\u0435\u043b \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u0438\u043d\u0442\u0435\u0440\u0435\u0441\u043d\u044b\u0445 \u0438 \u043f\u043e\u043b\u0435\u0437\u043d\u044b\u0445 \u0438\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u043e\u0432\/\u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\/\u0441\u043e\u0431\u044b\u0442\u0438\u0439, \u043a\u043e\u0442\u043e\u0440\u044b\u043c\u0438 \u0445\u043e\u0447\u0443 \u043f\u043e\u0434\u0435\u043b\u0438\u0442\u044c\u0441\u044f \u0441 \u0425\u0430\u0431\u0440\u043e\u043c. <\/p>\n<h4><a href=\"https:\/\/github.com\/dc-js\/dc.js\">DC.js<\/a><\/h4>\n<p>  <a href=\"https:\/\/github.com\/dc-js\/dc.js\"><img decoding=\"async\" src=\"http:\/\/habrastorage.org\/getpro\/habr\/post_images\/e44\/c27\/2d5\/e44c272d5e68d39e8f07f2b26cb74691.jpg\"\/><\/a><br \/>  \u0411\u0438\u0431\u0438\u043e\u0442\u0435\u043a\u0430 \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u0435\u0442 \u0441\u043e\u0437\u0434\u0430\u0432\u0430\u0442\u044c \u0432\u0435\u043b\u0438\u043a\u043e\u043b\u0435\u043f\u043d\u044b\u0435 \u043c\u043d\u043e\u0433\u043e\u0443\u0440\u043e\u0432\u043d\u0435\u0432\u044b\u0435\/\u043c\u0430\u0441\u0448\u0442\u0430\u0431\u0438\u0440\u0443\u0435\u043c\u044b\u0435 \u043a\u0440\u043e\u0441\u0441\u043f\u043b\u0430\u0442\u0444\u043e\u0440\u043c\u0435\u043d\u043d\u044b\u0435 \u0433\u0440\u0430\u0444\u0438\u043a\u0438 \u0438 \u0434\u0438\u0430\u0433\u0440\u0430\u043c\u043c\u044b \u0441 \u043c\u043e\u043c\u0435\u043d\u0442\u0430\u043b\u044c\u043d\u044b\u043c \u043f\u0435\u0440\u0435\u0440\u0435\u043d\u0434\u0435\u0440\u0438\u043d\u0433\u043e\u043c \u043f\u0440\u0438 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c\u0441\u043a\u043e\u043c \u0432\u0437\u0430\u0438\u043c\u043e\u0441\u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0438. \u0417\u0430 \u043f\u0440\u043e\u0446\u0435\u0441\u0441 \u0432\u0438\u0437\u0443\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0438 \u043e\u0442\u0432\u0435\u0447\u0430\u0435\u0442 \u0437\u043d\u0430\u043c\u0435\u043d\u0438\u0442\u0430\u044f d3.js, \u0430 \u0437\u0430 \u0430\u043d\u0430\u043b\u0438\u0437 \u043c\u043d\u043e\u0433\u043e\u043c\u0435\u0440\u043d\u044b\u0445 \u043d\u0430\u0431\u043e\u0440\u043e\u0432 \u0434\u0430\u043d\u043d\u044b\u0445 <a href=\"https:\/\/github.com\/square\/crossfilter\">crossfilter.js<\/a>. \u041a\u0441\u0442\u0430\u0442\u0438 \u043a\u0440\u043e\u0441\u0441\u0444\u0438\u043b\u044c\u0442\u0440 \u2014 \u043f\u0440\u043e\u0435\u043a\u0442 \u043d\u0435\u0431\u0435\u0437\u044b\u0437\u0432\u0435\u0441\u0442\u043d\u043e\u0439 \u043a\u043e\u043c\u043f\u0430\u043d\u0438\u0438 Square.  <\/p>\n<pre><code class=\"javascript\">chart.renderlet(function(chart){     \/\/ smooth the rendering through event throttling     dc.events.trigger(function(){         \/\/ focus some other chart to the range selected by user on this chart         someOtherChart.focus(chart.filter());     }); }) <\/code><\/pre>\n<p>  <a name=\"habracut\"><\/a>  <\/p>\n<h4><a href=\"http:\/\/cartodb.github.io\/odyssey.js\/\">Odyssey<\/a><\/h4>\n<p>  <a href=\"http:\/\/cartodb.github.io\/odyssey.js\/\"><img decoding=\"async\" src=\"http:\/\/habrastorage.org\/getpro\/habr\/post_images\/905\/4c4\/b5e\/9054c4b5efd7f027a4b0ee77922fad00.jpg\"\/><\/a><br \/>  \u041e\u0447\u0435\u043d\u044c \u0438\u043d\u0442\u0435\u0440\u0435\u0441\u043d\u044b\u0439 \u043f\u0440\u043e\u0435\u043a\u0442 \u043e\u0442 \u043a\u043e\u043c\u0430\u043d\u0434\u044b CartoDB. \u0421\u043a\u0440\u0438\u043f\u0442 \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u0435\u0442 \u0441\u043e\u0437\u0434\u0430\u0432\u0430\u0442\u044c \u0438\u043d\u0442\u0435\u0440\u0430\u043a\u0442\u0438\u0432\u043d\u044b\u0435 \u0438\u0441\u0442\u043e\u0440\u0438\u0438 \u0441 \u043f\u0440\u0438\u0432\u044f\u0437\u043a\u043e\u0439 \u043a \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u043d\u044b\u043c \u043b\u043e\u043a\u0430\u0446\u0438\u044f\u043c. \u0412\u0441\u0435 \u043e\u0444\u043e\u0440\u043c\u043b\u044f\u0435\u0442\u0441\u044f \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e Markdown. \u0421\u043b\u043e\u0432\u0430\u043c\u0438 \u043e\u0447\u0435\u043d\u044c \u0442\u0440\u0443\u0434\u043d\u043e \u043e\u043f\u0438\u0441\u0430\u0442\u044c, \u0447\u0442\u043e \u0434\u0435\u043b\u0430\u0435\u0442 \u041e\u0434\u0438\u0441\u0441\u0435\u044f, \u043f\u043e\u044d\u0442\u043e\u043c\u0443 \u043b\u0443\u0447\u0448\u0435 \u0443\u0432\u0438\u0434\u0435\u0442\u044c <a href=\"http:\/\/cartodb.github.io\/odyssey.js\/editor\/editor.html#md\/slides\/YGBgCi10aXRsZTogIk9keXNzZXkgZXhhbXBsZSBGVFciCi1hdXRob3I6ICJDYXJ0b0RCIgpgYGAKCiNZb3VyIGZpcnN0IG9keXNzZXkuanMgc3RvcnkKYGBgCi0gY2VudGVyOiBbMzcuNzYyMCwgLTEyMi40Mzg1XQotIHpvb206IDkKTC5tYXJrZXIoWzM3Ljc2MjAsIC0xMjIuNDM4NV0pLmFjdGlvbnMuYWRkUmVtb3ZlKFMubWFwKQpgYGAKCk1vdmUgdGhlIG1hcCBhcm91bmQgYW5kIHNhdmUgdGhlIHBvc2l0aW9uIGJ5IGNsaWNraW5nIG9uICJBREQgPiBNb3ZlIG1hcCB0byB0aGUgY3VycmVudCBwb3NpdGlvbiIuIEFzIHlvdSBjYW4gc2VlLCBub3cgd2UgYXJlIGhpZ2hsaWdodGluZyBTYW4gRnJhbmNpc2NvLgoKVGhlbiBhZGQgaGVyZSB0aGUgZGVzY3JpcHRpb24gZm9yIHlvdXIgc2xpZGUgc28gaXQncyBzaG93biBvbiB0aGUgbGVmdCBzaWRlIGJveC4KCgojSG93IHRvIGFkZCBtb3JlIHN0YXRlcwpgYGAKLSBjZW50ZXI6IFs0MC43MzQ4LCAtNzMuOTk3MF0KLSB6b29tOiA5CkwubWFya2VyKFs0MC43MzQ4LCAtNzMuOTk3MF0pLmFjdGlvbnMuYWRkUmVtb3ZlKFMubWFwKQpgYGAKCkJ5IGFkZGluZyBuZXcgW01hcmtkb3duXSAoaHR0cDovL2RhcmluZ2ZpcmViYWxsLm5ldC9wcm9qZWN0cy9tYXJrZG93bi9dKSBoMSBlbGVtZW50cyAoIykgeW91IGFkZCBuZXcgc3RhdGVzIHRvIHlvdXIgc3RvcnkuCgoKI0FkZGluZyBpbWFnZXMgdG8geW91ciBzdG9yeQpgYGAKLSBjZW50ZXI6IFs0MC43MzY1LCAtNzMuOTk4Ml0KLSB6b29tOiAxMwpgYGAKCkJ5IGRlZmF1bHQsIGltYWdlcyBhcmUgYWxzbyBzdXBwb3J0ZWQuIAoKIVtOZXcgWW9ya10oaHR0cDovL3d3dy5ib3N0b24tZGlzY292ZXJ5LWd1aWRlLmNvbS9pbWFnZS1maWxlcy9uZXcteW9yay0xLmpwZykKCiNFeHBvcnRpbmcgeW91ciBzdG9yeQpgYGAKLSBjZW50ZXI6IFs0MC40NDY5LCAtMjguNTY0NV0KLSB6b29tOiAzCmBgYAoKWW91IGhhdmUgZGlmZmVyZW50IG9wdGlvbnMgZm9yIGV4cG9ydGluZyB5b3VyIG9keXNzZXkuanMgdmlzdWFsaXphdGlvbi4gWW91IGNhbiBlaXRoZXIgZW1iZWQgdGhpcyB1c2luZyBhbiBpZnJhbWUsIHB1Ymxpc2hpbmcgd2l0aCBhIGNsaWNrIG9uIGJsLm9ja3Mgb3IganVzdCBzaGFyZSB0aGUgVVJMIG9mIHRoaXMgdmlzdWFsaXphdGlvbi4KCklmIHlvdSB3YW50IHRvIGN1c3RvbWl6ZSBpdCBmdXJ0aGVyLCB5b3UgY2FuIGRvd25sb2FkIHRoZSBnZW5lcmF0ZWQgc291cmNlIGNvZGUgYnkgY2xpY2tpbmcgb24gdGhlIGJ1dHRvbiBiZWxvdy4KCiNBZHZhbmNlZCB1c2VycwoKQ2hlY2sgb3V0IG91ciBbZG9jdW1lbnRhdGlvbl0oaHR0cDovL2RvY3MudXJsKSB0byBsZWFybiBob3cgdG8gdXNlIG9keXNzZXkgdG8gY3JlYXRlIG1vcmUgY3VzdG9tIHRoaW5ncy4gSXQncyBjcmF6eSB0aGUgYW1vdW50IG9mIGNvb2wgdGhpbmdzIHRoYXQgY2FuIGJlIGRvbmUgd2l0aCB0aGUgbGlicmFyeS4KCkFsc28gaWYgeW91IGFyZSBhIGRldmVsb3BlciwgdGFrZSBhIGxvb2sgYXQgb3VyIGNvbnRyaWJ1dGluZyBndWlkZWxpbmUgc28geW91IGNhbiBwdXNoIGNvZGUgdG8gdGhlIGFjdHVhbCBsaWJyYXJ5LgoKQ2hlZXJzIQo=\">\u0436\u0438\u0432\u043e\u0439 \u043f\u0440\u0438\u043c\u0435\u0440<\/a>.<\/p>\n<h4><a href=\"https:\/\/developers.google.com\/web\/starter-kit\/\">Web Starter Kit<\/a><\/h4>\n<p>  <a href=\"https:\/\/developers.google.com\/web\/starter-kit\/\"><img decoding=\"async\" src=\"http:\/\/habrastorage.org\/getpro\/habr\/post_images\/e69\/0b8\/093\/e690b809391efe42338fa254bf1782c6.jpg\"\/><\/a><br \/>  Web Starter Kit \u043e\u0442 Google \u2014 \u044d\u0442\u043e \u0442\u0430\u043a\u043e\u0439 \u0431\u043e\u043b\u044c\u0448\u043e\u0439 \u043a\u043e\u043d\u0441\u0442\u0440\u0443\u043a\u0442\u043e\u0440\/\u0448\u0430\u0431\u043b\u043e\u043d \u0434\u043b\u044f \u043a\u0440\u043e\u0441\u0441\u043f\u043b\u0430\u0442\u0444\u043e\u0440\u043c\u0435\u043d\u043d\u043e\u0439 \u0432\u0435\u0431 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0438. \u0412 \u043d\u0435\u0433\u043e \u0437\u0430\u043b\u043e\u0436\u0435\u043d\u044b \u043b\u0443\u0447\u0448\u0438\u0435 \u043f\u0440\u0430\u043a\u0442\u0438\u043a\u0438 \u0438\u0437 <a href=\"https:\/\/developers.google.com\/web\/fundamentals\/\">Web Fundamentals<\/a> \u0438 \u0441\u043e\u0432\u0435\u0442\u044b <a href=\"https:\/\/developers.google.com\/speed\/pagespeed\/insights\/?hl=ru\">PageSpeed Insights<\/a>. \u0412 \u043e\u0431\u0449\u0435\u043c \u0442\u0430\u043c \u043c\u043d\u043e\u0433\u043e \u0432\u0441\u0435 \u043f\u043e\u043b\u0435\u0437\u043d\u043e\u0433\u043e, \u0432 \u0442\u043e\u043c \u0447\u0438\u0441\u043b\u0435 \u0443\u0436\u0435 \u0438 \u00ab\u0441\u043e\u0431\u0440\u0430\u043d\u043d\u044b\u0439\u00bb \u0441\u0431\u043e\u0440\u0449\u0438\u043a Gulp. \u0417\u0430 \u0434\u0432\u043e\u0435 \u0441\u0443\u0442\u043e\u043a \u043f\u0440\u043e\u0435\u043a\u0442 \u0443\u0441\u043f\u0435\u043b \u0441\u043e\u0431\u0440\u0430\u0442\u044c \u043f\u043e\u0447\u0442\u0438 2500 \u0441\u0442\u0430\u0440\u043e\u0432 \u043d\u0430 GitHub.<\/p>\n<h4><a href=\"https:\/\/github.com\/carlsednaoui\/ouibounce\">Ouibounce<\/a><\/h4>\n<p>  <a href=\"https:\/\/github.com\/carlsednaoui\/ouibounce\"><img decoding=\"async\" src=\"https:\/\/camo.githubusercontent.com\/6d050948b5ba97a0b925e0d0b101a5964b431ba6\/687474703a2f2f636c2e6c792f696d6167652f32433270306c3357314d30302f6f7569626f756e63652e676966\" alt=\"image\"\/><\/a><br \/>  \u041e\u0447\u0435\u043d\u044c \u0438\u043d\u0442\u0435\u0440\u0435\u0441\u043d\u044b\u0439 \u0441\u043a\u0440\u0438\u043f\u0442 \u0441 \u0442\u043e\u0447\u043a\u0438 \u0437\u0440\u0435\u043d\u0438\u044f UX. \u042f \u043f\u043e\u043c\u043d\u044e \u043e\u0442\u043d\u043e\u0441\u0438\u0442\u0435\u043b\u044c\u043d\u043e \u043d\u0435\u0434\u0430\u0432\u043d\u043e \u043d\u0430 \u0425\u0430\u0431\u0440\u0435 \u0432 \u0440\u0430\u0437\u0434\u0435\u043b\u0435 \u00ab\u042f \u043f\u0438\u0430\u0440\u044e\u0441\u044c\u00bb \u0431\u044b\u043b \u043f\u043e\u0441\u0442 \u043f\u0440\u043e \u0441\u0442\u0430\u0440\u0442\u0430\u043f, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u0435\u0442 \u0443\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u0442\u044c \u043f\u043e\u043a\u0443\u043f\u0430\u0442\u0435\u043b\u0435\u0439 \u0432 \u0438\u043d\u0442\u0435\u0440\u043d\u0435\u0442 \u043c\u0430\u0433\u0430\u0437\u0438\u043d\u0435. \u041a \u043f\u0440\u0438\u043c\u0435\u0440\u0443, \u043f\u043e\u0442\u0435\u043d\u0446\u0438\u0430\u043b\u044c\u043d\u044b\u0439 \u043a\u043b\u0438\u0435\u043d\u0442 \u0434\u043e\u0441\u0442\u0430\u0442\u043e\u0447\u043d\u043e \u0434\u043e\u043b\u0433\u043e \u0438\u0437\u0443\u0447\u0430\u043b \u0442\u043e\u0432\u0430\u0440, \u043d\u043e \u0432 \u043a\u043e\u043d\u0435\u0447\u043d\u043e\u043c \u0438\u0442\u043e\u0433\u0435 \u0435\u0433\u043e \u043a\u0443\u0440\u0441\u043e\u0440 \u043d\u0430\u043f\u0440\u0430\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u043a \u0437\u0430\u043a\u0440\u044b\u0442\u0438\u044e \u0432\u043a\u043b\u0430\u0434\u043a\u0438. \u0421\u0435\u0440\u0432\u0438\u0441 \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u044f\u0435\u0442 \u044d\u0442\u043e\u0442 \u043c\u043e\u043c\u0435\u043d\u0442 \u0438 \u0437\u0430\u043f\u0443\u0441\u043a\u0430\u0435\u0442 \u043f\u043e\u043f\u0430\u043f \u0441 \u043f\u0440\u0435\u0434\u043b\u043e\u0436\u0435\u043d\u0438\u0435\u043c \u043e \u0441\u043a\u0438\u0434\u0435. Ouibounce, \u043a\u043e\u043d\u0435\u0447\u043d\u043e \u0436\u0435, \u0437\u043d\u0430\u0447\u0438\u0442\u0435\u043b\u044c\u043d\u043e \u043f\u0440\u043e\u0449\u0435, \u043d\u043e \u0432\u0435\u0434\u044c \u0441\u0438\u043b\u044b opensource \u0441\u043e\u043e\u0431\u0449\u0435\u0441\u0442\u0432\u0430 \u0431\u0435\u0437\u0433\u0440\u0430\u043d\u0438\u0447\u043d\u044b\u2026 <s>\u0441\u043c\u0430\u0439\u043b<\/s><\/p>\n<h4><a href=\"https:\/\/github.com\/ask11\/storage\">Storage.js<\/a><\/h4>\n<p>  C\u0432\u043e\u0435\u043e\u0431\u0440\u0430\u0437\u043d\u0430\u044f \u043e\u0431\u0435\u0440\u0442\u043a\u0430 \u0434\u043b\u044f <a href=\"https:\/\/github.com\/mozilla\/localForage\">localForage<\/a> \u043e\u0442 Mozilla. Storage \u2014 \u044d\u0442\u043e \u0430\u0441\u0438\u043d\u0445\u0440\u043e\u043d\u043d\u043e\u0435 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u043d\u043e\u0435 \u0445\u0440\u0430\u043d\u0438\u043b\u0438\u0449\u0435 \u0441 IndexedDB, WebSQL, localStorage, \u0441\u043e\u0437\u0434\u0430\u043d\u043d\u043e\u0435 \u0434\u043b\u044f \u00abbetter offline experience\u00bb.  <\/p>\n<pre><code class=\"html\">&lt;script src=&quot;storage.js&quot;&gt;&lt;\/script&gt; &lt;script&gt;window.storage('key', fn);&lt;\/script&gt; <\/code><\/pre>\n<p>  <\/p>\n<pre><code class=\"javascript\">\/\/ set storage({ key: 'val', key2: 'val2'}, function(err) {});  \/\/ get storage('key', function(err, val) {}); storage(['key', 'key2'], function(err, all) {}); \/\/ all.length == 2  \/\/ count storage(function(err, count) {}); \/\/ count == 2  \/\/ delete storage('key', null, function(err) {}); storage(['key', 'key2'], null, function(err) {}); <\/code><\/pre>\n<h4><a href=\"https:\/\/github.com\/burocratik\/outdated-browser\">Outdated browser<\/a><\/h4>\n<p>  <a href=\"https:\/\/github.com\/burocratik\/outdated-browser\"><img decoding=\"async\" src=\"http:\/\/habrastorage.org\/getpro\/habr\/post_images\/700\/07b\/8db\/70007b8db79bb5372b170b75edc27667.jpg\"\/><\/a><br \/>  \u0421\u0430\u043c\u044b\u0439 \u0438\u0437\u044f\u0449\u043d\u044b\u0439 \u0441\u043f\u043e\u0441\u043e\u0431 \u0441\u043e\u043e\u0431\u0449\u0438\u0442\u044c \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044e \u043e \u0442\u043e\u043c, \u0447\u0442\u043e \u0435\u0433\u043e \u0431\u0440\u0430\u0443\u0437\u0435\u0440 \u0443\u0441\u0442\u0430\u0440\u0435\u043b. \u0412\u043e\u043e\u0431\u0449\u0435 \u044d\u0442\u043e\u0442 \u043f\u0440\u043e\u0435\u043a\u0442 \u043d\u0443\u0436\u043d\u043e \u0440\u0430\u0441\u0446\u0435\u043d\u0438\u0432\u0430\u0442\u044c \u043a\u0430\u043a \u043f\u0440\u0438\u0437\u044b\u0432 \u0432\u0435\u0431-\u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u043e\u0432 \u043c\u043e\u0442\u0438\u0432\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0441\u0432\u043e\u0438\u0445 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u0435\u0439 \u043e\u0431\u043d\u043e\u0432\u0438\u0442\u044c \u0431\u0440\u0430\u0443\u0437\u0435\u0440, \u0434\u0430\u0431\u044b \u0432\u0441\u0435 \u043d\u0430\u043c \u043f\u0440\u043e\u0449\u0435 \u0436\u0438\u043b\u043e\u0441\u044c \u0432 \u0431\u0443\u0434\u0443\u0449\u0435\u043c.   <\/p>\n<pre><code class=\"html\">&lt;script src=&quot;outdatedBrowser.min.js&quot;&gt;&lt;\/script&gt; &lt;style type=&quot;text\/css&quot; src=&quot;outdatedBrowser.min.css&quot;&gt;&lt;\/style&gt; &lt;div id=&quot;outdated&quot;&gt;      &lt;h6&gt;Your browser is out-of-date!&lt;\/h6&gt;      &lt;p&gt;Update your browser to view this website correctly. &lt;a id=&quot;btnUpdateBrowser&quot; href=&quot;http:\/\/outdatedbrowser.com\/&quot;&gt;Update my browser now &lt;\/a&gt;&lt;\/p&gt;      &lt;p class=&quot;last&quot;&gt;&lt;a href=&quot;#&quot; id=&quot;btnCloseUpdateBrowser&quot; title=&quot;Close&quot;&gt;&times;&lt;\/a&gt;&lt;\/p&gt; &lt;\/div&gt; <\/code><\/pre>\n<p>  <\/p>\n<pre><code class=\"javascript\">function addLoadEvent(func) {     var oldonload = window.onload;     if (typeof window.onload != 'function') {         window.onload = func;     } else {         window.onload = function() {             oldonload();             func();         }     } } \/\/call plugin function after DOM ready addLoadEvent(     outdatedBrowser({         bgColor: '#f25648',         color: '#ffffff',         lowerThan: 'transform'     })     ); <\/code><\/pre>\n<h4><a href=\"http:\/\/fgnass.github.io\/spin.js\/\">Spin.js<\/a><\/h4>\n<p>  <a href=\"http:\/\/fgnass.github.io\/spin.js\/\"><img decoding=\"async\" src=\"http:\/\/habrastorage.org\/getpro\/habr\/post_images\/793\/4bc\/c77\/7934bcc77f86762ee8311ae44ba1c949.jpg\"\/><br \/>  <\/a><\/p>\n<h4>\u0417\u0430\u043f\u0430\u0434\u043d\u044b\u0435 \u043c\u044b\u0441\u043b\u0438 \u0438\u043b\u0438 \u0447\u0442\u043e \u0441\u0442\u043e\u0438\u043b\u043e \u0431\u044b \u043f\u0435\u0440\u0435\u0432\u0435\u0441\u0442\u0438 \u043d\u0430 \u0425\u0430\u0431\u0440\u0435:<\/h4>\n<p>  <\/p>\n<ul>\n<li><a href=\"http:\/\/wildlyinaccurate.com\/a-hackers-guide-to-git\">A Hacker\u2019s Guide to Git<\/a><\/li>\n<li><a href=\"http:\/\/dev.opera.com\/articles\/css-will-change-property\/\">Everything You Need to Know About the CSS will-change Property<\/a><\/li>\n<li><a href=\"http:\/\/dev.opera.com\/articles\/getting-to-know-css-blend-modes\/\">Getting to know CSS Blend Modes<\/a><\/li>\n<li><a href=\"http:\/\/www.theguardian.com\/info\/developer-blog\/2014\/mar\/20\/inside-the-guardians-cms-meet-scribe-an-extensible-rich-text-editor\">Inside the Guardian\u2019s CMS: meet Scribe, an extensible rich text editor<\/a><\/li>\n<li><a href=\"http:\/\/open.blogs.nytimes.com\/2014\/06\/17\/scoop-a-glimpse-into-the-nytimes-cms\/\">Scoop: A Glimpse Into the NYTimes CMS<\/a><\/li>\n<li><a href=\"https:\/\/developers.google.com\/web\/fundamentals\/input\/touch\/touchevents\/\">Implement Custom Gestures<\/a><\/li>\n<li><a href=\"https:\/\/litmus.com\/community\/discussions\/84-what-s-your-favorite-hack\">What&#8217;s Your Favorite Hack?<\/a><\/li>\n<li><a href=\"http:\/\/responsivenews.co.uk\/post\/87988072178\/building-a-responsive-svg-map\">Building a responsive SVG map<\/a><\/li>\n<li><a href=\"http:\/\/viget.com\/extend\/sharing-data-between-sass-and-javascript-with-json\">Sharing Data Between Sass and JavaScript with JSON<\/a><\/li>\n<li><a href=\"http:\/\/thehipperelement.com\/post\/87574750438\/ux-crash-course-user-psychology\">UX Crash Course User Psychology<\/a><\/li>\n<li><a href=\"http:\/\/www.smashingmagazine.com\/2009\/10\/24\/brand-user-experience-the-interface-of-a-cheeseburger\/\">Brand = User Experience: The Interface Of A Cheeseburger<\/a><\/li>\n<\/ul>\n<h4>\u041d\u0430\u043f\u043e\u0441\u043b\u0435\u0434\u043e\u043a:<\/h4>\n<p>  <\/p>\n<ul>\n<li>\u041f\u043b\u0430\u0442\u0444\u043e\u0440\u043c\u0430 \u0434\u043b\u044f \u043b\u044e\u0431\u0438\u0442\u0435\u043b\u0435\u0439 \u0430\u043d\u0438\u043c\u044d<br \/>  <a href=\"https:\/\/github.com\/hummingbird-me\/hummingbird\"><img decoding=\"async\" src=\"https:\/\/camo.githubusercontent.com\/988a048139d9a850ccd5378d3be80ebdbb2f42d7\/687474703a2f2f68756d6d696e67626972642d666f72756d2e73332e616d617a6f6e6177732e636f6d2f38363430376462623634646265636665653063626437346237353961346233336637303635376237346332392e6a7067\" alt=\"image\"\/><\/a><\/li>\n<li><a href=\"https:\/\/github.com\/madgex\/lazy-ads\">lazy-ads<\/a> \u2014 \u043e\u0447\u0435\u043d\u044c \u043f\u043e\u043b\u0435\u0437\u043d\u044b\u0439 \u0441\u043a\u0440\u0438\u043f\u0442 \u0434\u043b\u044f \u00ab\u043b\u0435\u043d\u0438\u0432\u043e\u0439 \u043f\u043e\u0434\u0433\u0440\u0443\u0437\u043a\u0438\u00bb \u0432\u0441\u0435\u0445 \u0432\u0430\u0448\u0438\u0445 \u0431\u0430\u043d\u043d\u0435\u0440\u043e\u0432.<\/li>\n<li><a href=\"https:\/\/github.com\/filamentgroup\/loadCSS\/\">loadCSS<\/a> \u2014 \u0430 \u044d\u0442\u043e \u0440\u0435\u0448\u0435\u043d\u0438\u0435 \u0434\u043b\u044f \u0434\u0438\u043d\u0430\u043c\u0438\u0447\u043d\u043e\u0439 \u0437\u0430\u0433\u0440\u0443\u0437\u043a\u0438 CSS \u043e\u0442 \u0438\u0437\u0432\u0435\u0441\u0442\u043d\u043e\u0439 Filament Group.<\/li>\n<li><a href=\"https:\/\/github.com\/github\/octicons\">Octicons<\/a> \u2014 \u0438\u043a\u043e\u043d\u043e\u0447\u043d\u044b\u0439 \u0448\u0440\u0438\u0444\u0442 \u043e\u0442 \u043a\u043e\u043c\u0430\u043d\u0434\u044b GitHub.<\/li>\n<li><a href=\"https:\/\/github.com\/antiboredom\/videogrep\">Videogrep<\/a> \u2014 \u043f\u043e\u0438\u0441\u043a \u043f\u043e \u0432\u0438\u0434\u0435\u043e \u043d\u0430 Python.<\/li>\n<li><a href=\"https:\/\/github.com\/trevorlinton\/webkit.js\">webkit.js<\/a> \u2014 \u043f\u043e\u043b\u043d\u043e\u0446\u0435\u043d\u043d\u044b\u0439 JavaScript \u043f\u043e\u0440\u0442 WebKit.<\/li>\n<li><a href=\"https:\/\/github.com\/Dynalon\/mdwiki\">mdwiki<\/a> \u2014 JavaScript CMS\/Wiki \u043d\u0430 Markdown.<\/li>\n<li><a href=\"https:\/\/github.com\/jakubroztocil\/httpie\">HTTPie<\/a> \u2014 command line HTTP client.<\/li>\n<li><a href=\"http:\/\/motorcortexjs.com\/\">MotorCortex.js<\/a> \u2014 \u0435\u0449\u0435 \u043e\u0434\u043d\u0430 (\u0443\u0436\u0435 \u0431\u044b\u043b\u0430 AniJS) \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0430 \u0434\u043b\u044f \u0434\u0435\u043a\u043b\u0430\u0440\u0430\u0442\u0438\u0432\u043d\u043e\u0433\u043e \u043e\u043f\u0438\u0441\u0430\u043d\u0438\u044f CSS \u0430\u043d\u0438\u043c\u0430\u0446\u0438\u0439<\/li>\n<li><a href=\"https:\/\/github.com\/yunap\/traceit\">TraceIt<\/a> \u2014 jQuery \u043f\u043b\u0430\u0433\u0438\u043d, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0440\u0435\u0448\u0430\u0435\u0442 \u0442\u043e\u043b\u044c\u043a\u043e \u043e\u0434\u043d\u0443 \u043d\u0435\u043e\u0440\u0434\u0438\u043d\u0430\u0440\u043d\u0443\u044e \u0437\u0430\u0434\u0430\u0447\u0443 \u2014 \u0441\u043a\u0435\u0432\u043e\u043c\u043e\u0440\u0444\u0438\u0447\u043d\u0430\u044f \u043e\u0431\u0432\u043e\u0434\u043a\u0430 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u043e\u0432.<\/li>\n<li><a href=\"http:\/\/mapbuildr.com\/\">MapBuildr<\/a> \u2014 \u0444\u0443\u043d\u043a\u0446\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0439 \u0438\u043d\u0442\u0440\u0443\u043c\u0435\u043d\u0442 \u0434\u043b\u044f \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u044f Google Map, \u0435\u0449\u0435 \u0431\u044b \u0442\u0430\u043a\u0443\u044e \u0448\u0442\u0443\u043a\u0443 \u0434\u043b\u044f \u042f\u043d\u0434\u0435\u043a\u0441.\u041a\u0430\u0440\u0442.<\/li>\n<li><a href=\"https:\/\/github.com\/pocketjoso\/penthouse\">Penthouse<\/a> \u2014 Critical Path CSS Generator, \u0433\u0434\u0435 critical path \u0435\u0441\u0442\u044c \u0441\u0430\u043c\u044b\u0439 \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u044b\u0439 CSS. \u041f\u043e\u0434\u0440\u043e\u0431\u043d\u0435\u0435 \u043e\u0431 \u044d\u0442\u043e\u043c \u0432 \u0441\u0442\u0430\u0442\u044c\u0435 <a href=\"http:\/\/www.phpied.com\/css-and-the-critical-path\/\">CSS and the critical path<\/a>. \u0418\u0434\u0435\u0438 \u043e \u043f\u0440\u043e\u0438\u0437\u0432\u043e\u0434\u0438\u0442\u0435\u043b\u044c\u043d\u043e\u0441\u0442\u0438\/\u043e\u043f\u0442\u0438\u043c\u0438\u0437\u0430\u0446\u0438\u0438 \u0444\u0440\u043e\u043d\u0442\u0430 \u043f\u0440\u043e\u0431\u0438\u0440\u0430\u044e\u0442\u0441\u044f \u0432\u0441\u0435 \u0433\u043b\u0443\u0431\u0436\u0435.<\/li>\n<li><a href=\"https:\/\/github.com\/lukehoban\/es6features\">es6features<\/a> \u2014 \u0440\u0435\u043f\u043e\u0437\u0438\u0442\u043e\u0440\u0438\u0439, \u0432 \u043a\u043e\u0442\u043e\u0440\u043e\u043c \u043e\u043f\u0438\u0441\u044b\u0432\u0430\u044e\u0442\u0441\u044f \u0432\u0441\u0435 \u0444\u0438\u0447\u0438 ECMAScript 6.<\/li>\n<li><a href=\"http:\/\/dojotoolkit.org\/blog\/dojo-turns-1-10\">\u0420\u0435\u043b\u0438\u0437 Dojo 1.10<\/a><\/li>\n<li><a href=\"http:\/\/habrahabr.ru\/post\/225169\/\">\u0420\u0435\u043b\u0438\u0437 Sencha Ext JS 5<\/a><\/li>\n<li><a href=\"http:\/\/jsnice.org\/\">JSNice<\/a> \u2014 \u0443\u043c\u043d\u044b\u0439 \u0438 \u043e\u0431\u0443\u0447\u0430\u0435\u043c\u044b \u0434\u0435\u043e\u0431\u0444\u0443\u0441\u043a\u0430\u0442\u043e\u0440 \u0434\u043b\u044f JavaScript, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0432\u044b\u043f\u043e\u043b\u043d\u044f\u044f \u0441\u0432\u043e\u044e \u0437\u0430\u0434\u0430\u0447\u0443, \u0438\u0449\u0435\u0442 \u0441\u043e\u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0438\u044f \u0432 opensource \u043f\u0440\u043e\u0435\u043a\u0442\u0430\u0445 \u0438 \u043f\u044b\u0442\u0430\u0435\u0442\u0441\u044f \u0432\u043e\u0441\u0441\u0442\u0430\u043d\u043e\u0432\u0438\u0442\u044c \u043e\u0440\u0438\u0433\u0438\u043d\u0430\u043b\u044c\u043d\u044b\u0435 \u043d\u0430\u0437\u0432\u0430\u043d\u0438\u044f \u043f\u0435\u0440\u0435\u043c\u0435\u043d\u043d\u044b\u0445.<br \/>  <a href=\"http:\/\/jsnice.org\/\"><img decoding=\"async\" src=\"http:\/\/habrastorage.org\/getpro\/habr\/post_images\/98c\/1c3\/cb2\/98c1c3cb2a5e6cacb40f1748edfab91f.jpg\"\/><\/a>  <\/li>\n<\/ul>\n<p>  &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href=\"http:\/\/habrahabr.ru\/post\/224751\/\"><b>\u041f\u0440\u0435\u0434\u044b\u0434\u0443\u0449\u0430\u044f \u043f\u043e\u0434\u0431\u043e\u0440\u043a\u0430 (\u0412\u044b\u043f\u0443\u0441\u043a 18)<\/b><\/a><\/p>\n<p>  \u041f\u0440\u0438\u043d\u043e\u0448\u0443 \u0438\u0437\u0432\u0438\u043d\u0435\u043d\u0438\u044f \u0437\u0430 \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u044b\u0435 \u043e\u043f\u0435\u0447\u0430\u0442\u043a\u0438. \u0415\u0441\u043b\u0438 \u0432\u044b \u0437\u0430\u043c\u0435\u0442\u0438\u043b\u0438 \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u0443 \u2014 \u043d\u0430\u043f\u0438\u0448\u0438\u0442\u0435 \u043f\u043e\u0436\u0430\u043b\u0443\u0439\u0441\u0442\u0430 \u0432 \u043b\u0438\u0447\u043a\u0443.<\/p>\n<p>  \u0421\u043f\u0430\u0441\u0438\u0431\u043e \u0432\u0441\u0435\u043c \u0437\u0430 \u0432\u043d\u0438\u043c\u0430\u043d\u0438\u0435.      \t\t\t\t<\/p>\n<div class=\"polling\">\n<form action=\"\/json\/polling\/\" class=\"poll\" method=\"post\">\n<div class=\"poll_title\">\u041f\u043e\u043d\u0440\u0430\u0432\u0438\u043b\u0430\u0441\u044c \u043b\u0438 \u0412\u0430\u043c \u043f\u043e\u0434\u0431\u043e\u0440\u043a\u0430?<\/div>\n<p>  \t\t<input type=\"hidden\" name=\"post_id\" value=\"227069\"\/> \t\t<input type=\"hidden\" name=\"polling_question_id\" value=\"11403\"\/>  \t\t<\/p>\n<table class=\"answer\">\n<tr>\n<td class=\"input\"> \t\t\t\t\t<input type=\"radio\" id=\"vv57325\" \t\t\t\t\t\tclass=\"radio js-field-data\" \t\t\t\t\t\tname=\"variant[]\" \t\t\t\t\t\tvalue=\"57325\" \/> \t\t\t\t<\/td>\n<td class=\"label\"> \t\t\t\t\t<label for=\"vv57325\">\u0414\u0430<\/label> \t\t\t\t<\/td>\n<\/tr>\n<tr>\n<td class=\"input\"> \t\t\t\t\t<input type=\"radio\" id=\"vv57327\" \t\t\t\t\t\tclass=\"radio js-field-data\" \t\t\t\t\t\tname=\"variant[]\" \t\t\t\t\t\tvalue=\"57327\" \/> \t\t\t\t<\/td>\n<td class=\"label\"> \t\t\t\t\t<label for=\"vv57327\">\u041d\u0435\u0442<\/label> \t\t\t\t<\/td>\n<\/tr>\n<\/table>\n<p class=\"for_users_only_msg\">\u0422\u043e\u043b\u044c\u043a\u043e \u0437\u0430\u0440\u0435\u0433\u0438\u0441\u0442\u0440\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u044b\u0435 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u0438 \u043c\u043e\u0433\u0443\u0442 \u0443\u0447\u0430\u0441\u0442\u0432\u043e\u0432\u0430\u0442\u044c \u0432 \u043e\u043f\u0440\u043e\u0441\u0435. <a href=\"https:\/\/habrahabr.ru\/auth\/login\/\">\u0412\u043e\u0439\u0434\u0438\u0442\u0435<\/a>, \u043f\u043e\u0436\u0430\u043b\u0443\u0439\u0441\u0442\u0430.<\/p>\n<p class=\"total\">\u041d\u0438\u043a\u0442\u043e \u0435\u0449\u0451 \u043d\u0435 \u0433\u043e\u043b\u043e\u0441\u043e\u0432\u0430\u043b. \u0412\u043e\u0437\u0434\u0435\u0440\u0436\u0430\u0432\u0448\u0438\u0445\u0441\u044f \u043d\u0435\u0442.<\/p>\n<\/p><\/form>\n<form action=\"\/json\/polling\/\" class=\"poll\" method=\"post\">\n<div class=\"poll_title\">\u041a\u0430\u043a \u0412\u0430\u043c \u0431\u043b\u043e\u043a \u00ab\u0417\u0430\u043f\u0430\u0434\u043d\u044b\u0435 \u043c\u044b\u0441\u043b\u0438\u00bb \u043f\u043e 5 \u0431\u0430\u043b\u044c\u043d\u043e\u0439 \u0448\u043a\u0430\u043b\u0435?<\/div>\n<p>  \t\t<input type=\"hidden\" name=\"post_id\" value=\"227069\"\/> \t\t<input type=\"hidden\" name=\"polling_question_id\" value=\"11405\"\/>  \t\t<\/p>\n<table class=\"answer\">\n<tr>\n<td class=\"input\"> \t\t\t\t\t<input type=\"radio\" id=\"vv57329\" \t\t\t\t\t\tclass=\"radio js-field-data\" \t\t\t\t\t\tname=\"variant[]\" \t\t\t\t\t\tvalue=\"57329\" \/> \t\t\t\t<\/td>\n<td class=\"label\"> \t\t\t\t\t<label for=\"vv57329\">1<\/label> \t\t\t\t<\/td>\n<\/tr>\n<tr>\n<td class=\"input\"> \t\t\t\t\t<input type=\"radio\" id=\"vv57331\" \t\t\t\t\t\tclass=\"radio js-field-data\" \t\t\t\t\t\tname=\"variant[]\" \t\t\t\t\t\tvalue=\"57331\" \/> \t\t\t\t<\/td>\n<td class=\"label\"> \t\t\t\t\t<label for=\"vv57331\">2<\/label> \t\t\t\t<\/td>\n<\/tr>\n<tr>\n<td class=\"input\"> \t\t\t\t\t<input type=\"radio\" id=\"vv57333\" \t\t\t\t\t\tclass=\"radio js-field-data\" \t\t\t\t\t\tname=\"variant[]\" \t\t\t\t\t\tvalue=\"57333\" \/> \t\t\t\t<\/td>\n<td class=\"label\"> \t\t\t\t\t<label for=\"vv57333\">3<\/label> \t\t\t\t<\/td>\n<\/tr>\n<tr>\n<td class=\"input\"> \t\t\t\t\t<input type=\"radio\" id=\"vv57335\" \t\t\t\t\t\tclass=\"radio js-field-data\" \t\t\t\t\t\tname=\"variant[]\" \t\t\t\t\t\tvalue=\"57335\" \/> \t\t\t\t<\/td>\n<td class=\"label\"> \t\t\t\t\t<label for=\"vv57335\">4<\/label> \t\t\t\t<\/td>\n<\/tr>\n<tr>\n<td class=\"input\"> \t\t\t\t\t<input type=\"radio\" id=\"vv57337\" \t\t\t\t\t\tclass=\"radio js-field-data\" \t\t\t\t\t\tname=\"variant[]\" \t\t\t\t\t\tvalue=\"57337\" \/> \t\t\t\t<\/td>\n<td class=\"label\"> \t\t\t\t\t<label for=\"vv57337\">5<\/label> \t\t\t\t<\/td>\n<\/tr>\n<\/table>\n<p class=\"for_users_only_msg\">\u0422\u043e\u043b\u044c\u043a\u043e \u0437\u0430\u0440\u0435\u0433\u0438\u0441\u0442\u0440\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u044b\u0435 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u0438 \u043c\u043e\u0433\u0443\u0442 \u0443\u0447\u0430\u0441\u0442\u0432\u043e\u0432\u0430\u0442\u044c \u0432 \u043e\u043f\u0440\u043e\u0441\u0435. <a href=\"https:\/\/habrahabr.ru\/auth\/login\/\">\u0412\u043e\u0439\u0434\u0438\u0442\u0435<\/a>, \u043f\u043e\u0436\u0430\u043b\u0443\u0439\u0441\u0442\u0430.<\/p>\n<p class=\"total\">\u041d\u0438\u043a\u0442\u043e \u0435\u0449\u0451 \u043d\u0435 \u0433\u043e\u043b\u043e\u0441\u043e\u0432\u0430\u043b. \u0412\u043e\u0437\u0434\u0435\u0440\u0436\u0430\u0432\u0448\u0438\u0445\u0441\u044f \u043d\u0435\u0442.<\/p>\n<\/p><\/form>\n<\/p><\/div>\n<div class=\"clear\"><\/div>\n<\/p><\/div>\n<p> \u0441\u0441\u044b\u043b\u043a\u0430 \u043d\u0430 \u043e\u0440\u0438\u0433\u0438\u043d\u0430\u043b \u0441\u0442\u0430\u0442\u044c\u0438 <a href=\"http:\/\/habrahabr.ru\/post\/227069\/\"> http:\/\/habrahabr.ru\/post\/227069\/<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<div class=\"content html_format\">     \t\u0414\u043e\u0431\u0440\u043e\u0433\u043e \u0432\u0440\u0435\u043c\u0435\u043d\u0438 \u0441\u0443\u0442\u043e\u043a \u0443\u0432\u0430\u0436\u0430\u0435\u043c\u044b\u0435 \u0445\u0430\u0431\u0440\u0430\u0432\u0447\u0430\u043d\u0435. \u0417\u0430 \u043f\u043e\u0441\u043b\u0435\u0434\u043d\u0435\u0435 \u0432\u0440\u0435\u043c\u044f \u044f \u0443\u0432\u0438\u0434\u0435\u043b \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u0438\u043d\u0442\u0435\u0440\u0435\u0441\u043d\u044b\u0445 \u0438 \u043f\u043e\u043b\u0435\u0437\u043d\u044b\u0445 \u0438\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u043e\u0432\/\u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\/\u0441\u043e\u0431\u044b\u0442\u0438\u0439, \u043a\u043e\u0442\u043e\u0440\u044b\u043c\u0438 \u0445\u043e\u0447\u0443 \u043f\u043e\u0434\u0435\u043b\u0438\u0442\u044c\u0441\u044f \u0441 \u0425\u0430\u0431\u0440\u043e\u043c. <\/p>\n<h4><a href=\"https:\/\/github.com\/dc-js\/dc.js\">DC.js<\/a><\/h4>\n<p>  <a href=\"https:\/\/github.com\/dc-js\/dc.js\"><img decoding=\"async\" src=\"http:\/\/habrastorage.org\/getpro\/habr\/post_images\/e44\/c27\/2d5\/e44c272d5e68d39e8f07f2b26cb74691.jpg\"\/><\/a><br \/>  \u0411\u0438\u0431\u0438\u043e\u0442\u0435\u043a\u0430 \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u0435\u0442 \u0441\u043e\u0437\u0434\u0430\u0432\u0430\u0442\u044c \u0432\u0435\u043b\u0438\u043a\u043e\u043b\u0435\u043f\u043d\u044b\u0435 \u043c\u043d\u043e\u0433\u043e\u0443\u0440\u043e\u0432\u043d\u0435\u0432\u044b\u0435\/\u043c\u0430\u0441\u0448\u0442\u0430\u0431\u0438\u0440\u0443\u0435\u043c\u044b\u0435 \u043a\u0440\u043e\u0441\u0441\u043f\u043b\u0430\u0442\u0444\u043e\u0440\u043c\u0435\u043d\u043d\u044b\u0435 \u0433\u0440\u0430\u0444\u0438\u043a\u0438 \u0438 \u0434\u0438\u0430\u0433\u0440\u0430\u043c\u043c\u044b \u0441 \u043c\u043e\u043c\u0435\u043d\u0442\u0430\u043b\u044c\u043d\u044b\u043c \u043f\u0435\u0440\u0435\u0440\u0435\u043d\u0434\u0435\u0440\u0438\u043d\u0433\u043e\u043c \u043f\u0440\u0438 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c\u0441\u043a\u043e\u043c \u0432\u0437\u0430\u0438\u043c\u043e\u0441\u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0438. \u0417\u0430 \u043f\u0440\u043e\u0446\u0435\u0441\u0441 \u0432\u0438\u0437\u0443\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0438 \u043e\u0442\u0432\u0435\u0447\u0430\u0435\u0442 \u0437\u043d\u0430\u043c\u0435\u043d\u0438\u0442\u0430\u044f d3.js, \u0430 \u0437\u0430 \u0430\u043d\u0430\u043b\u0438\u0437 \u043c\u043d\u043e\u0433\u043e\u043c\u0435\u0440\u043d\u044b\u0445 \u043d\u0430\u0431\u043e\u0440\u043e\u0432 \u0434\u0430\u043d\u043d\u044b\u0445 <a href=\"https:\/\/github.com\/square\/crossfilter\">crossfilter.js<\/a>. \u041a\u0441\u0442\u0430\u0442\u0438 \u043a\u0440\u043e\u0441\u0441\u0444\u0438\u043b\u044c\u0442\u0440 \u2014 \u043f\u0440\u043e\u0435\u043a\u0442 \u043d\u0435\u0431\u0435\u0437\u044b\u0437\u0432\u0435\u0441\u0442\u043d\u043e\u0439 \u043a\u043e\u043c\u043f\u0430\u043d\u0438\u0438 Square.  <\/p>\n<pre><code class=\"javascript\">chart.renderlet(function(chart){     \/\/ smooth the rendering through event throttling     dc.events.trigger(function(){         \/\/ focus some other chart to the range selected by user on this chart         someOtherChart.focus(chart.filter());     }); }) <\/code><\/pre>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[],"tags":[],"class_list":["post-227069","post","type-post","status-publish","format-standard","hentry"],"_links":{"self":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/posts\/227069","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=227069"}],"version-history":[{"count":0,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/posts\/227069\/revisions"}],"wp:attachment":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=227069"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=227069"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=227069"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}