{"id":278940,"date":"2016-04-24T23:15:03","date_gmt":"2016-04-24T19:15:03","guid":{"rendered":"http:\/\/savepearlharbor.com\/?p=278940"},"modified":"-0001-11-30T00:00:00","modified_gmt":"-0001-11-29T21:00:00","slug":"","status":"publish","type":"post","link":"https:\/\/savepearlharbor.com\/?p=278940","title":{"rendered":"\u0414\u0430\u0439\u0434\u0436\u0435\u0441\u0442 \u0438\u043d\u0442\u0435\u0440\u0435\u0441\u043d\u044b\u0445 \u043c\u0430\u0442\u0435\u0440\u0438\u0430\u043b\u043e\u0432 \u0438\u0437 \u043c\u0438\u0440\u0430 \u0432\u0435\u0431-\u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0438 \u0438 IT \u0437\u0430 \u043f\u043e\u0441\u043b\u0435\u0434\u043d\u044e\u044e \u043d\u0435\u0434\u0435\u043b\u044e \u2116208 (18 \u2014 24 \u0430\u043f\u0440\u0435\u043b\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\u043d\u0442\u0435\u0440\u0435\u0441\u043d\u044b\u0435 \u043c\u0430\u0442\u0435\u0440\u0438\u0430\u043b\u044b \u0438 IT-\u043d\u043e\u0432\u043e\u0441\u0442\u0438<\/p>\n<p>  <img decoding=\"async\" src=\"https:\/\/habrastorage.org\/files\/ef8\/4fb\/10b\/ef84fb10be354694b11e44d3125fb663.png\"\/><br \/>  <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=\"#design\"><b>\u0414\u0438\u0437\u0430\u0439\u043d<\/b><\/a><\/td>\n<\/tr>\n<tr>\n<td><a href=\"#news\"><b>\u041d\u043e\u0432\u043e\u0441\u0442\u0438<\/b><\/a><\/td>\n<\/tr>\n<tr>\n<td><a href=\"#intresting\"><b>\u0417\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\/getpro\/habr\/post_images\/b70\/f9f\/eae\/b70f9feaeee78b42a0c78c3731555e73.gif\"\/> \u0412\u0435\u0431-\u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0430<\/h3>\n<p>   <\/p>\n<ul>\n<li><a href=\"http:\/\/frontender.info\/what-really-matters-focusing-on-top-tasks\/\">\u0422\u043e, \u0447\u0442\u043e \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0442\u0435\u043b\u044c\u043d\u043e \u0432\u0430\u0436\u043d\u043e: \u043e\u0440\u0438\u0435\u043d\u0442\u0430\u0446\u0438\u044f \u043d\u0430 \u043a\u0440\u0438\u0442\u0438\u0447\u043d\u044b\u0435 \u0437\u0430\u0434\u0430\u0447\u0438<\/a>. \u041f\u0435\u0440\u0435\u0432\u043e\u0434 \u0441\u0442\u0430\u0442\u044c\u0438 <a href=\"http:\/\/alistapart.com\/article\/what-really-matters-focusing-on-top-tasks\">What Really Matters: Focusing on Top Tasks<\/a><\/li>\n<li><a href=\"http:\/\/prgssr.ru\/development\/nachinaem-rabotu-s-browserify.html\">\u041d\u0430\u0447\u0438\u043d\u0430\u0435\u043c \u0440\u0430\u0431\u043e\u0442\u0443 \u0441 Browserify<\/a>. \u041f\u0435\u0440\u0435\u0432\u043e\u0434 \u0441\u0442\u0430\u0442\u044c\u0438 <a href=\"https:\/\/scotch.io\/tutorials\/getting-started-with-browserify\">Getting Started with Browserify<\/a><\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"https:\/\/umaar.com\/dev-tips\/101-accessibility-inspection\/\">Chrome DevTools: Use Accessibility Inspection to better understand how accessible your markup is<\/a><\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"https:\/\/github.com\/joshbuchea\/HEAD\">\u0421\u043f\u0438\u0441\u043e\u043a \u0432\u0441\u0435\u0433\u043e, \u0447\u0442\u043e \u043c\u043e\u0436\u0435\u0442 \u0431\u044b\u0442\u044c \u0432 \u0441\u0435\u043a\u0446\u0438\u0438 head<\/a> (A list of everything that goes in the head of your document)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"https:\/\/developers.google.com\/web\/updates\/2016\/03\/access-usb-devices-on-the-web\">\u0414\u043e\u0441\u0442\u0443\u043f \u043a USB \u0443\u0441\u0442\u0440\u043e\u0439\u0441\u0442\u0432\u0430\u043c \u0432 \u0432\u0435\u0431\u0435<\/a> (Access USB devices on the Web)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"https:\/\/www.mnot.net\/blog\/2016\/04\/22\/ideal-http\">\u0418\u0434\u0435\u0430\u043b\u044c\u043d\u0430\u044f \u043f\u0440\u043e\u0438\u0437\u0432\u043e\u0434\u0438\u0442\u0435\u043b\u044c\u043d\u043e\u0441\u0442\u044c HTTP<\/a> (Ideal HTTP Performance)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/www.catswhocode.com\/blog\/website-speed-optimization\">\u041e\u043f\u0442\u0438\u043c\u0438\u0437\u0430\u0446\u0438\u044f \u0441\u043a\u043e\u0440\u043e\u0441\u0442\u0438 \u0441\u0430\u0439\u0442\u0430: \u0434\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0435 \u0441\u043e\u0432\u0435\u0442\u044b \u043f\u043e \u0443\u0441\u043a\u043e\u0440\u0435\u043d\u0438\u044e<\/a> (Website speed optimization: Additional tips for a faster website)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/hackerthemes.com\/bootstrap-cheatsheet\">\u0428\u043f\u0430\u0440\u0433\u0430\u043b\u043a\u0430 \u043f\u043e Bootstrap 4<\/a> (Bootstrap 4 Cheat Sheet)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"https:\/\/medium.com\/@duhroach\/reducing-png-file-size-8473480d0476\">\u0423\u043c\u0435\u043d\u044c\u0448\u0430\u0435\u043c \u0440\u0430\u0437\u043c\u0435\u0440 PNG \u0444\u0430\u0439\u043b\u0430<\/a> (Reducing PNG file Size)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/www.sitepoint.com\/create-static-site-metalsmith\/\">\u041a\u0430\u043a \u0441\u043e\u0437\u0434\u0430\u0442\u044c \u0441\u0442\u0430\u0442\u0438\u0447\u0435\u0441\u043a\u0438\u0439 \u0441\u0430\u0439\u0442 \u0441 Metalsmith<\/a> (How to Create a Static Site with Metalsmith)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/www.sitepoint.com\/20-docs-guides-front-end-developers-8\/\">\u0414\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u044b \u0438 \u0440\u0443\u043a\u043e\u0432\u043e\u0434\u0441\u0442\u0432\u0430 \u0434\u043b\u044f Front-end \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u043e\u0432 (\u2116 8)<\/a> (20+ Docs and Guides for Front-end Developers (No. 8))<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/saijogeorge.com\/website-builders\/\">\u0421\u0431\u043e\u0440\u043d\u0438\u043a \u043e\u043d\u043b\u0430\u0439\u043d-\u0438\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u043e\u0432: \u043a\u043e\u043d\u0441\u0442\u0440\u0443\u043a\u0442\u043e\u0440\u044b \u0441\u0430\u0439\u0442\u043e\u0432, \u043b\u043e\u0433\u043e\u0442\u0438\u043f\u043e\u0432, \u043f\u0440\u043e\u0442\u043e\u0442\u0438\u043f\u043e\u0432, \u043b\u043e\u0433\u043e\u0442\u0438\u043f\u043e\u0432, \u0441\u0442\u0440\u0430\u043d\u0438\u0446 \u0438 \u0442.\u043f.<\/a><\/li>\n<li>SVG:<br \/> \n<ul>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/codepen.io\/eltonmesquita\/post\/svg-a-little-about-my-experience\">SVG: \u043d\u0435\u043c\u043d\u043e\u0433\u043e \u043e \u043c\u043e\u0435\u043c \u043e\u043f\u044b\u0442\u0435<\/a> (SVG: a little about my experience)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"https:\/\/www.codeschool.com\/blog\/2016\/04\/21\/styling-text-with-svg-filters\/\">\u0421\u0442\u0438\u043b\u0438\u0437\u0430\u0446\u0438\u044f \u0442\u0435\u043a\u0441\u0442\u0430 \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e SVG \u0444\u0438\u043b\u044c\u0442\u0440\u043e\u0432<\/a> (Styling Text With SVG Filters)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/thenewcode.com\/1072\/Radial-UI-Controls-with-HTML5-CSS-JS-and-SVG-Part-1\">\u0420\u0430\u0434\u0438\u0430\u043b\u044c\u043d\u044b\u0435 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u044b \u0443\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u044f \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e HTML5, CSS, JS \u0438 SVG<\/a><\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <img decoding=\"async\" alt=\"video\" src=\"https:\/\/habrastorage.org\/storage3\/976\/d3e\/38a\/976d3e38a34b003f86f91795524af9f8.gif\"\/> <a href=\"https:\/\/www.youtube.com\/watch?v=e68Gsal9acc\">\u041f\u0440\u0435\u043e\u0431\u0440\u0430\u0437\u043e\u0432\u0430\u043d\u0438\u0435 SVG \u0430\u043d\u0438\u043c\u0430\u0446\u0438 \u0432 GIF<\/a> (Convert SVG Animation to GIF)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/blog.cloudfour.com\/responsive-logo-composition-with-svg\/\">\u0410\u0434\u0430\u043f\u0442\u0438\u0432\u043d\u0430\u044f \u043a\u043e\u043c\u043f\u043e\u0437\u0438\u0446\u0438\u044f \u043b\u043e\u0433\u043e\u0442\u0438\u043f\u0430 \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e SVG<\/a> (Responsive Logo Composition With SVG)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/www.sitepoint.com\/boxy-svg-a-fast-simple-insanely-useful-svg-editor\/\">Boxy SVG: \u0431\u044b\u0441\u0442\u0440\u044b\u0439, \u043f\u0440\u043e\u0441\u0442\u043e\u0439, \u0431\u0435\u0441\u043f\u043b\u0430\u0442\u043d\u044b\u0439 \u0440\u0435\u0434\u0430\u043a\u0442\u043e\u0440 SVG<\/a> <\/li>\n<\/ul>\n<p>   <\/li>\n<li><a href=\"http:\/\/css-live.ru\/cssjssvg-s-podvypodvertom\/ezhenedelnaya-podborka-krasivyx-effektov-na-csssvgjs-34.html\">\u0415\u0436\u0435\u043d\u0435\u0434\u0435\u043b\u044c\u043d\u0430\u044f \u043f\u043e\u0434\u0431\u043e\u0440\u043a\u0430 \u043a\u0440\u0430\u0441\u0438\u0432\u044b\u0445 \u044d\u0444\u0444\u0435\u043a\u0442\u043e\u0432 \u043d\u0430 CSS\/SVG\/JS #34<\/a><\/li>\n<\/ul>\n<p>   <\/p>\n<h3><a name=\"css\"><\/a><img decoding=\"async\" src=\"https:\/\/habrastorage.org\/getpro\/habr\/post_images\/36c\/2c6\/966\/36c2c69660dd21085a2dcb71d7246ae6.gif\"\/> CSS<\/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\/post\/282079\/\">\u041d\u0438\u0437\u043a\u0438\u0439 FPS \u043f\u0440\u0438 \u043f\u0440\u043e\u043a\u0440\u0443\u0442\u043a\u0435 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b. \u0420\u0435\u0448\u0435\u043d\u0438\u0435 \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u044b background-attachment: fixed<\/a><\/li>\n<li><img decoding=\"async\" alt=\"habr\" src=\"https:\/\/habrastorage.org\/storage2\/c57\/b92\/af4\/c57b92af4ee0d37f787c211a068b1b95.png\"\/> <a href=\"https:\/\/habrahabr.ru\/company\/mailru\/blog\/282027\/\">Houdini: \u043e\u0434\u0438\u043d \u0438\u0437 \u0441\u0430\u043c\u044b\u0445 \u0432\u043f\u0435\u0447\u0430\u0442\u043b\u044f\u044e\u0449\u0438\u0445 \u043f\u0440\u043e\u0435\u043a\u0442\u043e\u0432 \u0432 CSS, \u043e \u043a\u043e\u0442\u043e\u0440\u043e\u043c \u0432\u044b \u043d\u0438\u043a\u043e\u0433\u0434\u0430 \u043d\u0435 \u0441\u043b\u044b\u0448\u0430\u043b\u0438<\/a><\/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\/04\/finally-css-javascript-meet-cssx\/\">\u041d\u0430\u043a\u043e\u043d\u0435\u0446-\u0442\u043e, CSS \u0432 JavaScript! \u0412\u0441\u0442\u0440\u0435\u0447\u0430\u0439\u0442\u0435 CSSX<\/a> (Finally, CSS In JavaScript! Meet CSSX)<\/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\/04\/you-might-not-need-a-css-framework\/\">\u0412\u043e\u0437\u043c\u043e\u0436\u043d\u043e, \u0432\u044b \u043d\u0435 \u043d\u0443\u0436\u0434\u0430\u0435\u0442\u0435\u0441\u044c \u0432 CSS \u0444\u0440\u0435\u0439\u043c\u0432\u043e\u0440\u043a\u0435<\/a> (You might not need a CSS framework)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/webdesign.tutsplus.com\/tutorials\/better-css-drop-caps-with-initial-letter--cms-26350\">\u0423\u043b\u0443\u0447\u0448\u0430\u0435\u043c \u0431\u0443\u043a\u0432\u0438\u0446\u0443 \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e \u201cinitial-letter\u201d<\/a> (Better CSS Drop Caps With \u201cinitial-letter\u201d)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"https:\/\/m.alphasights.com\/how-we-use-bem-to-modularise-our-css-82a0c39463b0\">Alphasights: \u043a\u0430\u043a \u043c\u044b \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u043c BEM \u0434\u043b\u044f \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u044f \u043c\u043e\u0434\u0443\u043b\u044c\u043d\u043e\u0433\u043e CSS<\/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\/stylelint\/\">\u0410\u043d\u0430\u043b\u0438\u0437\u0438\u0440\u0443\u0439\u0442\u0435 \u0432\u0430\u0448 CSS \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e stylelint<\/a><\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/cssmine.com\/flexbox-examples\">Flexbox: \u043f\u0440\u0430\u043a\u0442\u0438\u0447\u0435\u0441\u043a\u0438\u0435 \u043f\u0440\u0438\u043c\u0435\u0440\u044b<\/a><\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"https:\/\/medium.com\/@martin_adamko\/one-thing-every-css-framework-got-wrong-8ee19f547ca5\">\u041e\u0434\u043d\u0430 \u043e\u0448\u0438\u0431\u043a\u0430, \u043a\u043e\u0442\u043e\u0440\u0430\u044f \u0435\u0441\u0442\u044c \u043b\u044e\u0431\u043e\u043c CSS \u0444\u0440\u0435\u0439\u043c\u0432\u043e\u0440\u043a\u0435. \u0414\u0430\u0436\u0435 \u0432 \u0432\u0430\u0448\u0435\u043c<\/a> (One thing every CSS framework got wrong. Even yours.)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"https:\/\/medium.com\/@svilen\/getting-started-with-postcss-a-quick-guide-for-sass-users-90c8b675d5f4\">\u041d\u0430\u0447\u0438\u043d\u0430\u0435\u043c \u0440\u0430\u0431\u043e\u0442\u0430\u0442\u044c \u0441 PostCSS: \u0431\u044b\u0441\u0442\u0440\u043e\u0435 \u0440\u0443\u043a\u043e\u0432\u043e\u0434\u0441\u0442\u0432\u043e \u0434\u043b\u044f \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u0435\u0439 Sass<\/a><\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/bitsofco.de\/initial-inherit-unset-and-revert\/\">Initial, Inherit, Unset, and Revert<\/a><\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/maintainablecss.com\/\">MaintainableCSS<\/a> \u2014 \u043e\u0447\u0435\u0440\u0435\u0434\u043d\u0430\u044f \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u044f \u0434\u043b\u044f \u043d\u0430\u043f\u0438\u0441\u0430\u043d\u0438\u044f \u043c\u043e\u0434\u0443\u043b\u044c\u043d\u043e\u0433\u043e, \u043c\u0430\u0441\u0448\u0442\u0430\u0431\u0438\u0440\u0443\u0435\u043c\u043e\u0433\u043e \u0438 \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u0435\u043c\u043e\u0433\u043e CSS<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/engineering.khanacademy.org\/posts\/aphrodite-inline-css.htm\">Inline CSS \u0432 Khan Academy: Aphrodite<\/a><\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/callmenick.com\/post\/level-up-your-css-animations-with-cubic-bezier\">\u041f\u043e\u0432\u044b\u0448\u0430\u0435\u043c \u0432\u0430\u0448 \u0443\u0440\u043e\u0432\u0435\u043d\u044c CSS \u0430\u043d\u0438\u043c\u0430\u0446\u0438\u0438 \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e \u043a\u0440\u0438\u0432\u044b\u0445 \u0411\u0435\u044c\u0437\u0435<\/a> (Level Up Your CSS Animations with Cubic Bezier)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/www.flexboxpatterns.com\/home\">Flexbox Patterns &mdash; \u043f\u0440\u0438\u043c\u0435\u0440\u044b \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u044f Fexbox<\/a> (Build awesome user interfaces with CSS flexbox. Examples and source code included.)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"https:\/\/webdesignviews.com\/sticky-navigation-with-css\/\">\u041a\u0430\u043a \u0441\u043e\u0437\u0434\u0430\u0442\u044c \u00ab\u043f\u0440\u0438\u043b\u0438\u043f\u0430\u044e\u0449\u0443\u044e\u00bb \u043d\u0430\u0432\u0438\u0433\u0430\u0446\u0438\u044e \u0441 CSS<\/a> (How to Create Sticky Navigation with CSS)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/www.sitepoint.com\/data-types-in-sass\/\">\u0422\u0438\u043f\u044b \u0434\u0430\u043d\u043d\u044b\u0445 \u0432 Sass<\/a> (Data Types in Sass)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/andrewhfarmer.com\/what-are-css-modules\/\">\u0427\u0442\u043e \u0437\u0430 CSS Modules? \u0412\u0438\u0437\u0443\u0430\u043b\u044c\u043d\u043e\u0435 \u0432\u0432\u0435\u0434\u0435\u043d\u0438\u0435<\/a> (What are CSS Modules? A visual introduction.)<\/li>\n<\/ul>\n<p>   <\/p>\n<h3><a name=\"js\"><\/a><img decoding=\"async\" src=\"https:\/\/habrastorage.org\/getpro\/habr\/post_images\/49d\/04e\/fb9\/49d04efb96fb6ce31cde9be5dc12a874.gif\"\/> JavaScript<\/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\/post\/282041\/\">JS \u0417\u0430\u0433\u0440\u0443\u0437\u0447\u0438\u043a + \u0448\u0430\u0431\u043b\u043e\u043d\u0438\u0437\u0430\u0442\u043e\u0440 \u0438\u043b\u0438 \u0438\u0441\u0442\u043e\u0440\u0438\u044f \u043e\u0447\u0435\u0440\u0435\u0434\u043d\u043e\u0433\u043e \u0432\u0435\u043b\u0438\u043a\u0430<\/a><\/li>\n<li><img decoding=\"async\" alt=\"habr\" src=\"https:\/\/habrastorage.org\/storage2\/c57\/b92\/af4\/c57b92af4ee0d37f787c211a068b1b95.png\"\/> <a href=\"https:\/\/habrahabr.ru\/company\/mailru\/blog\/282149\/\"> \u041f\u0440\u0430\u0432\u0438\u043b\u044c\u043d\u0430\u044f \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0430 \u043e\u0448\u0438\u0431\u043e\u043a \u0432 JavaScript <\/a><\/li>\n<li><a href=\"http:\/\/frontender.info\/nan-is-not-a-not-a-number\/\">NaN \u044d\u0442\u043e \u043d\u0435 \u00ab\u043d\u0435 \u0447\u0438\u0441\u043b\u043e\u00bb<\/a><\/li>\n<li><a href=\"http:\/\/webtackles.ru\/javascript\/js-modules-beginners-guide\/\">JavaScript \u043c\u043e\u0434\u0443\u043b\u0438: \u0440\u0443\u043a\u043e\u0432\u043e\u0434\u0441\u0442\u0432\u043e \u0434\u043b\u044f \u043d\u0430\u0447\u0438\u043d\u0430\u044e\u0449\u0438\u0445<\/a><\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"https:\/\/medium.com\/@arsovik\/rethinking-modern-javascript-development-6aee92b860aa\">\u041f\u0435\u0440\u0435\u043e\u0441\u043c\u044b\u0441\u043b\u0435\u043d\u0438\u0435 \u0441\u043e\u0432\u0440\u0435\u043c\u0435\u043d\u043d\u043e\u0433\u043e Javascript. \u041c\u0430\u043b\u0435\u043d\u044c\u043a\u0438\u0435 \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0438, \u0434\u0435\u043b\u0430\u044e\u0449\u0438\u0435 \u0445\u043e\u0440\u043e\u0448\u043e \u043e\u0434\u043d\u0443 \u0432\u0435\u0449\u044c \u2014 \u044d\u0442\u043e \u0431\u043b\u0430\u0433\u043e\u0441\u043b\u043e\u0432\u0430\u043d\u0438\u0435 \u0438\u043b\u0438 \u043f\u0440\u043e\u043a\u043b\u044f\u0442\u044c\u0435? <\/a> (Rethinking modern JavaScript development)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/jrsinclair.com\/articles\/2016\/gentle-introduction-to-javascript-tdd-intro\/\">\u0412\u0435\u0436\u043b\u0438\u0432\u043e\u0435 \u0432\u0432\u0435\u0434\u0435\u043d\u0438\u0435 \u0432 Javascript TDD<\/a> (A Gentle Introduction to Javascript Test Driven Development: Part 1)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/blog.debugme.eu\/javascript-frameworks-for-2016\/\">\u0411\u0438\u0442\u0432\u0430 \u0437\u0430 JavaScript: 4 \u043b\u0438\u0434\u0438\u0440\u0443\u044e\u0449\u0438\u0445 \u0444\u0440\u0435\u0439\u043c\u0432\u043e\u0440\u043a\u0430<\/a> (Battle of JavaScript: The 4 Frameworks Leading the Pack)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/code.tutsplus.com\/tutorials\/the-future-of-javascript-2016-and-beyond--cms-26305\">\u0411\u0443\u0434\u0443\u0449\u0435\u0435 JavaScript: 2016-\u0439 \u0438 \u043f\u043e\u0441\u043b\u0435 \u043d\u0435\u0433\u043e<\/a> (The Future of JavaScript: 2016 and Beyond)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/lennydevelops.com\/javascript\/shouldnt-use-jquery-plain-javascript\">\u041f\u043e\u0447\u0435\u043c\u0443 \u0434\u043e\u043b\u0436\u043d\u044b \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u043d\u0435 jQuery, \u0430 \u043f\u0440\u043e\u0441\u0442\u043e\u0439 JS<\/a> (Why you shouldn\u2019t use jQuery but plain Javascript)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/www.sitepoint.com\/function-expressions-vs-declarations\/\">\u0411\u044b\u0441\u0442\u0440\u044b\u0439 \u0441\u043e\u0432\u0435\u0442: \u0444\u0443\u043d\u043a\u0446\u0438\u0438 \u0432\u044b\u0440\u0430\u0436\u0435\u043d\u0438\u044f \u043f\u0440\u043e\u0442\u0438\u0432 \u0444\u0443\u043d\u043a\u0446\u0438\u0439 \u0434\u0435\u043a\u043b\u0430\u0440\u0430\u0446\u0438\u0439<\/a> (Quick Tip: Function Expressions vs Function Declarations)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/www.sitepoint.com\/comprehensive-events-jquery\/\">\u041a\u043e\u043c\u043f\u043b\u0435\u043a\u0441\u043d\u044b\u0439 \u0432\u0437\u0433\u043b\u044f\u0434 \u043d\u0430 \u0441\u043e\u0431\u044b\u0442\u0438\u044f \u0432 jQuery<\/a> (A Comprehensive Look at Events in jQuery)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/webapplog.com\/you-dont-know-node\/\">\u0422\u044b \u043d\u0435 \u0437\u043d\u0430\u0435\u0448\u044c Node: \u0431\u044b\u0441\u0442\u0440\u043e\u0435 \u0432\u0432\u0435\u0434\u0435\u043d\u0438\u0435 \u0432 \u0444\u0443\u043d\u043a\u0446\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u043e\u0441\u0442\u044c \u044f\u0434\u0440\u0430<\/a> (You Don\u2019t Know Node: Quick Intro to Core Features)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/code.tutsplus.com\/tutorials\/parsing-a-csv-file-with-javascript--cms-25626\">\u041f\u0430\u0440\u0441\u0438\u043d\u0433 CSV \u0444\u0430\u0439\u043b\u0430 \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e JavaScript<\/a> (Parsing a CSV File With JavaScript)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"https:\/\/jack.ofspades.com\/developing-small-javascript-components-without-frameworks\/\">\u0420\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0430 \u043d\u0435\u0431\u043e\u043b\u044c\u0448\u0438\u0445 JS \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u043e\u0432 \u0411\u0415\u0417 \u0444\u0440\u0435\u0439\u043c\u0432\u043e\u0440\u043a\u043e\u0432. \u0412\u044b \u0442\u043e\u0436\u0435 \u043c\u043e\u0436\u0435\u0442\u0435 \u043f\u0438\u0441\u0430\u0442\u044c \u043d\u0430 \u0432\u0430\u043d\u0438\u043b\u044c\u043d\u043e\u043c JS!<\/a> (Developing small JavaScript components WITHOUT frameworks)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"https:\/\/medium.com\/@jayphelps\/lazydom-an-experiment-to-bring-virtual-dom-to-the-browser-natively-6a2f47096aca\">LazyDOM\u200a\u2014\u200a\u044d\u043a\u0441\u043f\u0435\u0440\u0438\u043c\u0435\u043d\u0442 \u043f\u043e \u043f\u0440\u0438\u0432\u043d\u0435\u0441\u0435\u043d\u0438\u044e \u0432\u0438\u0440\u0442\u0443\u0430\u043b\u044c\u043d\u043e\u0433\u043e DOM \u0432 \u0431\u0440\u0430\u0443\u0437\u0435\u0440 \u043d\u0430\u0442\u0438\u0432\u043d\u043e<\/a> (LazyDOM\u200a\u2014\u200aan experiment to bring virtual DOM to the browser natively)<\/li>\n<li>ES6\/ES7:<br \/> \n<ul>\n<li><a href=\"http:\/\/css-live.ru\/articles\/es6-eshhyo-o-lovushkax-proksi-iznutri.html\">ES6: \u0435\u0449\u0451 \u043e \u043b\u043e\u0432\u0443\u0448\u043a\u0430\u0445 \u043f\u0440\u043e\u043a\u0441\u0438 \u0438\u0437\u043d\u0443\u0442\u0440\u0438<\/a>. \u041f\u0435\u0440\u0435\u0432\u043e\u0434 \u0441\u0442\u0430\u0442\u044c\u0438 <a href=\"https:\/\/ponyfoo.com\/articles\/more-es6-proxy-traps-in-depth\">More ES6 Proxy Traps in Depth<\/a> \u0441\u043e\u043e\u0431\u0449\u0435\u0441\u0442\u0432\u043e\u043c <a href=\"http:\/\/css-live.ru\/\">css-live.ru<\/a> <\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"https:\/\/blog.jscrambler.com\/creating-modules-javascript-es7-babel\/\">\u0421\u043e\u0437\u0434\u0430\u043d\u0438\u0435 \u043c\u043e\u0434\u0443\u043b\u0435\u0439 \u0432 JavaScript \u0441 ES7 \u0438 Babel<\/a> (Creating Modules in JavaScript with ES7 and Babel)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> \u041b\u0443\u0447\u0448\u0438\u0439 JavaScript \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e ES6 <a href=\"https:\/\/scotch.io\/tutorials\/better-javascript-with-es6-pt-ii-a-deep-dive-into-classes\">Pt. II: A Deep Dive into Classes<\/a>, <a href=\"https:\/\/scotch.io\/tutorials\/better-javascript-with-es6-pt-iii-cool-collections-slicker-strings\">Pt. III: Cool Collections &#038; Slicker Strings<\/a><\/li>\n<\/ul>\n<p>   <\/li>\n<li>\u0424\u0440\u0435\u0439\u043c\u0432\u043e\u0440\u043a\u0438:<br \/> \n<ul>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"https:\/\/medium.com\/@sapegin\/react-amsterdam-2016-20e1052b09f1\">React Amsterdam 2016<\/a>. \u041d\u0435\u0431\u043e\u043b\u044c\u0448\u043e\u0439 \u043e\u0431\u0437\u043e\u0440 \u043e\u0442 \u0410\u0440\u0442\u0435\u043c\u0430 \u0421\u0430\u043f\u0435\u0433\u0438\u043d\u0430<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"https:\/\/medium.com\/@kitze\/lessons-learned-at-react-amsterdam-51f2006c4a59\">\u0423\u0440\u043e\u043a\u0438, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u044f \u0432\u044b\u043d\u0435\u0441 \u0441 React Amsterdam<\/a> (Lessons learned at React Amsterdam)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"https:\/\/code.facebook.com\/posts\/597378980427792\/react-native-a-year-in-review\">React Native: \u043e\u0431\u0437\u043e\u0440 \u0433\u043e\u0434\u0430<\/a> (React Native: A year in review)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"https:\/\/github.com\/thejameskyle\/babel-react-optimize\">Babel React Optimize<\/a><\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/blog.backand.com\/angular-2-vs-react\/\">Angular 2 Vs. React<\/a><\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/angularjs.blogspot.com\/2016\/04\/angular-2-react-native.html\">Angular 2 + React Native<\/a><\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/thefullstack.xyz\/history-express-javascript-framework\/\">\u041d\u0435\u0432\u0435\u0440\u043e\u044f\u0442\u043d\u0430\u044f \u0438\u0441\u0442\u043e\u0440\u0438\u044f JavaScript \u0444\u0440\u0435\u0439\u043c\u0432\u043e\u0440\u043a\u0430 Express<\/a> (The Unbelievable History of the Express JavaScript Framework)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/blog.teamtreehouse.com\/26017-2\">\u0421\u0431\u043e\u0440\u043a\u0430 Angular \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e webpack<\/a> (Bundling Angular with webpack)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"https:\/\/medium.com\/@firasd\/quick-start-tutorial-universal-react-with-server-side-rendering-76fe5363d6e\">\u0411\u044b\u0441\u0442\u0440\u044b\u0439 \u0443\u0440\u043e\u043a: \u0443\u043d\u0438\u0432\u0435\u0440\u0441\u0430\u043b\u044c\u043d\u044b\u0439 React, \u0441 \u0440\u0435\u043d\u0434\u0435\u0440\u0438\u043d\u0433\u043e\u043c \u043d\u0430 \u0441\u0435\u0440\u0432\u0435\u0440\u0435<\/a> (Quick Start Tutorial: Universal React, with Server Side Rendering)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"https:\/\/medium.com\/javascript-inside\/testing-in-react-getting-off-the-ground-5f569f3088a\">\u0422\u0435\u0441\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435 \u0432 React: \u0441\u0442\u0430\u0440\u0442\u0443\u0435\u043c<\/a> (Testing in React: Getting Off The Ground)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/developer.telerik.com\/content-types\/tutorials\/super-fast-setup-angular-2-components-component-router\/\">\u0411\u044b\u0441\u0442\u0440\u0430\u044f \u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0430 Angular 2 \u0441 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0430\u043c\u0438 \u0438 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u043e\u043c \u0440\u043e\u0443\u0442\u0435\u0440\u043e\u043c<\/a> (A Fast Angular 2 Setup with Components and the Component Router)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <img decoding=\"async\" alt=\"video\" src=\"https:\/\/habrastorage.org\/storage3\/976\/d3e\/38a\/976d3e38a34b003f86f91795524af9f8.gif\"\/> <a href=\"https:\/\/www.youtube.com\/playlist?list=PL4eq2DPpyBblc8aQAd516-jGMdAhEeUiW#emberconf2016\">\u0412\u0438\u0434\u0435\u043e \u0441 EmberConf 2016<\/a><\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <img decoding=\"async\" alt=\"video\" src=\"https:\/\/habrastorage.org\/storage3\/976\/d3e\/38a\/976d3e38a34b003f86f91795524af9f8.gif\"\/> <a href=\"https:\/\/www.youtube.com\/watch?v=Z7KIIDW9nZQ\">EmberConf 2016: \u0431\u043e\u043d\u0443\u0441\u043d\u043e\u0435 \u0432\u0438\u0434\u0435\u043e \u2014 \u041a\u0430\u043a \u043d\u0430\u0447\u0430\u0442\u044c Ember \u0440\u0435\u0432\u043e\u043b\u044e\u0446\u0438\u044e \u043e\u0442 Patrick O&#8217;Doherty<\/a> (How to Start an Ember Revolution by Patrick O&#8217;Doherty)<\/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=\"http:\/\/humaan.com\/modaal\/\">Modaal <\/a> \u2014 \u043d\u043e\u0432\u044b\u0439 \u043f\u043b\u0430\u0433\u0438\u043d \u0434\u043b\u044f \u043c\u043e\u0434\u0443\u043b\u044c\u043d\u044b\u0445 \u043e\u043a\u043e\u043d \u0441 \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u043e\u0439 \u0434\u043e\u0441\u0442\u0443\u043f\u043d\u043e\u0441\u0442\u0438 WCAG 2.0 Level AA<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"https:\/\/github.com\/adriantoine\/kewler\">kewler &mdash; \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0430 \u0434\u043b\u044f \u0440\u0430\u0431\u043e\u0442\u044b \u0441 \u0446\u0432\u0435\u0442\u0430\u043c\u0438 \u0432 HEX \u0444\u043e\u0440\u043c\u0430\u0442\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\/pharzan\/promiseRunner\">Promise Runner &mdash; \u0434\u043b\u044f \u0440\u0430\u0431\u043e\u0442\u044b \u0441 \u0444\u0443\u043d\u043a\u0446\u0438\u044f\u043c\u0438 \u0432 \u0430\u0441\u0438\u043d\u0445\u0440\u043e\u043d\u043d\u043e\u043c \u0441\u0442\u0438\u043b\u0435<\/a> (Promise Runner: a simple promise maker which creates promises out of normal functions when you need asynchronous run of the functions)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/ncrafts.github.io\/tabular-input\/\">\u0422\u0435\u043a\u0441\u0442\u043e\u0432\u044b\u0435 \u043f\u043e\u043b\u044f \u0432 \u0441\u0442\u0438\u043b\u0435 Excel<\/a> (Tabular Input Fields)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"https:\/\/github.com\/changbenny\/scrollbear\">Scrollbear<\/a> &mdash; \u0441\u0432\u043e\u0435\u0432\u0440\u0435\u043c\u0435\u043d\u043d\u043e \u043e\u0431\u043d\u043e\u0432\u043b\u044f\u0435\u0442 \u043f\u043e\u0437\u0438\u0446\u0438\u044e \u043f\u043e\u043b\u043e\u0441\u044b \u043f\u0440\u043e\u043a\u0440\u0443\u0442\u043a\u0438 \u043f\u0440\u0438 \u0437\u0430\u0433\u0440\u0443\u0437\u043a\u0435 \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0439, \u0443\u0441\u0442\u0440\u0430\u043d\u044f\u044f \u044d\u0444\u0444\u0435\u043a\u0442 \u00ab\u043f\u0440\u044b\u0433\u0430\u044e\u0449\u0435\u0433\u043e\u00bb \u0442\u0435\u043a\u0441\u0442\u0430<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"https:\/\/github.com\/bevacqua\/beautify-text\">beautify-text<\/a> &mdash; \u0430\u0432\u0442\u043e\u0440\u0430\u0441\u0441\u0442\u0430\u043d\u043e\u0432\u043a\u0430 \u0437\u043d\u0430\u043a\u043e\u0432 \u043f\u0440\u0435\u043f\u0438\u043d\u0430\u043d\u0438\u0439 \u0438 \u043a\u0430\u0432\u044b\u0447\u0435\u043a<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"https:\/\/github.com\/fergiemcdowall\/search-index\">search-index<\/a> &mdash; \u043f\u043e\u043b\u043d\u043e\u0442\u0435\u043a\u0441\u0442\u043e\u0432\u044b\u0439 \u043f\u043e\u0438\u0441\u043a\u043e\u0432\u044b\u0439 \u043c\u0435\u0445\u0430\u043d\u0438\u0437\u043c \u0434\u043b\u044f \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0430 \u0438 Node.js<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"https:\/\/nexts.github.io\/Multiple.js\/\">Multiple.js &mdash; \u044d\u043a\u0441\u043f\u0435\u0440\u0438\u043c\u0435\u043d\u0442 \u0441 \u043e\u0431\u0449\u0438\u043c \u0444\u043e\u043d\u043e\u043c \u0434\u043b\u044f \u0440\u0430\u0437\u043b\u0438\u0447\u043d\u044b\u0445 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u043e\u0432<\/a><\/li>\n<\/ul>\n<p>   <\/li>\n<\/ul>\n<p>   <\/p>\n<h3>\u0411\u0440\u0430\u0443\u0437\u0435\u0440\u044b<\/h3>\n<p>   <\/p>\n<ul>\n<li><a href=\"https:\/\/geektimes.ru\/post\/274731\/\">Opera \u0432\u0441\u0442\u0440\u043e\u0438\u043b\u0430 \u0432 \u0431\u0440\u0430\u0443\u0437\u0435\u0440 \u0431\u0435\u0441\u043f\u043b\u0430\u0442\u043d\u044b\u0439 VPN<\/a><\/li>\n<li><a href=\"http:\/\/www.searchengines.ru\/news\/archives\/yandeks_konstruktor.html\">\u042f\u043d\u0434\u0435\u043a\u0441 \u0432\u044b\u043f\u0443\u0441\u0442\u0438\u043b \u041a\u043e\u043d\u0441\u0442\u0440\u0443\u043a\u0442\u043e\u0440 \u043e\u0431\u043d\u043e\u0432\u043b\u0435\u043d\u0438\u044f \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u043e\u0432<\/a><\/li>\n<li><a href=\"http:\/\/www.cossa.ru\/news\/244\/127328\/\">Google Chrome \u0437\u0430\u0441\u0442\u0430\u0432\u0438\u043b \u0437\u0430\u0434\u0443\u043c\u0430\u0442\u044c\u0441\u044f \u043e \u043f\u0440\u043e\u043a\u0440\u0430\u0441\u0442\u0438\u043d\u0430\u0446\u0438\u0438 \u0432 \u0441\u043e\u0446\u0441\u0435\u0442\u044f\u0445<\/a><\/li>\n<li><a href=\"https:\/\/vc.ru\/n\/mobile-chrome-billion\">\u0410\u0443\u0434\u0438\u0442\u043e\u0440\u0438\u044f \u043c\u043e\u0431\u0438\u043b\u044c\u043d\u043e\u0439 \u0432\u0435\u0440\u0441\u0438\u0438 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0430 Chrome \u043f\u0440\u0435\u0432\u044b\u0441\u0438\u043b\u0430 1 \u043c\u043b\u0440\u0434 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u0435\u0439<\/a><\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"https:\/\/channel9.msdn.com\/Events\/WebPlatformSummit\/edgesummit2016\/ES1614\">\u0421\u043e\u0437\u0434\u0430\u043d\u0438\u0435 \u0440\u0430\u0441\u0448\u0438\u0440\u0435\u043d\u0438\u0439 \u0434\u043b\u044f Microsoft Edge<\/a> (Building Extensions for Microsoft Edge)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"https:\/\/channel9.msdn.com\/Events\/WebPlatformSummit\/edgesummit2016\/ES1610\">F12 Edge Developer Tools<\/a><\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"https:\/\/blogs.windows.com\/msedgedev\/2016\/04\/18\/webm-vp9-and-opus-support-in-microsoft-edge\/\">\u041f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u0430 WebM, VP9 \u0438 Opus \u0432 Microsoft Edge<\/a><\/li>\n<\/ul>\n<p>   <\/p>\n<h3><a name=\"design\"><\/a><img decoding=\"async\" src=\"https:\/\/habrastorage.org\/getpro\/habr\/post_images\/a27\/ea0\/6f7\/a27ea06f7d56f6b750420fcbc5c63da8.gif\"\/> \u0414\u0438\u0437\u0430\u0439\u043d<\/h3>\n<p>   <\/p>\n<ul>\n<li><a href=\"https:\/\/spark.ru\/startup\/webest\/blog\/14965\/dizajn-logotipa-dlya-adaptivnih-sajtov?from=vc\">\u0414\u0438\u0437\u0430\u0439\u043d \u043b\u043e\u0433\u043e\u0442\u0438\u043f\u0430 \u0434\u043b\u044f \u0430\u0434\u0430\u043f\u0442\u0438\u0432\u043d\u044b\u0445 \u0441\u0430\u0439\u0442\u043e\u0432<\/a><\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/blogs.adobe.com\/dreamweaver\/2016\/04\/the-importance-of-whitespace-in-web-design.html\">\u0412\u0430\u0436\u043d\u043e\u0441\u0442\u044c \u0431\u0435\u043b\u043e\u0433\u043e \u043f\u0440\u043e\u0441\u0442\u0440\u0430\u043d\u0441\u0442\u0432\u0430 \u0432 \u0432\u0435\u0431-\u0434\u0438\u0437\u0430\u0439\u043d\u0435<\/a> (The Importance of Whitespace in Web Design)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/designobserver.com\/feature\/the-future-of-typography\/39206\/\">\u0411\u0443\u0434\u0443\u0449\u0435\u0435 \u0442\u0438\u043f\u043e\u0433\u0440\u0430\u0444\u0438\u043a\u0438<\/a> (The Future of Typography)<\/li>\n<li><a href=\"http:\/\/sketchapp.me\/plagin-animatemate-sozdanie-animacii-pryamo-v-sketch\/\">\u041f\u043b\u0430\u0433\u0438\u043d AnimateMate, \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u0435 \u0430\u043d\u0438\u043c\u0430\u0446\u0438\u0438 \u043f\u0440\u044f\u043c\u043e \u0432 Sketch<\/a><\/li>\n<li><a href=\"http:\/\/sketchapp.me\/prototipirovanie-ios-prilozheniya-v-sketch-i-flinto-chast-1\/\">\u041f\u0440\u043e\u0442\u043e\u0442\u0438\u043f\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435 iOS-\u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u0432 Sketch \u0438 Flinto: \u0447\u0430\u0441\u0442\u044c 1<\/a><\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/alistapart.com\/article\/ooux-a-foundation-for-interaction-design\">OOUX: \u041e\u0441\u043d\u043e\u0432\u0430 \u0438\u043d\u0442\u0435\u0440\u0430\u043a\u0442\u0438\u0432\u043d\u043e\u0433\u043e \u0434\u0438\u0437\u0430\u0439\u043d\u0430<\/a> (OOUX: A Foundation for Interaction Design)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/www.webdesignerdepot.com\/2016\/04\/what-does-simplicity-in-ux-design-look-like\/\">\u041a\u0430\u043a \u0432\u044b\u0433\u043b\u044f\u0434\u0438\u0442 \u043f\u0440\u043e\u0441\u0442\u043e\u0442\u0430 \u0432 UX \u0434\u0438\u0437\u0430\u0439\u043d\u0435?<\/a> (What does simplicity in UX design look like?)<\/li>\n<li><a href=\"http:\/\/www.dejurka.ru\/web-design\/space-in-web-design-2\/\">\u041a\u043e\u0441\u043c\u043e\u0441 \u0432 \u0432\u0435\u0431-\u0434\u0438\u0437\u0430\u0439\u043d\u0435<\/a><\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"https:\/\/medium.com\/@tristanminor\/how-to-be-more-organized-while-designing-ui-90d2d69cfb4f#.t5ztzb64b\">\u041a\u0430\u043a \u0431\u044b\u0442\u044c \u0431\u043e\u043b\u0435\u0435 \u043e\u0440\u0433\u0430\u043d\u0438\u0437\u043e\u0432\u0430\u043d\u043d\u044b\u043c \u043f\u0440\u0438 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0435 UI<\/a> (How To Be More Organized While Designing UI)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/www.webdesignerdepot.com\/2016\/04\/using-atomic-design-in-modern-web-development\/\">\u0418\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435 Atomic \u0434\u0438\u0437\u0430\u0439\u043d\u0430 \u0432 \u0441\u043e\u0432\u0440\u0435\u043c\u0435\u043d\u043d\u043e\u0439 \u0432\u0435\u0431-\u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0435<\/a> (Using Atomic Design in modern web development)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/www.sitepoint.com\/epic-ux-fails\/\">\u042d\u043f\u0438\u0447\u0435\u0441\u043a\u0438\u0435 \u043d\u0435\u0443\u0434\u0430\u0447\u0438 \u0441 UX (\u0438 \u043a\u0430\u043a\u0438\u0435 \u0443\u0440\u043e\u043a\u0438 \u043c\u044b \u043c\u043e\u0436\u0435\u043c \u0438\u0437 \u044d\u0442\u043e\u0433\u043e \u0438\u0437\u0432\u043b\u0435\u0447\u044c)<\/a> (Epic UX Fails (and the Lessons We Can Learn))<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/www.underconsideration.com\/brandnew\/archives\/new_logo_and_identity_by_and_for_o_street.php\">\u041d\u043e\u0432\u044b\u0439 \u043b\u043e\u0433\u043e\u0442\u0438\u043f \u0438 \u0430\u0439\u0434\u0435\u043d\u0442\u0438\u043a\u0430 \u0434\u043b\u044f O Street<\/a> (New Logo and Identity by and for O Street)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"https:\/\/www.macstories.net\/stories\/ios-10-wishes\/\">iOS 10: \u043f\u043e\u0436\u0435\u043b\u0430\u043d\u0438\u044f \u0438 \u0432\u0438\u0434\u0435\u043e \u043a\u043e\u043d\u0446\u0435\u043f\u0442\u0430<\/a> (iOS 10: Wishes and Concept Video)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"https:\/\/medium.com\/shopify-ux\/creative-south-2016-workshop-21a326739e78\">\u0418\u0441\u0442\u043e\u0440\u0438\u044f \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u044f \u043d\u0430\u0431\u043e\u0440\u0430 \u0438\u043b\u043b\u044e\u0441\u0442\u0440\u0430\u0446\u0438\u0439 \u043d\u0430 \u0442\u0435\u043c\u0443 \u00ab\u0417\u0432\u0435\u0437\u0434\u043d\u044b\u0435 \u0432\u043e\u0439\u043d\u044b\u00bb<\/a> (From a Gallery Far Far Away | CS16 Workshop)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/breakthissafe.com\/\">\u0418\u0441\u0442\u043e\u0440\u0438\u044f \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u044f \u0438\u0433\u0440\u044b \u0434\u043b\u044f Apple \u0447\u0430\u0441\u043e\u0432 \u00abBreak this Safe\u00bb<\/a> (Break this Safe)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"https:\/\/medium.com\/eightshapes-llc\/color-in-design-systems-a1c80f65fa3\">\u0426\u0432\u0435\u0442 \u0432 \u0441\u0438\u0441\u0442\u0435\u043c\u0430\u0445 \u0434\u0438\u0437\u0430\u0439\u043d\u0430<\/a> (Color in Design Systems)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/airbnb.design\/live-there\/\">\u041a\u0430\u043a \u043c\u044b \u0441\u0434\u0435\u043b\u0430\u043b\u0438 \u0440\u0435\u0434\u0438\u0437\u0430\u0439\u043d Airbnb<\/a> (The Way We Build: Airbnb Design)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"https:\/\/medium.com\/@quant_ux\/how-people-unmask-passwords-102276c7d803\">\u041a\u0430\u043a \u043b\u044e\u0434\u0438 \u043e\u0442\u043a\u0440\u044b\u0432\u0430\u044e\u0442 \u043f\u0430\u0440\u043e\u043b\u0438 \u0432 \u0442\u0435\u043a\u0441\u0442\u043e\u0432\u043e\u043c \u043f\u043e\u043b\u0435<\/a> (How people unmask passwords)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/email-toolbox.com\/\">\u041e\u0442\u0431\u043e\u0440\u043d\u044b\u0435 \u0440\u0435\u0441\u0443\u0440\u0441\u044b \u0434\u043b\u044f \u043c\u0430\u0440\u043a\u0435\u0442\u043e\u043b\u043e\u0433\u043e\u0432 \u0438 \u0434\u0438\u0437\u0430\u0439\u043d\u0435\u0440\u043e\u0432<\/a> (Email Toolbox)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"https:\/\/medium.com\/sketch-app-sources\/prototyping-just-went-to-the-next-level-with-framer-9e57dd1d43f\">\u041f\u0440\u043e\u0442\u043e\u0442\u0438\u043f\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435 \u043d\u0430 \u043d\u043e\u0432\u043e\u043c \u0443\u0440\u043e\u0432\u043d\u0435 \u0441 Framer<\/a> (Prototyping just went to the next level with Framer)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"https:\/\/medium.com\/user-experience-design-1\/why-spotify-s-navigation-is-broken-ce6b4783539d\">\u041f\u043e\u0447\u0435\u043c\u0443 \u043d\u0430\u0432\u0438\u0433\u0430\u0446\u0438\u044f Spotify \u043f\u043e\u043b\u043e\u043c\u0430\u043d\u0430<\/a> (Why Spotify\u2019s navigation is broken)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/www.sitepoint.com\/sketch-tips-how-to-share-artboards-with-your-team\/\">#SketchTip: \u041a\u0430\u043a \u0434\u0435\u043b\u0438\u0442\u044c\u0441\u044f Artboards \u0441 \u0432\u0430\u0448\u0435\u0439 \u043a\u043e\u043c\u0430\u043d\u0434\u043e\u0439<\/a> (#SketchTip: How to Share Artboards with Your Team)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/www.sitepoint.com\/10-photoshop-plugins-to-speed-up-your-web-designs\/\">\u0414\u0435\u0441\u044f\u0442\u044c \u043f\u043b\u0430\u0433\u0438\u043d\u043e\u0432 \u043a \u0444\u043e\u0442\u043e\u0448\u043e\u043f\u0443 \u0434\u043b\u044f \u0443\u0441\u043a\u043e\u0440\u0435\u043d\u0438\u044f \u0440\u0430\u0431\u043e\u0442\u044b \u0441 \u0432\u0435\u0431-\u0434\u0438\u0437\u0430\u0439\u043d\u043e\u043c<\/a> (10 Photoshop Plugins to Speed up Your Web Designs)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/ilovetypography.com\/2016\/04\/18\/the-first-roman-fonts\/\">\u041f\u0435\u0440\u0432\u044b\u0435 \u0440\u043e\u043c\u0430\u043d\u0441\u043a\u0438\u0435 \u0448\u0440\u0438\u0444\u0442\u044b<\/a> (The First Roman Fonts)<\/li>\n<\/ul>\n<p>   <\/p>\n<h3><a name=\"intresting\"><\/a><img decoding=\"async\" src=\"https:\/\/habrastorage.org\/getpro\/habr\/post_images\/d4b\/289\/ef0\/d4b289ef0a00e969108c25d0c3d75f58.gif\"\/> \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:\/\/itc.ua\/news\/microsoft-google-dogovorilis-prekratit-regulyatornyie-razbiratelstva-drug-protiv-druga\/\">Microsoft \u0438 Google \u0434\u043e\u0433\u043e\u0432\u043e\u0440\u0438\u043b\u0438\u0441\u044c \u043f\u0440\u0435\u043a\u0440\u0430\u0442\u0438\u0442\u044c \u0440\u0435\u0433\u0443\u043b\u044f\u0442\u043e\u0440\u043d\u044b\u0435 \u0440\u0430\u0437\u0431\u0438\u0440\u0430\u0442\u0435\u043b\u044c\u0441\u0442\u0432\u0430 \u0434\u0440\u0443\u0433 \u043f\u0440\u043e\u0442\u0438\u0432 \u0434\u0440\u0443\u0433\u0430<\/a><\/li>\n<li><a href=\"http:\/\/keddr.com\/2016\/04\/kompaniya-apple-obnovila-macbook-i-macbook-air\/\">\u041a\u043e\u043c\u043f\u0430\u043d\u0438\u044f Apple \u043e\u0431\u043d\u043e\u0432\u0438\u043b\u0430 MacBook \u0438 MacBook Air<\/a><\/li>\n<li><a href=\"https:\/\/xakep.ru\/2016\/04\/22\/applocker-bypass\/\">\u041a\u043e\u043c\u0430\u043d\u0434\u0430 \u0434\u043b\u044f \u043e\u0431\u0445\u043e\u0434\u0430 Windows AppLocker \u0443\u043c\u0435\u0449\u0430\u0435\u0442\u0441\u044f \u0432 \u043e\u0434\u0438\u043d \u0442\u0432\u0438\u0442<\/a><\/li>\n<li><a href=\"https:\/\/xakep.ru\/2016\/04\/22\/fbr-million-dollars-hack\/\">\u0424\u0411\u0420 \u0437\u0430\u043f\u043b\u0430\u0442\u0438\u043b\u043e \u0437\u0430 \u0432\u0437\u043b\u043e\u043c iPhone \u0442\u0435\u0440\u0440\u043e\u0440\u0438\u0441\u0442\u0430 \u0431\u043e\u043b\u0435\u0435 \u043c\u0438\u043b\u043b\u0438\u043e\u043d\u0430 \u0434\u043e\u043b\u043b\u0430\u0440\u043e\u0432<\/a><\/li>\n<li><a href=\"http:\/\/www.searchengines.ru\/news\/archives\/aktsii_alphabet.html\">\u0410\u043a\u0446\u0438\u0438 Alphabet \u043f\u043e\u0434\u0435\u0448\u0435\u0432\u0435\u043b\u0438 \u043d\u0430 6% \u043f\u043e\u0441\u043b\u0435 \u043e\u0442\u0447\u0451\u0442\u0430 \u0437\u0430 I \u043a\u0432\u0430\u0440\u0442\u0430\u043b 2016 \u0433\u043e\u0434\u0430<\/a><\/li>\n<li><a href=\"http:\/\/www.searchengines.ru\/news\/archives\/google_nachal_f.html\">Google \u043d\u0430\u0447\u0430\u043b \u0444\u043e\u0440\u043c\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0431\u044b\u0441\u0442\u0440\u044b\u0435 \u043e\u0442\u0432\u0435\u0442\u044b \u0438\u0437 \u043a\u043e\u043c\u043c\u0435\u043d\u0442\u0430\u0440\u0438\u0435\u0432 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u0435\u0439<\/a><\/li>\n<li><a href=\"http:\/\/www.searchengines.ru\/news\/archives\/google_razrabot.html\">Google \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0430\u043b \u0441\u0442\u0440\u0430\u0442\u0435\u0433\u0438\u044e \u043f\u043e\u043c\u043e\u0449\u0438 \u0432\u043b\u0430\u0434\u0435\u043b\u044c\u0446\u0430\u043c \u0432\u0437\u043b\u043e\u043c\u0430\u043d\u043d\u044b\u0445 \u0441\u0430\u0439\u0442\u043e\u0432<\/a><\/li>\n<li><a href=\"http:\/\/kanobu.ru\/articles\/kak-popast-v-bolshoj-kibersport-369412\/\">\u041a\u0430\u043a \u043f\u043e\u043f\u0430\u0441\u0442\u044c \u0432 \u0431\u043e\u043b\u044c\u0448\u043e\u0439 \u043a\u0438\u0431\u0435\u0440\u0441\u043f\u043e\u0440\u0442?<\/a><\/li>\n<li><a href=\"http:\/\/ain.ua\/2016\/04\/20\/644608\">\u0422\u043e\u043f-5 \u043b\u0443\u0447\u0448\u0438\u0445 \u0441\u0442\u0430\u0440\u0442\u0430\u043f\u043e\u0432 \u043f\u043e \u0438\u0442\u043e\u0433\u0430\u043c 2015 \u0433\u043e\u0434\u0430<\/a><\/li>\n<li><a href=\"http:\/\/itc.ua\/news\/sverhtonkie-svetodiodyi-pozvolyat-sozdavat-nosimyie-na-kozhe-elektronnyie-ustroystva\/\">\u0421\u0432\u0435\u0440\u0445\u0442\u043e\u043d\u043a\u0438\u0435 \u0441\u0432\u0435\u0442\u043e\u0434\u0438\u043e\u0434\u044b \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u0442 \u0441\u043e\u0437\u0434\u0430\u0432\u0430\u0442\u044c \u043d\u043e\u0441\u0438\u043c\u044b\u0435 \u043d\u0430 \u043a\u043e\u0436\u0435 \u044d\u043b\u0435\u043a\u0442\u0440\u043e\u043d\u043d\u044b\u0435 \u0443\u0441\u0442\u0440\u043e\u0439\u0441\u0442\u0432\u0430<\/a><\/li>\n<li><a href=\"http:\/\/www.computerra.ru\/145357\/biotekh-zakony-rosta\/\">\u0411\u0438\u043e\u0442\u0435\u0445: \u0437\u0430\u043a\u043e\u043d\u044b \u0440\u043e\u0441\u0442\u0430<\/a><\/li>\n<li><a href=\"https:\/\/vc.ru\/p\/the-facebook-internet\">\u00abFacebook \u0445\u043e\u0447\u0435\u0442 \u0441\u0442\u0430\u0442\u044c \u043d\u043e\u0432\u044b\u043c \u0438\u043d\u0442\u0435\u0440\u043d\u0435\u0442\u043e\u043c\u00bb<\/a><\/li>\n<li><a href=\"http:\/\/blogerator.ru\/page\/google\">\u0412\u0441\u044f \u043f\u0440\u0430\u0432\u0434\u0430 \u043e \u0441\u043e\u0431\u0435\u0441\u0435\u0434\u043e\u0432\u0430\u043d\u0438\u044f\u0445 \u0432 Google: \u0437\u0430 \u043f\u0440\u0435\u0434\u0435\u043b\u0430\u043c\u0438 NDA<\/a><\/li>\n<\/ul>\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\/281789\/\">\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>.               <\/p>\n<div class=\"clear\"><\/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=\"https:\/\/habrahabr.ru\/post\/282325\/\"> https:\/\/habrahabr.ru\/post\/282325\/<\/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\u043d\u0442\u0435\u0440\u0435\u0441\u043d\u044b\u0435 \u043c\u0430\u0442\u0435\u0440\u0438\u0430\u043b\u044b \u0438 IT-\u043d\u043e\u0432\u043e\u0441\u0442\u0438<\/p>\n<p>  <img decoding=\"async\" src=\"https:\/\/habrastorage.org\/files\/ef8\/4fb\/10b\/ef84fb10be354694b11e44d3125fb663.png\"\/>  <\/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-278940","post","type-post","status-publish","format-standard","hentry"],"_links":{"self":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/posts\/278940","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=278940"}],"version-history":[{"count":0,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/posts\/278940\/revisions"}],"wp:attachment":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=278940"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=278940"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=278940"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}