{"id":281626,"date":"2016-11-27T22:50:04","date_gmt":"2016-11-27T19:50:04","guid":{"rendered":"http:\/\/savepearlharbor.com\/?p=281626"},"modified":"-0001-11-30T00:00:00","modified_gmt":"-0001-11-29T21:00:00","slug":"","status":"publish","type":"post","link":"https:\/\/savepearlharbor.com\/?p=281626","title":{"rendered":"\u0414\u0430\u0439\u0434\u0436\u0435\u0441\u0442 \u0441\u0432\u0435\u0436\u0438\u0445 \u043c\u0430\u0442\u0435\u0440\u0438\u0430\u043b\u043e\u0432 \u0438\u0437 \u043c\u0438\u0440\u0430 \u0444\u0440\u043e\u043d\u0442\u0435\u043d\u0434\u0430 \u0437\u0430 \u043f\u043e\u0441\u043b\u0435\u0434\u043d\u044e\u044e \u043d\u0435\u0434\u0435\u043b\u044e \u2116238 (21 \u2014 27 \u043d\u043e\u044f\u0431\u0440\u044f 2016)"},"content":{"rendered":"<p>\u041f\u0440\u0435\u0434\u043b\u0430\u0433\u0430\u0435\u043c \u0432\u0430\u0448\u0435\u043c\u0443 \u0432\u043d\u0438\u043c\u0430\u043d\u0438\u044e \u043f\u043e\u0434\u0431\u043e\u0440\u043a\u0443 \u0441 \u0441\u0441\u044b\u043b\u043a\u0430\u043c\u0438 \u043d\u0430 \u043f\u043e\u043b\u0435\u0437\u043d\u044b\u0435 \u0440\u0435\u0441\u0443\u0440\u0441\u044b \u0438 \u0438\u043d\u0442\u0435\u0440\u0435\u0441\u043d\u044b\u0435 \u043c\u0430\u0442\u0435\u0440\u0438\u0430\u043b\u044b \u0438\u0437 \u043e\u0431\u043b\u0430\u0441\u0442\u0438 \u0444\u0440\u043e\u043d\u0442\u0435\u043d\u0434\u0430.<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/habrastorage.org\/files\/a06\/e3f\/813\/a06e3f8137184f41954f13222dc3ddc8.png\"\/><\/p>\n<p>  <a name=\"habracut\"><\/a><\/p>\n<table>\n<tbody>\n<tr>\n<td><a href=\"#webdev\"><b>\u0412\u0435\u0431-\u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0430<\/b><\/a><\/td>\n<\/tr>\n<tr>\n<td><a href=\"#css\"><b>CSS<\/b><\/a><\/td>\n<\/tr>\n<tr>\n<td><a href=\"#js\"><b>Javascript<\/b><\/a><\/td>\n<\/tr>\n<tr>\n<td><a href=\"#browser\"><b>\u0411\u0440\u0430\u0443\u0437\u0435\u0440\u044b<\/b><\/a><\/td>\n<\/tr>\n<tr>\n<td><a href=\"#intresting\"><b>\u041d\u043e\u0432\u043e\u0441\u0442\u0438 \u0438 \u0437\u0430\u043d\u0438\u043c\u0430\u0442\u0435\u043b\u044c\u043d\u043e\u0435<\/b><\/a><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h3><a name=\"webdev\"><\/a><img decoding=\"async\" src=\"https:\/\/habrastorage.org\/files\/b7b\/537\/859\/b7b5378598274e53b1ebcf3116620e95.png\"\/> \u0412\u0435\u0431-\u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0430<\/h3>\n<p>   <\/p>\n<ul>\n<li><img decoding=\"async\" alt=\"habr\" src=\"https:\/\/habrastorage.org\/storage2\/c57\/b92\/af4\/c57b92af4ee0d37f787c211a068b1b95.png\"\/> <a href=\"https:\/\/habrahabr.ru\/company\/ruvds\/blog\/316132\/\">\u041a\u043e\u043d\u0441\u043e\u043b\u044c \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u0430 Google Chrome: \u0434\u0435\u0441\u044f\u0442\u044c \u043d\u0435\u043e\u0447\u0435\u0432\u0438\u0434\u043d\u044b\u0445 \u043f\u043e\u043b\u0435\u0437\u043d\u043e\u0441\u0442\u0435\u0439<\/a><\/li>\n<li><a href=\"https:\/\/soundcloud.com\/web-standards\/episode-43\">\u041f\u043e\u0434\u043a\u0430\u0441\u0442 \u0412\u0435\u0431-\u0441\u0442\u0430\u043d\u0434\u0430\u0440\u0442\u044b, \u0412\u044b\u043f\u0443\u0441\u043a \u211643:<\/a> Opera DevRel \u0432\u0441\u0451, Safari TP18, Firefox 50, CSS-\u0448\u043b\u044e\u0437\u044b, \u0438\u043d\u043b\u0430\u0439\u043d\u043e\u0432\u044b\u0435 \u0441\u0442\u0438\u043b\u0438, \u043f\u0435\u0447\u0430\u0442\u044c, \u0433\u0440\u0438\u0434\u044b \u0432\u0435\u0441\u043d\u043e\u0439, \u043d\u043e\u0432\u044b\u0439 DL, Atom \u0431\u0435\u0437 Shadow DOM, 42, \u041c\u0435\u0434\u0438\u0443\u043c.<\/li>\n<li><a href=\"https:\/\/medium.com\/web-standards\/%D1%83%D0%BB%D1%83%D1%87%D1%88%D0%B5%D0%BD%D0%B8%D0%B5-%D1%84%D0%BE%D1%80%D0%BC%D1%8B-%D0%BA%D0%BE%D0%BC%D0%BC%D0%B5%D0%BD%D1%82%D0%B0%D1%80%D0%B8%D0%B5%D0%B2-7b2ad80f0340\">\u0423\u043b\u0443\u0447\u0448\u0435\u043d\u0438\u0435 \u0444\u043e\u0440\u043c\u044b \u043a\u043e\u043c\u043c\u0435\u043d\u0442\u0430\u0440\u0438\u0435\u0432<\/a>. \u041e\u0442 \u0431\u0430\u0437\u043e\u0432\u044b\u0445 \u0434\u043e \u0443\u043b\u0443\u0447\u0448\u0435\u043d\u043d\u044b\u0445 \u0441\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u0439 \u043e\u0431 \u043e\u0448\u0438\u0431\u043a\u0430\u0445 \u043a \u0444\u043e\u043d\u043e\u0432\u043e\u0439 \u0441\u0438\u043d\u0445\u0440\u043e\u043d\u0438\u0437\u0430\u0446\u0438\u0438<\/li>\n<li><a href=\"http:\/\/telegra.ph\/AMP-Instant-Articles-Instant-View-whut-11-23\">AMP, Instant Articles, Instant View, whut?<\/a><\/li>\n<li><a href=\"http:\/\/css.yoksel.ru\/svg-patterns\/\">SVG-\u043f\u0430\u0442\u0442\u0435\u0440\u043d\u044b<\/a><\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"https:\/\/css-tricks.com\/random-interesting-facts-htmlsvg-usage\/\">\u0421\u043b\u0443\u0447\u0430\u0439\u043d\u044b\u0435 \u0438\u043d\u0442\u0435\u0440\u0435\u0441\u043d\u044b\u0435 \u0444\u0430\u043a\u0442\u044b \u0438\u0437 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u044f HTML\/SVG<\/a> (Random Interesting Facts on HTML\/SVG usage)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"https:\/\/frontendcurated.com\/top-monospaced-fonts-for-coding-a7d941a143fe\">\u0422\u043e\u043f \u043c\u043e\u043d\u043e\u0448\u0438\u0440\u0438\u043d\u043d\u044b\u0445 \u0448\u0440\u0438\u0444\u0442\u043e\u0432 \u0434\u043b\u044f \u043d\u0430\u043f\u0438\u0441\u0430\u043d\u0438\u044f \u043a\u043e\u0434\u0430<\/a> (Top monospaced fonts for coding)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"https:\/\/medium.com\/@urish\/making-purple-eye-diy-dancing-robot-fa03d0f658e2\">\u0414\u0435\u043c\u043e\u043d\u0441\u0442\u0440\u0430\u0446\u0438\u044f Web Bluetooth \u0438 \u0444\u0438\u0437\u0438\u0447\u0435\u0441\u043a\u043e\u0433\u043e \u0432\u0435\u0431\u0430 \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e \u0442\u0430\u043d\u0446\u0443\u044e\u0449\u0435\u0433\u043e \u0440\u043e\u0431\u043e\u0442\u0430<\/a><\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"https:\/\/dassur.ma\/things\/reading-specs\/\">\u041a\u0430\u043a \u0447\u0438\u0442\u0430\u0442\u044c \u0432\u0435\u0431-\u0441\u043f\u0435\u0446\u0438\u0444\u0438\u043a\u0430\u0446\u0438\u0438, \u0438\u043b\u0438 WebVR, \u043a\u0430\u043a \u0442\u044b \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0448\u044c?<\/a> (How to read web specs Part I \u2013 Or: WebVR, how do you work?)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/csskarma.com\/blog\/difference-rolepresentation-aria-hiddentrue\/\">\u0420\u0430\u0437\u043d\u0438\u0446\u0430 \u043c\u0435\u0436\u0434\u0443 role=\u201dpresentation\u201d \u0438 aria-hidden=\u201dtrue\u201d<\/a><\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"https:\/\/www.sitepoint.com\/how-open-sourcing-bootstrap-made-it-huge\/\">\u041a\u0430\u043a \u0430\u0443\u0442\u0441\u043e\u0440\u0438\u0441\u0438\u043d\u0433 \u0411\u0443\u0442\u0441\u0442\u0440\u0430\u043f\u0430 \u0441\u0434\u0435\u043b\u0430\u043b \u0435\u0433\u043e \u0437\u043d\u0430\u0447\u0438\u043c\u044b\u043c<\/a> (How Open Sourcing Bootstrap Made It Huge)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"https:\/\/gloriajs.com\/\">Gloria<\/a> \u2014 \u043d\u043e\u0432\u044b\u0439 \u0433\u0435\u043d\u0435\u0440\u0430\u0442\u043e\u0440 \u0441\u0442\u0438\u0447\u0435\u0441\u043a\u0438\u0445 \u0441\u0430\u0439\u0442\u043e\u0432, \u043a\u0430\u043a jekyll, \u043d\u043e \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e JavaScript <\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/bendyworks.com\/blog\/elm-frontend-right-now-updated-for-0-18\">Elm \u0434\u043b\u044f \u0444\u0440\u043e\u043d\u0442\u0435\u043d\u0434\u0430, \u0443\u0436\u0435 \u0441\u0435\u0439\u0447\u0430\u0441<\/a> (Elm for the Frontend, Right Now)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/codepen.io\/chriscoyier\/post\/code-in-stock-photos\">\u041f\u043e\u0436\u0430\u043b\u0443\u0439\u0441\u0442\u0430, \u043d\u0435 \u0443\u0447\u0438\u0442\u0435\u0441\u044c \u043f\u043e \u0441\u0442\u043e\u043a\u043e\u0432\u044b\u043c \u0444\u043e\u0442\u043e\u0433\u0440\u0430\u0444\u0438\u044f\u043c<\/a> (Please Don&#8217;t Learn To Code From Stock Photos)<\/li>\n<li>\u042d\u0444\u0444\u0435\u043a\u0442\u043d\u044b\u0439 \u0432\u0435\u0431:<br \/> \n<ul>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/webdesignerwall.com\/tutorials\/zoom-hero-images-scroll\">\u041a\u0430\u043a \u0441\u0434\u0435\u043b\u0430\u0442\u044c \u044d\u0444\u0444\u0435\u043a\u0442 \u043f\u0440\u0438\u0431\u043b\u0438\u0436\u0435\u043d\u0438\u044f \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u044f \u0432 \u0448\u0430\u043f\u043a\u0435 \u0441\u0430\u0439\u0442\u0430 \u043f\u0440\u0438 \u0441\u043a\u0440\u043e\u043b\u043b\u0438\u043d\u0433\u0435<\/a> (How to Zoom Hero Images on Scroll)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/tympanus.net\/codrops\/2016\/11\/23\/tilt-hover-effects\/\">\u042d\u0444\u0444\u043a\u0442\u043d\u0430\u044f \u0440\u0435\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u044f \u043d\u0430\u043a\u043b\u043e\u043d\u043e\u0432 \u0441\u043b\u043e\u044f \u043f\u043e\u0434 \u0443\u0433\u043b\u043e\u043c \u043f\u0440\u0438 \u043d\u0430\u0432\u0435\u0434\u0435\u043d\u0438\u0438<\/a> (Tilt Hover Effects)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/thenewcode.com\/1162\/Cheap-Parallax-with-JavaScript-and-CSS-Transforms\">\u0414\u0435\u0448\u0435\u0432\u044b\u0439 \u043f\u0430\u0440\u0430\u043b\u043b\u0430\u043a\u0441 \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e JavaScript \u0438 CSS Transforms<\/a><\/li>\n<\/ul>\n<p>   <\/li>\n<\/ul>\n<p>   <\/p>\n<h3><a name=\"css\"><\/a><img decoding=\"async\" src=\"https:\/\/habrastorage.org\/files\/c67\/176\/460\/c671764607c346fcbd2fe15c7aa6ca24.png\"\/> CSS<\/h3>\n<p>   <\/p>\n<ul>\n<li><a href=\"http:\/\/prgssr.ru\/development\/grid-fleksboks-i-vyravnivanie-blokov-nasha-novaya-sistema-raskladki.html\">\u0413\u0440\u0438\u0434, \u0444\u043b\u0435\u043a\u0441\u0431\u043e\u043a\u0441 \u0438 \u0432\u044b\u0440\u0430\u0432\u043d\u0438\u0432\u0430\u043d\u0438\u0435 \u0431\u043b\u043e\u043a\u043e\u0432: \u043d\u0430\u0448\u0430 \u043d\u043e\u0432\u0430\u044f \u0441\u0438\u0441\u0442\u0435\u043c\u0430 \u0440\u0430\u0441\u043a\u043b\u0430\u0434\u043a\u0438<\/a><\/li>\n<li><a href=\"http:\/\/prgssr.ru\/development\/ya-sovsem-zabyl-o-stilyah-dlya-pechati.html\">\u042f \u0441\u043e\u0432\u0441\u0435\u043c \u0437\u0430\u0431\u044b\u043b \u043e \u0441\u0442\u0438\u043b\u044f\u0445 \u0434\u043b\u044f \u043f\u0435\u0447\u0430\u0442\u0438<\/a><\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/cssreference.io\/\">CSS Reference<\/a> \u2014 \u0432\u0438\u0437\u0443\u0430\u043b\u044c\u043d\u043e\u0435 \u0440\u0443\u043a\u043e\u0432\u043e\u0434\u0441\u0442\u0432\u043e \u043f\u043e \u0441\u0432\u043e\u0439\u0441\u0442\u0432\u0430\u043c CSS, c \u043f\u0440\u0438\u043c\u0435\u0440\u0430\u043c\u0438 \u0438 \u0438\u043d\u0442\u0435\u0440\u0430\u043a\u0442\u0438\u0432\u043d\u043e\u0439 \u0434\u0435\u043c\u043e\u043d\u0441\u0442\u0440\u0430\u0446\u0438\u0435\u0439<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"https:\/\/www.smashingmagazine.com\/2016\/11\/css-inheritance-cascade-global-scope-new-old-worst-best-friends\/\">\u041d\u0430\u0441\u043b\u0435\u0434\u043e\u0432\u0430\u043d\u0438\u0435 \u0432 CSS, \u043a\u0430\u0441\u043a\u0430\u0434 \u0438 \u0433\u043b\u043e\u0431\u0430\u043b\u044c\u043d\u0430\u044f \u043e\u0431\u043b\u0430\u0441\u0442\u044c \u0432\u0438\u0434\u0438\u043c\u043e\u0441\u0442\u0438: \u0432\u0430\u0448\u0438 \u043d\u043e\u0432\u044b\u0435\/\u0441\u0442\u0430\u0440\u044b\u0435 \u0445\u0443\u0434\u0448\u0438\u0435\/\u043b\u0443\u0447\u0448\u0438\u0435 \u0434\u0440\u0443\u0437\u044c\u044f<\/a> (CSS Inheritance, The Cascade And Global Scope: Your New Old Worst Best Friends)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"https:\/\/css-tricks.com\/style-list-markers-css\/\">\u0421\u0442\u0438\u043b\u0438\u0437\u0430\u0446\u0438\u044f \u043c\u0430\u0440\u043a\u0435\u0440\u043e\u0432 \u0441\u043f\u0438\u0441\u043a\u0430 \u0432 CSS<\/a> (Style List Markers in CSS)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"https:\/\/www.rachelandrew.co.uk\/archives\/2016\/11\/26\/should-i-try-to-use-the-ie-implementation-of-css-grid-layout\/\">\u0414\u043e\u043b\u0436\u0435\u043d \u043b\u0438 \u044f \u043f\u043e\u043f\u0440\u043e\u0431\u043e\u0432\u0430\u0442\u044c \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u0438\u043c\u043f\u043b\u0435\u043c\u0435\u043d\u0442\u0430\u0446\u0438\u044e IE \u0434\u043b\u044f CSS Grid Layout?<\/a> (Should I try to use the IE implementation of CSS Grid Layout?)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"https:\/\/css-tricks.com\/swapping-state-css-keyframes\/\">\u041f\u0435\u0440\u0435\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u0435 \u0441\u043e\u0441\u0442\u043e\u044f\u043d\u0438\u044f \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e CSS Keyframes<\/a> (Swapping State with CSS Keyframes)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"https:\/\/meowni.ca\/font-style-matcher\/\">Font style matcher<\/a> \u2014 \u043f\u043e\u0434\u0431\u043e\u0440\u043a\u0430 \u0448\u0440\u0438\u0444\u0442\u043e\u0432 \u0434\u043b\u044f \u043e\u043f\u0442\u0438\u043c\u0430\u043b\u044c\u043d\u043e\u0433\u043e \u0444\u043e\u043b\u043b\u0431\u0435\u043a\u0430<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/codepen.io\/jasesmith\/pen\/RoVmNZ\">Simple CSS Tooltips<\/a> \u2014 \u0432\u0441\u043f\u043b\u044b\u0432\u0430\u044e\u0449\u0438\u0435 \u043f\u043e\u0434\u0441\u043a\u0430\u0437\u043a\u0438 \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e css \u043f\u0435\u0440\u0435\u043c\u0435\u043d\u043d\u044b\u0445 \u0438 es6 <\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"https:\/\/blog.zingchart.com\/2016\/11\/17\/how-to-use-css-variables\/\">\u041a\u0430\u043a \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u043f\u0435\u0440\u0435\u043c\u0435\u043d\u043d\u044b\u0435 \u0432 CSS <\/a><\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"https:\/\/medium.com\/@martindefatte\/is-css-flexbox-ready-for-prime-time-yet-dcaceebd6fdb\">\u0413\u043e\u0442\u043e\u0432 \u043b\u0438 Flexbox \u0443\u0436\u0435 \u0434\u043b\u044f \u043f\u0440\u0430\u0439\u043c-\u0442\u0430\u0439\u043c\u0430?<\/a> (Is CSS Flexbox ready for prime time yet?)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"https:\/\/medium.com\/@DoorDarius\/launching-castlecss-our-new-front-end-framework-106a16759fb5\">\u0417\u0430\u043f\u0443\u0441\u0442\u0438\u043b\u0441\u044f CastleCSS, \u043d\u043e\u0432\u044b\u0439 \u0441\u0442\u0430\u0442\u0438\u0447\u0435\u0441\u043a\u0438\u0439 \u0444\u0440\u0435\u0439\u043c\u0432\u043e\u0440\u043a<\/a><\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"https:\/\/medium.com\/outsystems-experts\/css-vertical-align-for-everyone-dummies-included-44af86f4ba40\">\u0412\u0435\u0440\u0442\u0438\u043a\u0430\u043b\u044c\u043d\u043e\u0435 \u0432\u044b\u0440\u0430\u0432\u043d\u0438\u0432\u0430\u043d\u0438\u0435 \u0432 CSS \u0434\u043b\u044f \u0432\u0441\u0435\u0445<\/a> (CSS Vertical Align for Everyone (Dummies Included))<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"https:\/\/medium.freecodecamp.com\/css-selectors-explained-by-going-car-shopping-51a383f6eb4b\">\u0421\u0435\u043b\u0435\u043a\u0442\u043e\u0440\u044b CSS, \u043e\u0431\u044a\u044f\u0441\u043d\u0435\u043d\u043d\u044b\u0435 \u043d\u0430 \u043f\u0440\u0438\u043c\u0435\u0440\u0435 \u0448\u043e\u043f\u043f\u0438\u043d\u0433\u0430 \u043d\u0430 \u043c\u0430\u0448\u0438\u043d\u0435<\/a><\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"https:\/\/github.com\/sylvainpolletvillard\/postcss-grid-kiss\">\u041f\u043b\u0430\u0433\u0438\u043d PostCSS \u0434\u043b\u044f \u043f\u0440\u043e\u0441\u0442\u043e\u0439 \u0438\u043c\u043f\u043b\u0435\u043c\u0435\u043d\u0442\u0430\u0446\u0438\u0438 CSS \u0433\u0440\u0438\u0434\u043e\u0432<\/a><\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"https:\/\/css-tricks.com\/high-contrast-postcss-plugin-story\/\">High Contrast, A PostCSS Plugin Story<\/a><\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/www.zpyro.com\/2questions-to-constantly-ask-while-writing-css-ep1\/\">\u0414\u0432\u0430 \u0432\u043e\u043f\u0440\u043e\u0441\u0430, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u044f \u043f\u043e\u0441\u0442\u043e\u044f\u043d\u043d\u043e \u0437\u0430\u0434\u0430\u044e \u043f\u0440\u0438 \u043d\u0430\u043f\u0438\u0441\u0430\u043d\u0438\u0438 CSS<\/a> (2Questions to constantly ask while writing CSS! EP1)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/www.zpyro.com\/how-to-add-depth-to-your-design-using-multiple-borders\/\">\u041a\u0430\u043a \u0434\u043e\u0431\u0430\u0432\u0438\u0442\u044c \u0433\u043b\u0443\u0431\u0438\u043d\u0443 \u0432\u0430\u0448\u0435\u043c\u0443 \u0434\u0438\u0437\u0430\u0439\u043d\u0443 \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e \u043c\u043d\u043e\u0436\u0435\u0441\u0442\u0432\u0435\u043d\u043d\u044b\u0445 \u0431\u043e\u0440\u0434\u0435\u0440\u043e\u0432<\/a><\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/www.zpyro.com\/background-clip\/\">\u041a\u0430\u043a \u0441\u0434\u0435\u043b\u0430\u0442\u044c \u043f\u043e\u043b\u0443\u043f\u0440\u043e\u0437\u0440\u0430\u0447\u043d\u044b\u0435 \u0433\u0440\u0430\u043d\u0438\u0446\u044b \u0438\u043b\u0438 \u043f\u0430\u0434\u0434\u0438\u043d\u0433\u0438 \u0431\u0435\u0437 \u0444\u043e\u043d\u043e\u0432\u043e\u0433\u043e \u0446\u0432\u0435\u0442\u0430<\/a><\/li>\n<\/ul>\n<p>   <\/p>\n<h3><a name=\"js\"><\/a><img decoding=\"async\" src=\"https:\/\/habrastorage.org\/files\/f1b\/aee\/dcb\/f1baeedcbc854234ae9616c007b22fb6.png\"\/> JavaScript<\/h3>\n<p>   <\/p>\n<ul>\n<li><a href=\"https:\/\/github.com\/UsulPro\/js-stack-from-scratch\">\u0421\u0442\u0435\u043a \u0442\u0435\u0445\u043d\u043e\u043b\u043e\u0433\u0438\u0439 JavaScript \u0441 \u043d\u0443\u043b\u044f (\u043f\u0435\u0440\u0435\u0432\u043e\u0434 \u043c\u0430\u0442\u0435\u0440\u0438\u0430\u043b\u043e\u0432 \u00abJavaScript Stack from Scratch\u00bb) <\/a><\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"https:\/\/www.marcozehe.de\/2016\/11\/23\/javascript-not-enemy-accessibility\/\">JavaScript \u2014 \u043d\u0435 \u0432\u0440\u0430\u0433 \u0434\u043e\u0441\u0442\u0443\u043f\u043d\u043e\u0441\u0442\u0438<\/a> (JavaScript is not an enemy of accessibility!)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/mxstbr.blog\/2016\/11\/inline-styles-vs-css-in-js\">\u041d\u0430\u043f\u0438\u0441\u0430\u043d\u0438\u0435 \u0432\u0430\u0448\u0438\u0445 \u0441\u0442\u0438\u043b\u0435\u0439 \u0432 JS \u2260 \u043d\u0430\u043f\u0438\u0441\u0430\u043d\u0438\u0435 \u0438\u043d\u043b\u0430\u0439\u043d\u043e\u0432\u044b\u0445 \u0441\u0442\u0438\u043b\u0435\u0439<\/a> (Writing your styles in JS \u2260 writing inline styles)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"https:\/\/medium.com\/@xilefmai\/efficient-javascript-14a11651d563\">\u041d\u0430\u043f\u0438\u0441\u0430\u043d\u0438\u0435 \u044d\u0444\u0444\u0435\u043a\u0442\u0438\u0432\u043d\u043e\u0433\u043e JavaScript<\/a> (Writing efficient JavaScript)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"https:\/\/css-tricks.com\/polyfill-javascript-need\/\">\u041f\u043e\u043b\u0438\u0444\u0438\u043b\u044c\u0442\u0435 JavaScript \u0442\u043e\u043b\u044c\u043a\u043e \u043a\u043e\u0433\u0434\u0430 \u043d\u0443\u0436\u043d\u043e<\/a> (Polyfill JavaScript Only When You Need To)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"https:\/\/medium.com\/javascript-scene\/why-im-thankful-for-js-fatigue-i-know-you-re-sick-of-those-words-but-this-is-different-296fae0c888f\">\u041f\u043e\u0447\u0435\u043c\u0443 \u044f \u0431\u043b\u0430\u0433\u043e\u0434\u0430\u0440\u0435\u043d \u00ab\u0443\u0441\u0442\u0430\u043b\u043e\u0441\u0442\u0438 \u043e\u0442 JS\u00bb<\/a><\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"https:\/\/www.sitepoint.com\/future-of-aurelia-roadmap-features\/\">\u0411\u0443\u0434\u0443\u0449\u0435\u0435 Aurelia \u2014 \u0434\u043e\u0440\u043e\u0436\u043d\u0430\u044f \u043a\u0430\u0440\u0442\u0430 \u0438 \u0433\u0440\u044f\u0434\u0443\u0449\u0438\u0435 \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u0438<\/a><\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"https:\/\/community.risingstack.com\/explaining-javascript-closure-scope-chain-examples\/\">\u041e\u0431\u044a\u044f\u0441\u043d\u0435\u043d\u0438\u0435 \u0437\u0430\u043c\u044b\u043a\u0430\u043d\u0438\u0439 \u0438 \u0446\u0435\u043f\u0438 \u043e\u0431\u043b\u0430\u0441\u0442\u0435\u0439 \u0432\u0438\u0434\u0438\u043c\u043e\u0441\u0442\u0438 \u0432 JavaScript \u043d\u0430 \u043f\u0440\u0438\u043c\u0435\u0440\u0430\u0445<\/a> (Explaining JavaScript Closure &#038; Scope Chain with Examples)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"https:\/\/dev.to\/corgibytes\/setting-up-a-minimal-yet-useful-javascript-dev-environment\">\u041d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0430 \u043c\u0438\u043d\u0438\u043c\u0430\u043b\u044c\u043d\u043e\u0433\u043e, \u043f\u043e\u043b\u0435\u0437\u043d\u043e\u0433\u043e \u043e\u043a\u0440\u0443\u0436\u0435\u043d\u0438\u044f \u0434\u043b\u044f JavaScript \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0438<\/a> (Setting up a Minimal, Yet Useful JavaScriptDev Environment)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"https:\/\/medium.com\/@justintulk\/injected-component-markup-react-vs-angular-2-edae32ccc189\">\u0412\u043d\u0435\u0434\u0440\u044f\u0435\u043c \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u044b \u0432 \u0440\u0430\u0437\u043c\u0435\u0442\u043a\u0443: React vs Angular 2<\/a><\/li>\n<li>React:<br \/> \n<ul>\n<li><img decoding=\"async\" alt=\"habr\" src=\"https:\/\/habrastorage.org\/storage2\/c57\/b92\/af4\/c57b92af4ee0d37f787c211a068b1b95.png\"\/> <a href=\"https:\/\/habrahabr.ru\/post\/315922\/\">React.js \u043d\u0430 \u0440\u0443\u0441\u0441\u043a\u043e\u043c \u044f\u0437\u044b\u043a\u0435. \u0427\u0430\u0441\u0442\u044c \u0447\u0435\u0442\u0432\u0435\u0440\u0442\u0430\u044f<\/a><\/li>\n<li>\u041f\u043e\u0434\u043a\u0430\u0441\u0442 \u00ab\u041f\u044f\u0442\u0438\u043c\u0438\u043d\u0443\u0442\u043a\u0430 React\u00bb: <a href=\"http:\/\/5minreact.ru\/1-react-fiber\/\">#1 \u2014 React Fiber<\/a>, <a href=\"http:\/\/5minreact.ru\/2-jsx2\/\">#2 \u2014 JSX 2.0<\/a>, <a href=\"http:\/\/5minreact.ru\/3-hot-module-replacement-or-react-hot-loader\/\">#3 \u2014 Hot Module Replacement \u0438\u043b\u0438 React Hot Loader?<\/a><\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"https:\/\/medium.com\/@jackmarchant\/react-one-year-later-8b29804f2309\">React \u2013 One year later<\/a><\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"https:\/\/code.tutsplus.com\/tutorials\/understanding-how-to-handle-routing-in-react--cms-27355\">\u041a\u0430\u043a \u0440\u0430\u0437\u043e\u0431\u0440\u0430\u0442\u044c\u0441\u044f \u0441 \u0440\u043e\u0443\u0442\u0438\u043d\u0433\u043e\u043c \u0432 React<\/a> (How to Handle Routing in React)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"https:\/\/medium.com\/@rajaraodv\/why-redux-needs-reducers-to-be-pure-functions-d438c58ae468\">\u041f\u043e\u0447\u0435\u043c\u0443 Redux \u0442\u0440\u0435\u0431\u0443\u0435\u0442, \u0447\u0442\u043e\u0431\u044b Reducer-\u044b \u0431\u044b\u043b\u0438 \u201c\u0447\u0438\u0441\u0442\u044b\u043c\u0438 \u0444\u0443\u043d\u043a\u0446\u0438\u044f\u043c\u0438\u201d<\/a> (Why Redux Need Reducers To Be \u201cPure Functions\u201d)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"https:\/\/www.neos.io\/blog\/react-snippets-debug-component-performance-with-es7-annotations.html\">React \u0441\u043d\u0438\u043f\u043f\u0435\u0442\u044b: \u043e\u0442\u043b\u0430\u0434\u043a\u0430 \u043f\u0440\u043e\u0438\u0437\u0432\u043e\u0434\u0438\u0442\u0435\u043b\u044c\u043d\u043e\u0441\u0442\u0438 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0430 \u0441 ES7 \u0430\u043d\u043d\u043e\u0442\u0430\u0446\u0438\u044f\u043c\u0438<\/a> (React Snippets: Debug Component Performance with ES7 Annotations)<\/li>\n<\/ul>\n<p>   <\/li>\n<li>Angular:<br \/> \n<ul>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"https:\/\/scotch.io\/tutorials\/get-angular-1-features-in-angular-2\">\u041f\u043e\u043b\u0443\u0447\u0430\u0435\u043c \u0441\u0432\u043e\u0439\u0441\u0442\u0432\u0430 Angular 1 \u0432 Angular 2<\/a><\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/www.codelord.net\/2016\/11\/23\/spotting-outdated-angular-1-dot-x-posts\/\">\u041a\u0430\u043a \u0440\u0430\u0441\u043f\u043e\u0437\u043d\u0430\u0442\u044c \u043f\u043e\u0441\u0442\u044b \u043f\u043e Angular 1.x \u0441 \u0443\u0441\u0442\u0430\u0440\u0435\u0432\u0448\u0438\u043c\u0438 \u043f\u0440\u0430\u043a\u0442\u0438\u043a\u0430\u043c\u0438<\/a> (Spotting Outdated Angular 1.x Posts)<\/li>\n<\/ul>\n<p>   <\/li>\n<li>Vue:<br \/> \n<ul>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"https:\/\/github.com\/nuxt\/nuxt.js\">\u041c\u0438\u043d\u0438\u043c\u0430\u043b\u0438\u0441\u0442\u0438\u0447\u043d\u044b\u0439 \u0444\u0440\u0435\u0439\u043c\u0432\u043e\u0440\u043a \u0434\u043b\u044f \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0439 \u043d\u0430 Vue.js applications (\u0432\u0434\u043e\u0445\u043d\u043e\u0432\u043b\u0435\u043d\u043d\u044b\u0439 Next.js)<\/a><\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"https:\/\/www.liquidlight.co.uk\/blog\/article\/building-a-vue-v2-js-app-using-vue-router\/\">\u0421\u043e\u0437\u0434\u0430\u043d\u0438\u0435 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u0441 Vue v2 JS \u0441 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435\u043c Vue-router<\/a> (Building a Vue v2 JS app using Vue-router)<\/li>\n<\/ul>\n<p>   <\/li>\n<li>ES6:<br \/> \n<ul>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"https:\/\/davidwalsh.name\/es6-features-ii\">\u0415\u0449\u0435 6 \u043c\u0430\u043b\u0435\u043d\u044c\u043a\u0438\u0445, \u043d\u043e \u043a\u043b\u0435\u0432\u044b\u0445 \u0441\u0432\u043e\u0439\u0441\u0442\u0432 \u0432 ES6<\/a> (Six More Tiny But Awesome ES6 Features)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/www.zsoltnagy.eu\/es6-iterators-and-generators-in-practice\/\">ES6 \u0438\u0442\u0435\u0440\u0430\u0442\u043e\u0440\u044b \u0438 \u0433\u0435\u043d\u0435\u0440\u0430\u0442\u043e\u0440\u044b \u043d\u0430 \u043f\u0440\u0430\u043a\u0442\u0438\u043a\u0435<\/a><\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"https:\/\/dassur.ma\/things\/reading-specs-2\/\">\u041a\u0430\u043a \u0447\u0438\u0442\u0430\u0442\u044c \u0441\u043f\u0435\u0446\u0438\u0444\u0438\u043a\u0430\u0446\u0438\u0438 \u0432 \u0432\u0435\u0431\u0435, \u0447.2 \u2013 Or: ECMAScript Symbols<\/a><\/li>\n<\/ul>\n<p>   <\/li>\n<li>\u041f\u0440\u0430\u043a\u0442\u0438\u043a\u0430:<br \/> \n<ul>\n<li><img decoding=\"async\" alt=\"habr\" src=\"https:\/\/habrastorage.org\/storage2\/c57\/b92\/af4\/c57b92af4ee0d37f787c211a068b1b95.png\"\/> <a href=\"https:\/\/habrahabr.ru\/company\/badoo\/blog\/315812\/\">WebRTC: \u0414\u0435\u043b\u0430\u0435\u043c peer to peer \u0438\u0433\u0440\u0443 \u043d\u0430 javascript<\/a><\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/blog.alexdevero.com\/simple-easy-universal-javascript-slider\/\">\u041a\u0430\u043a \u0441\u043e\u0437\u0434\u0430\u0442\u044c \u043f\u0440\u043e\u0441\u0442\u043e\u0439, \u043b\u0435\u0433\u043a\u0438\u0439 \u0438 \u0443\u043d\u0438\u0432\u0435\u0440\u0441\u0430\u043b\u044c\u043d\u044b\u0439 \u0441\u043b\u0430\u0439\u0434\u0435\u0440 \u043d\u0430 JavaScript<\/a><\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"https:\/\/medium.com\/introcept-hub\/create-pagination-component-using-laravel-and-vue-js-e5709aac2724\">\u0421\u043e\u0437\u0434\u0430\u043d\u0438\u0435 \u043f\u0430\u0433\u0438\u043d\u0430\u0446\u0438\u0438 \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e Laravel and Vue js<\/a><\/li>\n<\/ul>\n<p>   <\/li>\n<li>\u041f\u043b\u0430\u0433\u0438\u043d\u044b:<br \/> \n<ul>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"https:\/\/github.com\/anvaka\/query-state#query-state-\">query-state &mdash; \u0445\u0440\u0430\u043d\u0435\u043d\u0438\u0435 state \u0432 \u0441\u0442\u0440\u043e\u043a\u0435 \u0437\u0430\u043f\u0440\u043e\u0441\u043e\u0432<\/a><\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"https:\/\/github.com\/vitogit\/gDriveSync.js\">gDriveSync.js &mdash; \u043e\u0431\u0451\u0440\u0442\u043a\u0430 \u0434\u043b\u044f Google Drive API v3<\/a> <\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"https:\/\/github.com\/lwansbrough\/holographicjs\">HolographicJS &mdash; \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442 Windows \u0434\u043b\u044f \u0437\u0430\u043f\u0443\u0441\u043a\u0430 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0439 Windows Holographic \u0441\u043e\u0437\u0434\u0430\u043d\u043d\u044b\u0445 \u0441 Javascript \u0438 WebGL<\/a><\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"https:\/\/github.com\/caroso1222\/amazon-autocomplete\">Autocomplete \u043f\u043b\u0430\u0433\u0438\u043d \u043e\u0442 Amazon<\/a><\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"https:\/\/github.com\/LeadDyno\/intercooler-js\">intercooler-js &mdash; \u0434\u0435\u043b\u0430\u0435\u0442 AJAX \u0437\u0430\u043f\u0440\u043e\u0441\u044b \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e \u0430\u0442\u0440\u0438\u0431\u0443\u0442\u043e\u0432 HTML<\/a><\/li>\n<\/ul>\n<p>   <\/li>\n<\/ul>\n<p>   <\/p>\n<h3><img decoding=\"async\" src=\"https:\/\/habrastorage.org\/files\/c99\/545\/7b4\/c995457b4d704923b68a37421ed656a1.png\"\/> \u0411\u0440\u0430\u0443\u0437\u0435\u0440\u044b<\/h3>\n<p>   <\/p>\n<ul>\n<li><a href=\"http:\/\/www.opennet.ru\/opennews\/art.shtml?num=45537\">\u0422\u0435\u0441\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435 Firefox 51-beta \u0438 Firefox Developer Edition 52<\/a><\/li>\n<li><a href=\"http:\/\/www.opennet.ru\/opennews\/art.shtml?num=45561\">\u0412 Firefox-\u0434\u043e\u043f\u043e\u043b\u043d\u0435\u043d\u0438\u0438 NoScript \u043f\u043e\u044f\u0432\u0438\u043b\u0430\u0441\u044c \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u0430 \u043c\u043d\u043e\u0433\u043e\u043f\u0440\u043e\u0446\u0435\u0441\u0441\u043d\u043e\u0433\u043e \u0440\u0435\u0436\u0438\u043c\u0430<\/a><\/li>\n<li><a href=\"http:\/\/www.opennet.ru\/opennews\/art.shtml?num=45556\">Firefox \u043f\u0440\u0435\u043a\u0440\u0430\u0442\u0438\u0442 \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u0443 XUL-\u0434\u043e\u043f\u043e\u043b\u043d\u0435\u043d\u0438\u0439 \u0432 \u043a\u043e\u043d\u0446\u0435 2017 \u0433\u043e\u0434\u0430<\/a><\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"https:\/\/hacks.mozilla.org\/2016\/11\/new-responsive-design-mode-rdm-lands-in-firefox-dev-tools\/\">\u041d\u043e\u0432\u044b\u0439 \u0440\u0435\u0445\u0438\u043c Responsive Design Mode \u0432 Firefox Dev Tools<\/a><\/li>\n<\/ul>\n<p>   <\/p>\n<h3><a name=\"intresting\"><\/a><img decoding=\"async\" src=\"https:\/\/habrastorage.org\/files\/25a\/ce3\/8fc\/25ace38fcd8b4f0ea905656576c70469.png\"\/> \u041d\u043e\u0432\u043e\u0441\u0442\u0438 \u0438 \u0437\u0430\u043d\u0438\u043c\u0430\u0442\u0435\u043b\u044c\u043d\u043e\u0435<\/h3>\n<p>   <\/p>\n<ul>\n<li><a href=\"http:\/\/www.3dnews.ru\/943302\/\">\u0418\u0418 Google \u0442\u0435\u043f\u0435\u0440\u044c \u0447\u0438\u0442\u0430\u0435\u0442 \u043f\u043e \u0433\u0443\u0431\u0430\u043c \u043b\u0443\u0447\u0448\u0435, \u0447\u0435\u043c \u0447\u0435\u043b\u043e\u0432\u0435\u043a<\/a><\/li>\n<li><a href=\"https:\/\/vc.ru\/n\/telegram-instart-telegraph\">Telegram \u0437\u0430\u043f\u0443\u0441\u0442\u0438\u043b \u0430\u043d\u0430\u043b\u043e\u0433 \u043f\u0440\u0435\u0434\u043f\u0440\u043e\u0441\u043c\u043e\u0442\u0440\u0430 \u0441\u0442\u0430\u0442\u0435\u0439 \u00ab\u0412\u041a\u043e\u043d\u0442\u0430\u043a\u0442\u0435\u00bb \u0438 \u0441\u0435\u0440\u0432\u0438\u0441 \u0434\u043b\u044f \u0432\u0451\u0440\u0441\u0442\u043a\u0438 \u043f\u0443\u0431\u043b\u0438\u043a\u0430\u0446\u0438\u0439 Telegraph<\/a><\/li>\n<li><a href=\"https:\/\/xakep.ru\/2016\/11\/22\/locky-svg\/\">\u0428\u0438\u0444\u0440\u043e\u0432\u0430\u043b\u044c\u0449\u0438\u043a Locky \u0440\u0430\u0441\u043f\u0440\u043e\u0441\u0442\u0440\u0430\u043d\u044f\u0435\u0442\u0441\u044f \u0447\u0435\u0440\u0435\u0437 SVG-\u043a\u0430\u0440\u0442\u0438\u043d\u043a\u0438 \u0432 Facebook<\/a><\/li>\n<li><a href=\"http:\/\/gagadget.com\/bookmarks\/24618-10-funktsij-google-docs-o-kotoryih-vyi-ne-znali\/\">10 \u0444\u0443\u043d\u043a\u0446\u0438\u0439 Google Docs, \u043e \u043a\u043e\u0442\u043e\u0440\u044b\u0445 \u0432\u044b \u043d\u0435 \u0437\u043d\u0430\u043b\u0438<\/a><\/li>\n<li><a href=\"https:\/\/tproger.ru\/sponsored\/best-programming-books-ever\/\">\u0427\u0442\u043e \u0447\u0438\u0442\u0430\u0442\u044c \u0430\u0439\u0442\u0438\u0448\u043d\u0438\u043a\u0443: \u043b\u0443\u0447\u0448\u0438\u0435 \u043a\u043d\u0438\u0433\u0438 \u043f\u043e \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044e \u0432\u0441\u0435\u0445 \u0432\u0440\u0435\u043c\u0435\u043d \u0438 \u043d\u0430\u0440\u043e\u0434\u043e\u0432<\/a><\/li>\n<li><a href=\"http:\/\/gagadget.com\/announce\/24682-microsoft-vyipustila-kosyinku-na-android-i-ios\/\">Microsoft \u0432\u044b\u043f\u0443\u0441\u0442\u0438\u043b\u0430 \u00ab\u041a\u043e\u0441\u044b\u043d\u043a\u0443\u00bb \u043d\u0430 Android \u0438 iOS<\/a><\/li>\n<li><a href=\"https:\/\/geektimes.ru\/company\/lamptest\/blog\/282848\/\">\u0415\u0449\u0451 \u0440\u0430\u0437 \u043f\u0440\u043e \u043a\u0438\u0442\u0430\u0439\u0441\u043a\u0438\u0435 \u043b\u0430\u043c\u043f\u043e\u0447\u043a\u0438: \u0432\u0441\u0451 \u043e\u0447\u0435\u043d\u044c \u043f\u043b\u043e\u0445\u043e<\/a><\/li>\n<li><a href=\"https:\/\/geektimes.ru\/post\/282976\/\">\u041d\u0435\u0439\u0440\u043e\u0441\u0435\u0442\u044c Google Translate \u0441\u043e\u0441\u0442\u0430\u0432\u0438\u043b\u0430 \u0435\u0434\u0438\u043d\u0443\u044e \u0431\u0430\u0437\u0443 \u0441\u043c\u044b\u0441\u043b\u043e\u0432 \u0447\u0435\u043b\u043e\u0432\u0435\u0447\u0435\u0441\u043a\u0438\u0445 \u0441\u043b\u043e\u0432<\/a><\/li>\n<li><a href=\"https:\/\/xakep.ru\/2016\/11\/22\/geekedin-mongodb-leak\/\">\u0414\u0430\u043d\u043d\u044b\u0435 8 \u043c\u043b\u043d \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u0435\u0439 GitHub \u0443\u0442\u0435\u043a\u043b\u0438 \u0438\u0437-\u0437\u0430 \u043d\u0435\u043f\u0440\u0430\u0432\u0438\u043b\u044c\u043d\u043e \u043d\u0430\u0441\u0442\u0440\u043e\u0435\u043d\u043d\u043e\u0439 \u0431\u0430\u0437\u044b MongoDB<\/a><\/li>\n<li><a href=\"https:\/\/vc.ru\/n\/google-how-crowded\">\u041f\u043e\u0438\u0441\u043a\u043e\u0432\u0438\u043a Google \u0441\u0442\u0430\u043b \u043f\u043e\u043a\u0430\u0437\u044b\u0432\u0430\u0442\u044c \u043f\u043e\u0441\u0435\u0449\u0430\u0435\u043c\u043e\u0441\u0442\u044c \u0437\u0430\u0432\u0435\u0434\u0435\u043d\u0438\u0439 \u0432 \u0440\u0435\u0430\u043b\u044c\u043d\u043e\u043c \u0432\u0440\u0435\u043c\u0435\u043d\u0438<\/a><\/li>\n<li><a href=\"https:\/\/xakep.ru\/2016\/11\/22\/referral-spam\/\">\u0420\u043e\u0441\u0441\u0438\u0439\u0441\u043a\u0438\u0439 \u0441\u043f\u0430\u043c\u0435\u0440 \u043f\u043e\u0434\u0434\u0435\u043b\u0430\u043b \u0434\u043e\u043c\u0435\u043d Google \u043f\u0440\u0438 \u043f\u043e\u043c\u043e\u0449\u0438 Unicode<\/a><\/li>\n<li><a href=\"http:\/\/ain.ua\/facebook-oshibka-statistitki\">Facebook \u0438\u0437-\u0437\u0430 \u043e\u0448\u0438\u0431\u043a\u0438 \u0432 \u0440\u0430\u0441\u0447\u0435\u0442\u0430\u0445 \u0437\u0430\u0432\u044b\u0448\u0430\u043b \u043f\u043e\u043a\u0430\u0437\u0430\u0442\u0435\u043b\u0438 \u043e\u0445\u0432\u0430\u0442\u0430 \u043d\u0430 55%<\/a><\/li>\n<li><a href=\"https:\/\/vc.ru\/n\/apple-global-smartphone-profits-3q16\">\u0418\u0441\u0441\u043b\u0435\u0434\u043e\u0432\u0430\u043d\u0438\u0435: Apple \u0441\u043e\u0431\u0440\u0430\u043b\u0430 91% \u043c\u0438\u0440\u043e\u0432\u043e\u0439 \u043f\u0440\u0438\u0431\u044b\u043b\u0438 \u043e\u0442 \u043f\u0440\u043e\u0434\u0430\u0436\u0438 \u0441\u043c\u0430\u0440\u0442\u0444\u043e\u043d\u043e\u0432 \u0432 \u0442\u0440\u0435\u0442\u044c\u0435\u043c \u043a\u0432\u0430\u0440\u0442\u0430\u043b\u0435 2016 \u0433\u043e\u0434\u0430<\/a><\/li>\n<\/ul>\n<p>   <\/p>\n<p>\u041f\u0440\u043e\u0441\u0438\u043c \u043f\u0440\u043e\u0449\u0435\u043d\u0438\u044f \u0437\u0430 \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u044b\u0435 \u043e\u043f\u0435\u0447\u0430\u0442\u043a\u0438 \u0438\u043b\u0438 \u043d\u0435\u0440\u0430\u0431\u043e\u0442\u0430\u044e\u0449\u0438\u0435\/\u0434\u0443\u0431\u043b\u0438\u0440\u0443\u044e\u0449\u0438\u0435\u0441\u044f \u0441\u0441\u044b\u043b\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, \u043c\u044b \u0441\u0442\u0430\u0440\u0430\u0435\u043c\u0441\u044f \u043e\u043f\u0435\u0440\u0430\u0442\u0438\u0432\u043d\u043e \u0438\u0445 \u0438\u0441\u043f\u0440\u0430\u0432\u043b\u044f\u0442\u044c. <\/p>\n<p>  <a href=\"https:\/\/habrahabr.ru\/company\/zfort\/blog\/315700\/\">\u0414\u0430\u0439\u0434\u0436\u0435\u0441\u0442 \u0437\u0430 \u043f\u0440\u043e\u0448\u043b\u0443\u044e \u043d\u0435\u0434\u0435\u043b\u044e<\/a>.<br \/>  \u041c\u0430\u0442\u0435\u0440\u0438\u0430\u043b \u043f\u043e\u0434\u0433\u043e\u0442\u043e\u0432\u0438\u043b\u0438 <a href=\"http:\/\/habrahabr.ru\/users\/dersmoll\/\">dersmoll<\/a> \u0438 <a href=\"http:\/\/habrahabr.ru\/users\/alekskorovin\/\">alekskorovin<\/a>.<br \/> \u0441\u0441\u044b\u043b\u043a\u0430 \u043d\u0430 \u043e\u0440\u0438\u0433\u0438\u043d\u0430\u043b \u0441\u0442\u0430\u0442\u044c\u0438 <a href=\"https:\/\/habrahabr.ru\/post\/316250\/\"> https:\/\/habrahabr.ru\/post\/316250\/<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u041f\u0440\u0435\u0434\u043b\u0430\u0433\u0430\u0435\u043c \u0432\u0430\u0448\u0435\u043c\u0443 \u0432\u043d\u0438\u043c\u0430\u043d\u0438\u044e \u043f\u043e\u0434\u0431\u043e\u0440\u043a\u0443 \u0441 \u0441\u0441\u044b\u043b\u043a\u0430\u043c\u0438 \u043d\u0430 \u043f\u043e\u043b\u0435\u0437\u043d\u044b\u0435 \u0440\u0435\u0441\u0443\u0440\u0441\u044b \u0438 \u0438\u043d\u0442\u0435\u0440\u0435\u0441\u043d\u044b\u0435 \u043c\u0430\u0442\u0435\u0440\u0438\u0430\u043b\u044b \u0438\u0437 \u043e\u0431\u043b\u0430\u0441\u0442\u0438 \u0444\u0440\u043e\u043d\u0442\u0435\u043d\u0434\u0430.<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/habrastorage.org\/files\/a06\/e3f\/813\/a06e3f8137184f41954f13222dc3ddc8.png\"\/><\/p>\n<p>  <\/p>\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-281626","post","type-post","status-publish","format-standard","hentry"],"_links":{"self":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/posts\/281626","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=281626"}],"version-history":[{"count":0,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/posts\/281626\/revisions"}],"wp:attachment":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=281626"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=281626"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=281626"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}