{"id":254041,"date":"2015-03-30T02:00:11","date_gmt":"2015-03-29T22:00:11","guid":{"rendered":"http:\/\/savepearlharbor.com\/?p=254041"},"modified":"-0001-11-30T00:00:00","modified_gmt":"-0001-11-29T21:00:00","slug":"","status":"publish","type":"post","link":"https:\/\/savepearlharbor.com\/?p=254041","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 \u2116153 (22 \u2014 29 \u043c\u0430\u0440\u0442\u0430 2015)"},"content":{"rendered":"<p>     \t\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. \u0421\u0435\u0433\u043e\u0434\u043d\u044f \u0432 \u0441\u043b\u0435\u0433\u043a\u0430 \u0441\u043e\u043a\u0440\u0430\u0449\u0435\u043d\u043d\u043e\u043c \u0432\u0430\u0440\u0438\u0430\u043d\u0442\u0435.<\/p>\n<p>  <img decoding=\"async\" src=\"http:\/\/habrastorage.org\/files\/3dc\/c45\/b15\/3dcc45b152044f31a5bca020a6450d27.png\"\/><br \/>  <a name=\"habracut\"><\/a><\/p>\n<h3><img decoding=\"async\" src=\"http:\/\/habr.habrastorage.org\/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><img decoding=\"async\" alt=\"habr\" src=\"http:\/\/habrastorage.org\/storage2\/c57\/b92\/af4\/c57b92af4ee0d37f787c211a068b1b95.png\"\/> <a href=\"http:\/\/habrahabr.ru\/post\/253805\/\">\u0414\u0438\u043d\u0430\u043c\u0438\u0447\u0435\u0441\u043a\u043e\u0435 \u043e\u0431\u043d\u043e\u0432\u043b\u0435\u043d\u0438\u0435 \u0432\u0435\u0431-\u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b<\/a><\/li>\n<li><img decoding=\"async\" alt=\"habr\" src=\"http:\/\/habrastorage.org\/storage2\/c57\/b92\/af4\/c57b92af4ee0d37f787c211a068b1b95.png\"\/> <a href=\"http:\/\/habrahabr.ru\/company\/2gis\/blog\/254105\/\">TARS, \u0441\u0434\u0435\u043b\u0430\u0439 \u0443\u0440\u043e\u0432\u0435\u043d\u044c frontend-\u0440\u0443\u0442\u0438\u043d\u044b 0%<\/a><\/li>\n<li><img decoding=\"async\" alt=\"habr\" src=\"http:\/\/habrastorage.org\/storage2\/c57\/b92\/af4\/c57b92af4ee0d37f787c211a068b1b95.png\"\/> <a href=\"http:\/\/habrahabr.ru\/company\/htmlacademy\/blog\/254171\/\">\u0427\u0442\u043e \u0442\u0430\u043a\u043e\u0435 \u0445\u043e\u0440\u043e\u0448\u043e: \u043a\u0430\u043a \u043c\u044b \u0440\u0430\u0437\u0440\u0430\u0431\u0430\u0442\u044b\u0432\u0430\u043b\u0438 \u043a\u0440\u0438\u0442\u0435\u0440\u0438\u0438 \u0434\u043b\u044f \u043e\u0446\u0435\u043d\u043a\u0438 \u043a\u0430\u0447\u0435\u0441\u0442\u0432\u0430 \u0432\u0451\u0440\u0441\u0442\u043a\u0438 \u0432\u0435\u0431-\u043f\u0440\u043e\u0435\u043a\u0442\u043e\u0432<\/a> (HTML Academy)<\/li>\n<li><a href=\"http:\/\/web-standards.ru\/articles\/stop-breaking-the-web\/\">\u0425\u0432\u0430\u0442\u0438\u0442 \u0440\u0430\u0437\u0440\u0443\u0448\u0430\u0442\u044c \u0432\u0435\u0431<\/a><\/li>\n<li><a href=\"http:\/\/css-live.ru\/articles\/strategii-chtoby-byt-chempionami-v-veb-proizvoditelnosti.html\">\u041a\u0440\u0438\u0441 \u041a\u043e\u0439\u0435\u0440 \u0434\u0435\u043b\u0438\u0442\u0441\u044f \u0441\u0442\u0440\u0430\u0442\u0435\u0433\u0438\u044f\u043c\u0438, \u0447\u0442\u043e\u0431\u044b \u0431\u044b\u0442\u044c \u0447\u0435\u043c\u043f\u0438\u043e\u043d\u0430\u043c\u0438 \u0432 \u0432\u0435\u0431-\u043f\u0440\u043e\u0438\u0437\u0432\u043e\u0434\u0438\u0442\u0435\u043b\u044c\u043d\u043e\u0441\u0442\u0438<\/a> (\u043f\u0435\u0440\u0435\u0432\u043e\u0434 <a href=\"http:\/\/css-live.ru\">css-live.ru<\/a>)<\/li>\n<li><a href=\"http:\/\/frontender.info\/art-of-node\/\">\u0418\u0441\u043a\u0443\u0441\u0441\u0442\u0432\u043e Node<\/a><\/li>\n<li><a href=\"http:\/\/sdcast.ksdaemon.ru\/2015\/03\/sdcast-22\/\">\u041f\u043e\u0434\u043a\u0430\u0441\u0442 SDCast #22<\/a>: \u0432 \u0433\u043e\u0441\u0442\u044f\u0445 \u0440\u0443\u043a\u043e\u0432\u043e\u0434\u0438\u0442\u0435\u043b\u044c \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0438 frontend Mail.ru, \u0410\u043d\u0434\u0440\u0435\u0439 \u0421\u0443\u043c\u0438\u043d<\/li>\n<li><a href=\"http:\/\/html5.by\/blog\/cache\/\">\u041e\u0441\u043d\u043e\u0432\u044b \u043a\u043b\u0438\u0435\u043d\u0442\u0441\u043a\u043e\u0433\u043e \u043a\u044d\u0448\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f \u043f\u043e\u043d\u044f\u0442\u043d\u044b\u043c\u0438 \u0441\u043b\u043e\u0432\u0430\u043c\u0438 \u0438 \u043d\u0430 \u043f\u0440\u0438\u043c\u0435\u0440\u0430\u0445.<\/a> Last-modified, Etag, Expired, Cache-control: max-age \u0438 \u0434\u0440\u0443\u0433\u0438\u0435 \u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043a\u0438<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"http:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/larahogan.me\/images\/\">Image Formats: The Nerdy Parts<\/a>. \u0421\u043b\u0430\u0439\u0434\u044b \u0441 \u043e\u0431\u044a\u044f\u0441\u043d\u0435\u043d\u0438\u0435\u043c \u0444\u043e\u0440\u043c\u0430\u0442\u043e\u0432 \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0439<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"http:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/tympanus.net\/codrops\/2015\/03\/25\/jump-loader-animation-svg-gsap\/\">\u0421\u043e\u0437\u0434\u0430\u043d\u0438\u0435 \u0430\u043d\u0438\u043c\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u043e\u0433\u043e \u00ab\u043d\u044b\u0440\u044f\u044e\u0449\u0435\u0433\u043e \u0438\u043d\u0434\u0438\u043a\u0430\u0442\u043e\u0440\u0430 \u0437\u0430\u0433\u0440\u0443\u0437\u043a\u0438\u00bb \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e SVG \u0438 GSAP <\/a> (Creating a \u201cJump Loader\u201d Animation with SVG and GSAP )<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"http:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/www.sitepoint.com\/mobile-seo-6-steps-mobile-friendly-website\/\">\u041c\u043e\u0431\u0438\u043b\u044c\u043d\u043e\u0435 SEO: 6 \u0448\u0430\u0433\u043e\u0432 \u043a \u043c\u043e\u0431\u0438\u043b\u044c\u043d\u043e-\u0434\u0440\u0443\u0436\u0435\u0441\u0442\u0432\u0435\u043d\u043d\u043e\u043c\u0443 \u0441\u0430\u0439\u0442\u0443<\/a> (Mobile SEO: 6 Steps to a Mobile-Friendly Website)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"http:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/www.paulirish.com\/2015\/advanced-performance-audits-with-devtools\/\">\u041f\u0440\u043e\u0434\u0432\u0438\u043d\u0443\u0442\u044b\u0439 \u0430\u0443\u0434\u0438\u0442 \u043f\u0440\u043e\u0438\u0437\u0432\u043e\u0434\u0438\u0442\u0435\u043b\u044c\u043d\u043e\u0441\u0442\u0438 \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e DevTools<\/a> (Advanced Performance Audits With DevTools)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"http:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> \u041a\u043e\u043c\u0430\u043d\u0434\u043d\u0430\u044f \u0441\u0442\u0440\u043e\u043a\u0430 \u0432 \u0432\u0435\u0431-\u0434\u0438\u0437\u0430\u0439\u043d\u0435: <a href=\"http:\/\/webdesign.tutsplus.com\/tutorials\/the-command-line-for-web-design-live-reload-browsersync--cms-23455\">Live Reload &#038; BrowserSync<\/a>, <a href=\"http:\/\/webdesign.tutsplus.com\/tutorials\/the-command-line-for-web-design-automation-with-gulp--cms-23642\">\u0430\u0432\u0442\u043e\u043c\u0430\u0442\u0438\u0437\u0430\u0446\u0438\u044f \u0441 Gulp<\/a>, <a href=\"http:\/\/webdesign.tutsplus.com\/tutorials\/the-command-line-for-web-design-automation-with-grunt--cms-23454\">\u0430\u0432\u0442\u043e\u043c\u0430\u0442\u0438\u0437\u0430\u0446\u0438\u044f \u0441 Grunt<\/a><\/li>\n<\/ul>\n<h3><img decoding=\"async\" src=\"http:\/\/habr.habrastorage.org\/post_images\/36c\/2c6\/966\/36c2c69660dd21085a2dcb71d7246ae6.gif\"\/> CSS<\/h3>\n<p>   <\/p>\n<ul>\n<li><a href=\"http:\/\/frontender.info\/killer-responsive-layouts-with-css-regions\/\">\u041f\u043e\u0442\u0440\u044f\u0441\u0430\u044e\u0449\u0430\u044f \u043e\u0442\u0437\u044b\u0432\u0447\u0438\u0432\u0430\u044f \u0432\u0451\u0440\u0441\u0442\u043a\u0430 \u0441 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435\u043c CSS-\u043e\u0431\u043b\u0430\u0441\u0442\u0435\u0439<\/a><\/li>\n<li><a href=\"http:\/\/htmlbook.ru\/blog\/maskirovanie-v-css\">\u041c\u0430\u0441\u043a\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435 \u0432 CSS<\/a><\/li>\n<li><a href=\"http:\/\/forwebdev.ru\/css\/8-rules-to-improve-css\/\">8 \u043f\u0440\u0430\u0432\u0438\u043b \u0434\u043b\u044f \u0443\u043b\u0443\u0447\u0448\u0435\u043d\u0438\u044f \u0432\u0430\u0448\u0435\u0433\u043e CSS<\/a><\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"http:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/primercss.io\/\">Primer \u2014 CSS \u0438\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u0430\u0440\u0438\u0439 \u0438 \u043d\u0430\u0431\u043e\u0440\u044b \u0440\u0435\u0448\u0435\u043d\u0438\u0439, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u044e\u0442\u0441\u044f \u043d\u0430 GitHub.<\/a> (The CSS toolkit and guidelines that power GitHub)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"http:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"https:\/\/github.com\/sezgi\/CSS-Best-Practices\">\u0421\u043e\u0432\u0435\u0442\u044b \u043f\u043e \u043d\u0430\u043f\u0438\u0441\u0430\u043d\u0438\u044e \u0447\u0438\u0441\u0442\u043e\u0433\u043e CSS<\/a> (Writing and refactoring for clean CSS)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"http:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/tink.uk\/accessibility-support-for-css-generated-content\/\">\u041f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u0430 \u0434\u043e\u0441\u0442\u0443\u043f\u043d\u043e\u0441\u0442\u0438 \u0433\u0435\u043d\u0435\u0440\u0438\u0440\u0443\u0435\u043c\u043e\u0433\u043e CSS \u043a\u043e\u043d\u0442\u0435\u043d\u0442\u0430<\/a> (Accessibility support for CSS generated content)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"http:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/www.smashingmagazine.com\/2015\/03\/27\/simple-real-and-bug-free-foundation-development\/\">\u041a\u0430\u043a \u0441\u043e\u0445\u0440\u0430\u043d\u0438\u0442\u044c \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0443 \u0444\u0440\u0435\u0439\u043c\u0432\u043e\u0440\u043a\u0430 \u043f\u0440\u043e\u0441\u0442\u043e\u0439 \u0438 \u0431\u0435\u0437\u043e\u0448\u0438\u0431\u043e\u0447\u043d\u043e\u0439<\/a> (How To Keep Framework Development Simple And Bug-Free)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"http:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"https:\/\/github.com\/danielguillan\/bem-constructor\">BEM Constructor<\/a> \u2014 Sass-\u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0430 \u0434\u043b\u044f \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u044f \u043d\u0435\u0438\u0437\u043c\u0435\u043d\u044f\u0435\u043c\u044b\u0445 CSS-\u043e\u0431\u044a\u0435\u043a\u0442\u043e\u0432 \u0432 \u0441\u0442\u0438\u043b\u0435 BEM (A Sass library for building immutable and namespaced BEM-style CSS objects)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"http:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/sixrevisions.com\/css\/variables\/\">\u0412\u0432\u0435\u0434\u0435\u043d\u0438\u0435 \u0432 CSS \u043f\u0435\u0440\u0435\u043c\u0435\u043d\u043d\u044b\u0435 <\/a> (Introduction to CSS Variables)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"http:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/davidwalsh.name\/svg-animations-snap\">SVG Animations Using CSS and Snap.svg<\/a><\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"http:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"https:\/\/css-tricks.com\/numeric-inputs-a-comparison-of-browser-defaults\/\">\u0427\u0438\u0441\u043b\u0435\u043d\u043d\u044b\u0435 \u043f\u043e\u043b\u044f \u0432\u0432\u043e\u0434\u0430 \u2014 \u0441\u0440\u0430\u0432\u043d\u0435\u043d\u0438\u0435 \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0439 \u043f\u043e-\u0443\u043c\u043e\u043b\u0447\u0430\u043d\u0438\u044e \u0432 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0430\u0445<\/a> (Numeric Inputs \u2013 A Comparison of Browser Defaults)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"http:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"https:\/\/hacks.mozilla.org\/2015\/03\/understanding-inline-box-model\/\">\u041f\u043e\u043d\u0438\u043c\u0430\u043d\u0438\u0435 \u0431\u043b\u043e\u0447\u043d\u043e\u0439 \u043c\u043e\u0434\u0435\u043b\u0438 CSS \u0434\u043b\u044f \u0441\u0442\u0440\u043e\u0447\u043d\u044b\u0445 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u043e\u0432 <\/a> (Understanding the CSS box model for inline elements)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"http:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/demosthenes.info\/blog\/438\/CSS3-Border-Image-Explained\">CSS3 Border-Image Explained<\/a><\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"http:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/madebymike.com.au\/writing\/precise-control-responsive-typography\/\">\u0421\u0442\u0440\u043e\u043a\u0438\u0439 \u043a\u043e\u043d\u0442\u0440\u043e\u043b\u044c \u043e\u0442\u0437\u044b\u0432\u0447\u0438\u0432\u043e\u0439 \u0442\u0438\u043f\u043e\u0433\u0440\u0430\u0444\u0438\u043a\u0438<\/a> (Precise control over responsive typography)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"http:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/www.phase2technology.com\/blog\/css-testing-with-phantomcss-phantomjs-casperjs-and-grunt\/\">CSS Testing with PhantomCSS, PhantomJS, CasperJS and Grunt<\/a><\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"http:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"https:\/\/scotch.io\/tutorials\/aesthetic-sass-1-architecture-and-style-organization\">\u042d\u0441\u0442\u0435\u0442\u0438\u0447\u0435\u0441\u043a\u0438\u0439 Sass: \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u0430 \u0438 \u043e\u0440\u0433\u0430\u043d\u0438\u0437\u0430\u0446\u0438\u044f \u0441\u0442\u0438\u043b\u0435\u0439<\/a> (Aesthetic Sass 1: Architecture and Style Organization)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"http:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/marketblog.envato.com\/inspirations\/pure-css-animation-snippets\/\">\u041a\u043e\u043b\u043b\u0435\u043a\u0446\u0438\u044f \u0441\u043d\u0438\u043f\u043f\u0435\u0442\u043e\u0432 \u0434\u043b\u044f \u0430\u043d\u0438\u043c\u0430\u0446\u0438\u0438 \u0438 \u0434\u0435\u043c\u043a\u0430\u043c\u0438 \u043d\u0430 \u0447\u0438\u0441\u0442\u043e\u043c<\/a> (CSS A Collection of Pure CSS Animation Snippets &#038; Demos)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"http:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/www.sitepoint.com\/beyond-media-queries-time-get-elemental\/\">Beyond Media Queries \u2014 It\u2019s Time to Get Elemental<\/a><\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"http:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/blogs.adobe.com\/dreamweaver\/2015\/03\/a-primer-to-background-positioning-in-css.html#.VRUiVkY7nGA\">\u0414\u0435\u0442\u0430\u043b\u044c\u043d\u044b\u0439 \u0441\u0442\u0430\u0442\u044c\u044f, \u0440\u0430\u0437\u0431\u0438\u0440\u0430\u044e\u0449\u0430\u044f \u043d\u044e\u0430\u043d\u0441\u044b \u043f\u043e\u0437\u0438\u0446\u0438\u043e\u043d\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f \u0444\u043e\u043d\u0430 \u0432 CSS<\/a> (A Primer To Background Positioning In CSS)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"http:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/www.zell-weekeat.com\/mappy-breakpoints\">Mappy Breakpoints<\/a> \u2014 \u043c\u0438\u043a\u0441\u0438\u043d \u0434\u043b\u044f \u0431\u0435\u0439\u043a\u043f\u043e\u0438\u043d\u0442\u043e\u0432, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u044e\u0442 Sass Maps<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"http:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/sixrevisions.com\/css\/disable-text-selection\/\">\u041e\u0442\u043a\u043b\u044e\u0447\u0430\u0435\u043c \u0432\u044b\u0434\u0435\u043b\u0435\u043d\u0438\u0435 \u0442\u0435\u043a\u0441\u0442\u0430 \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e CSS<\/a> (Disable Text Selection with CSS)<\/li>\n<\/ul>\n<p>   <\/p>\n<h3><img decoding=\"async\" src=\"http:\/\/habr.habrastorage.org\/post_images\/49d\/04e\/fb9\/49d04efb96fb6ce31cde9be5dc12a874.gif\"\/> JavaScripts<\/h3>\n<p>   <\/p>\n<ul>\n<li><a href=\"http:\/\/radiojs.ru\/2015\/03\/radiojs-20\/\">\u041f\u043e\u0434\u043a\u0430\u0441\u0442 RadioJs, \u0412\u044b\u043f\u0443\u0441\u043a \u211620: \u0418\u043d\u0436\u0435\u043d\u0435\u0440 \u0438\u043b\u0438 Entwickler<\/a><\/li>\n<li><a href=\"http:\/\/www.opennet.ru\/opennews\/art.shtml?num=41918\">Facebook \u043f\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u0438\u043b \u0444\u0440\u0435\u0439\u043c\u0432\u043e\u0440\u043a React Native \u0438 \u0441\u0440\u0435\u0434\u0443 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0438 Nuclide<\/a><\/li>\n<li><img decoding=\"async\" alt=\"habr\" src=\"http:\/\/habrastorage.org\/storage2\/c57\/b92\/af4\/c57b92af4ee0d37f787c211a068b1b95.png\"\/> <a href=\"http:\/\/habrahabr.ru\/post\/253913\/\">API \u0434\u043b\u044f \u0438\u043d\u0442\u0435\u0440\u043d\u0430\u0446\u0438\u043e\u043d\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0438 JavaScript: \u0440\u0435\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u044f \u0432 Firefox<\/a><\/li>\n<li><img decoding=\"async\" alt=\"habr\" src=\"http:\/\/habrastorage.org\/storage2\/c57\/b92\/af4\/c57b92af4ee0d37f787c211a068b1b95.png\"\/> <a href=\"http:\/\/habrahabr.ru\/post\/254213\/\">\u0415\u0449\u0435 \u043e\u0434\u043d\u0430 \u0441\u0442\u0430\u0442\u044c\u044f \u043f\u0440\u043e \u0438\u043d\u0434\u0435\u043a\u0441\u0430\u0446\u0438\u044e ajax-\u0441\u0430\u0439\u0442\u043e\u0432 \u043f\u043e\u0438\u0441\u043a\u043e\u0432\u0438\u043a\u0430\u043c\u0438 <\/a><\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"http:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/rmurphey.com\/blog\/2015\/03\/23\/a-baseline-for-front-end-developers-2015\/\">\u0411\u0430\u0437\u043e\u0432\u044b\u0439 \u043d\u0430\u0431\u043e\u0440 \u0437\u043d\u0430\u043d\u0438\u0439 \u0434\u043b\u044f \u0444\u0440\u043e\u043d\u0442-\u0435\u043d\u0434 (js) \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u0430 \u0432 2015-\u043c<\/a> (A Baseline for Front-End [JS] Developers: 2015)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"http:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/www.sitepoint.com\/building-custom-right-click-context-menu-javascript\/\">\u0421\u043e\u0437\u0434\u0430\u043d\u0438\u0435 \u043a\u0430\u0441\u0442\u043e\u043c\u043d\u043e\u0433\u043e \u043a\u043e\u043d\u0442\u0435\u043a\u0441\u0442\u043d\u043e\u0433\u043e \u043c\u0435\u043d\u044e \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e JS<\/a> (Building a Custom Right-Click (Context) Menu with JavaScript)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"http:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/www.sitepoint.com\/simple-inheritance-javascript\/\">\u041f\u0440\u043e\u0441\u0442\u043e\u0435 \u043d\u0430\u0441\u043b\u0435\u0434\u043e\u0432\u0430\u043d\u0438\u0435 \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e JS <\/a> (Simple Inheritance with JavaScript)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"http:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/jointjs.com\/\">JointJS<\/a> \u2014 \u0441\u043e\u0432\u0440\u0435\u043c\u0435\u043d\u043d\u0430\u044f HTML5 JS \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0430 \u0434\u043b\u044f \u043f\u043e\u0441\u0442\u0440\u043e\u0435\u043d\u0438\u044f \u0438\u043d\u0442\u0435\u0440\u0430\u043a\u0442\u0438\u0432\u043d\u044b\u0445 \u0434\u0438\u0430\u0433\u0440\u0430\u043c\u043c \u0438 \u0433\u0440\u0430\u0444\u0438\u043a\u043e\u0432 (a modern HTML 5 JavaScript library for visualization and interaction with diagrams and graphs)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"http:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/www.super-script.us\/2015\/es6-tools.html\">Five to Six \u2014 \u0441\u043f\u0438\u0441\u043e\u043a \u0438\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u043e\u0432 \u0434\u043b\u044f \u0440\u0430\u0431\u043e\u0442\u044b \u0441 ECMAScript 6 \u043e\u0442 Addy Osmani<\/a><\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"http:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/davidwalsh.name\/13-factors-choosing-javascript-charting-library\">13 \u0444\u0430\u043a\u0442\u043e\u0440\u043e\u0432, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0441\u0442\u043e\u0438\u0442 \u0440\u0430\u0441\u0441\u043c\u043e\u0442\u0440\u0435\u0442\u044c \u043f\u0440\u0438 \u0432\u044b\u0431\u043e\u0440\u0435 JS \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0438 \u0441 \u0433\u0440\u0430\u0444\u0438\u043a\u0430\u043c\u0438 <\/a> (13 Factors to Consider While Choosing a JavaScript Charting Library)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"http:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/www.sitepoint.com\/mean-shaders-create-html5-webgl\/\">\u0427\u0442\u043e \u0432\u044b \u0438\u043c\u0435\u0435\u0442\u0441\u044f \u0432 \u0432\u0438\u0434\u0443 \u043f\u043e \u00ab\u0428\u0435\u0439\u0434\u0435\u0440\u0430\u043c\u0438\u00bb? \u041a\u0430\u043a \u0441\u043e\u0437\u0434\u0430\u0442\u044c \u0438\u0445 \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e HTML5 \u0438 WebGL <\/a> (What Do You Mean by \u201cShaders\u201d? How to Create Them with HTML5 and WebGL)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"http:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/blog.gospodarets.com\/native_smooth_scrolling\/\">\u0420\u043e\u0434\u043d\u043e\u0435 \u043f\u043e\u0432\u0435\u0434\u0435\u043d\u0438\u0435 \u043f\u043b\u0430\u0432\u043d\u043e\u0439 \u043f\u0440\u043e\u043a\u0440\u0443\u0442\u043a\u0438 <\/a>(Native Smooth Scroll behavior) <\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"http:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/www.reddit.com\/r\/javascript\/comments\/30bc39\/chrome_devtools_update_display_variable_values\">\u041e\u0431\u043d\u043e\u0432\u043b\u0435\u043d\u0438\u0435 \u0432 Chrome DevTools: \u0412 \u0425\u0440\u043e\u043c \u0431\u044b\u043b\u0430 \u0434\u043e\u0431\u0430\u0432\u043b\u0435\u043d\u0430 \u0444\u0443\u043d\u043a\u0446\u0438\u044f \u043e\u0442\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u044f \u043f\u0435\u0440\u0435\u043c\u0435\u043d\u043d\u044b\u0445 \u0438\u043d\u043b\u0430\u0439\u043d \u0432\u043e \u0432\u0440\u0435\u043c\u044f \u0434\u0435\u0431\u0430\u0433\u0430<\/a> (\u0432\u043c\u0435\u0441\u0442\u043e \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u043e\u0441\u0442\u0438 \u043d\u0430\u0432\u043e\u0434\u0438\u0442\u044c \u043d\u0430 \u043d\u0438\u0445, \u0447\u0442\u043e\u0431\u044b \u0443\u0437\u043d\u0430\u0442\u044c \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435, \u043b\u0438\u0431\u043e \u0441\u043c\u043e\u0442\u0440\u0435\u0442\u044c \u0432 \u0431\u043e\u043a\u043e\u0432\u043e\u0439 \u043f\u0430\u043d\u0435\u043b\u0438)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"http:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"https:\/\/twitter.com\/malyw\/status\/581877260082388992\">\u0415\u0449\u0435 \u043e\u0434\u043d\u043e \u043e\u0431\u043d\u043e\u0432\u043b\u0435\u043d\u0438\u0435 \u0432 DevTools: Record Filmstrip in Network Panel<\/a><\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"http:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/davidwells.tv\/code\/responsible\/\">Responsible.js<\/a> \u2014 \u043f\u043b\u0430\u0433\u0438\u043d, \u043f\u0440\u0435\u0434\u043b\u0430\u0433\u0430\u044e\u0449\u0438\u0439 \u043f\u043e\u0441\u0435\u0442\u0438\u0442\u0435\u043b\u044e \u0441\u0430\u0439\u0442\u0430 \u0432\u044b\u0431\u0440\u0430\u0442\u044c, \u043a\u0430\u043a\u0443\u044e \u0432\u0435\u0440\u0441\u0438\u044e \u043e\u043d \u043f\u0440\u0435\u0434\u043f\u043e\u0447\u0438\u0442\u0430\u0435\u0442 \u0432\u0438\u0434\u0435\u0442\u044c \u2014 \u043c\u043e\u0431\u0438\u043b\u044c\u043d\u0443\u044e \u0438\u043b\u0438 \u0434\u0435\u0441\u043a\u0442\u043e\u043f\u043d\u0443\u044e<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"http:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/www.svidget.com\/\">Svidget.js:<\/a> Build and deploy SVG widgets<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"http:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"https:\/\/scotch.io\/tutorials\/build-chrome-like-tabs-with-bootstrap-and-angularjs\">\u0421\u043e\u0437\u0434\u0430\u0435\u043c \u0442\u0430\u0431\u044b \u0441 \u0441\u0442\u0438\u043b\u0435 Chrome \u043d\u0430 Bootstrap \u0438 AngularJS<\/a><\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"http:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"https:\/\/hacks.mozilla.org\/2015\/03\/webrtc-in-firefox-38-multistream-and-renegotiation\/\">WebRTC in Firefox 38: Multistream and renegotiation<\/a><\/li>\n<\/ul>\n<p>   <\/p>\n<h3>\u0411\u0440\u0430\u0443\u0437\u0435\u0440\u044b<\/h3>\n<p>   <\/p>\n<ul>\n<li><img decoding=\"async\" alt=\"habr\" src=\"http:\/\/habrastorage.org\/storage2\/c57\/b92\/af4\/c57b92af4ee0d37f787c211a068b1b95.png\"\/> <a href=\"http:\/\/habrahabr.ru\/post\/254007\/\">15 \u0441\u043e\u0432\u0435\u0442\u043e\u0432 \u0438 \u0445\u0438\u0442\u0440\u043e\u0441\u0442\u0435\u0439 \u0438\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u043e\u0432 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u0430 Chrome, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0432\u044b \u043e\u0431\u044f\u0437\u0430\u043d\u044b \u0437\u043d\u0430\u0442\u044c<\/a><\/li>\n<li><img decoding=\"async\" alt=\"habr\" src=\"http:\/\/habrastorage.org\/storage2\/c57\/b92\/af4\/c57b92af4ee0d37f787c211a068b1b95.png\"\/> <a href=\"http:\/\/habrahabr.ru\/company\/yandex\/blog\/253775\/\">\u042f\u043d\u0434\u0435\u043a\u0441.\u0411\u0440\u0430\u0443\u0437\u0435\u0440: \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441 \u0431\u0443\u0434\u0443\u0449\u0435\u0433\u043e \u0442\u0435\u043f\u0435\u0440\u044c \u0432 \u0431\u0435\u0442\u0435<\/a><\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"http:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/internetno.net\/category\/obzoryi\/prowaj_internet_explorer_kratkaya_istoriya_brauzera_ot_microsoft\/\">\u041f\u0440\u043e\u0449\u0430\u0439, Internet Explorer: \u043a\u0440\u0430\u0442\u043a\u0430\u044f \u0438\u0441\u0442\u043e\u0440\u0438\u044f \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0430 \u043e\u0442 Microsoft<\/a><\/li>\n<li><a href=\"http:\/\/itc.ua\/blogs\/google-nezametno-sdelala-dostupnyim-rezhim-ekonomii-trafika-v-chrome-dlya-pk\/\">Google \u043d\u0435\u0437\u0430\u043c\u0435\u0442\u043d\u043e \u0441\u0434\u0435\u043b\u0430\u043b\u0430 \u0434\u043e\u0441\u0442\u0443\u043f\u043d\u044b\u043c \u0440\u0435\u0436\u0438\u043c \u044d\u043a\u043e\u043d\u043e\u043c\u0438\u0438 \u0442\u0440\u0430\u0444\u0438\u043a\u0430 \u0432 Chrome \u0434\u043b\u044f \u041f\u041a<\/a><\/li>\n<\/ul>\n<p>   <\/p>\n<h3>\u0421\u0430\u0439\u0442\u044b \u0441 \u0438\u043d\u0442\u0435\u0440\u0435\u0441\u043d\u044b\u043c \u0434\u0438\u0437\u0430\u0439\u043d\u043e\u043c \u0438 \u0444\u0443\u043d\u043a\u0446\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u043e\u0441\u0442\u044c\u044e<\/h3>\n<p>   <\/p>\n<ul>\n<li><a href=\"http:\/\/siliconrus.com\/2015\/03\/howwwto\/\">\u0414\u0438\u0437\u0430\u0439\u043d\u0435\u0440 \u0437\u0430\u043f\u0443\u0441\u0442\u0438\u043b \u0441\u0430\u0439\u0442 \u0441 \u043a\u043e\u0440\u043e\u0442\u043a\u0438\u043c\u0438 GIF-\u043a\u0443\u0440\u0441\u0430\u043c\u0438 \u043f\u043e \u043c\u0430\u0440\u043a\u0435\u0442\u0438\u043d\u0433\u0443, \u0432\u0435\u0431-\u0434\u0438\u0437\u0430\u0439\u043d\u0443 \u0438 \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044e<\/a><\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"http:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/1000.chromeexperiments.com\/\">1000.chromeexperiments.com<\/a><\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"http:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/www.mirumagency.com\/london\">mirumagency.com<\/a> \u2014 \u0432\u0435\u0440\u0442\u0438\u043a\u0430\u043b\u044c\u043d\u044b\u0439 \u0430\u0439\u0442 \u0441 \u0444\u043e\u043d\u043e\u0432\u044b\u043c \u0432\u0438\u0434\u0435\u043e \u0438 \u0430\u043d\u0438\u043c\u0430\u0446\u0438\u0435\u0439<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"http:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"https:\/\/gyrosco.pe\/features\/\">Gyroscope<\/a> \u2014 \u0441\u0430\u0439\u0442 \u043a\u0440\u0443\u0442\u0435\u0439\u0448\u0438\u043c\u0438 \u0430\u043d\u0438\u043c\u0430\u0446\u0438\u043e\u043d\u043d\u044b\u043c\u0438 \u044d\u0444\u0444\u0435\u043a\u0442\u0430\u043c\u0438<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"http:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/bellbros.com\/\">bellbros.com<\/a> \u2014 \u0441\u0430\u0439\u0442 \u0441 \u043d\u0435\u043e\u0431\u044b\u0447\u043d\u044b\u043c \u0441\u043a\u0440\u043e\u043b\u043b-\u044d\u0444\u0444\u0435\u043a\u0442\u043e\u043c \u0438 \u0440\u0430\u0437\u0434\u0432\u0430\u0438\u0432\u0430\u044e\u0449\u0438\u043c\u0441\u044f \u0447\u0443\u0432\u0430\u043a\u043e\u043c<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"http:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/alfoart.com\/portfolio.html\">\u041a\u0430\u0447\u0435\u0441\u0442\u0432\u0435\u043d\u043d\u0430\u044f \u0433\u0440\u0430\u0444\u0438\u043a\u0430 \u0438 \u043f\u0430\u0440\u0430\u043b\u043b\u0430\u043a\u0441-\u044d\u0444\u0444\u0435\u043a\u0442<\/a><\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"http:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/italic-studio.com\/\">italic-studio.com<\/a> \u2014 \u0441\u0430\u0439\u0442 \u0441 \u043d\u0435\u0441\u0442\u0430\u043d\u0434\u0430\u0440\u0442\u043d\u043e\u0439 \u0442\u0440\u0430\u0435\u043a\u0442\u043e\u0440\u0438\u0435\u0439 \u0441\u043a\u0440\u043e\u043b\u043b\u0438\u043d\u0433\u0430 \u0438 \u044d\u0444\u0444\u0435\u043a\u0442\u0430\u043c\u0438<\/li>\n<\/ul>\n<p>   <\/p>\n<h3><img decoding=\"async\" src=\"http:\/\/habr.habrastorage.org\/post_images\/a27\/ea0\/6f7\/a27ea06f7d56f6b750420fcbc5c63da8.gif\"\/> \u0414\u0438\u0437\u0430\u0439\u043d<\/h3>\n<p>   <\/p>\n<ul>\n<li><a href=\"http:\/\/www.lookatme.ru\/mag\/how-to\/inspiration-howitworks\/212993-ui-ux\">\u0427\u0442\u043e \u0440\u0430\u0437\u0434\u0440\u0430\u0436\u0430\u0435\u0442 \u0434\u0438\u0437\u0430\u0439\u043d\u0435\u0440\u043e\u0432 \u0432 \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u0430\u0445<\/a><\/li>\n<li><a href=\"http:\/\/www.lookatme.ru\/mag\/live\/experience-news\/213071-icons\">\u0414\u0438\u0437\u0430\u0439\u043d\u0435\u0440 \u0432\u044b\u0431\u0440\u0430\u043b \u043d\u0435\u043f\u043e\u043d\u044f\u0442\u043d\u044b\u0435 \u0438\u043a\u043e\u043d\u043a\u0438 \u0432 \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u0430\u0445<\/a><\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"http:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/www.creativebloq.com\/web-design\/3-ways-bridge-gap-between-web-designers-and-developers-31514530\">3 \u0441\u043f\u043e\u0441\u043e\u0431\u0430, \u0447\u0442\u043e\u0431\u044b \u043f\u0440\u0435\u043e\u0434\u043e\u043b\u0435\u0442\u044c \u0440\u0430\u0437\u0440\u044b\u0432 \u043c\u0435\u0436\u0434\u0443 \u0432\u0435\u0431-\u0434\u0438\u0437\u0430\u0439\u043d\u0435\u0440\u043e\u0432 \u0438 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u043e\u0432 <\/a> (3 ways to bridge the gap between web designers and developers)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"http:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/www.yesimadesigner.com\/top-5-games-for-designers\/\">\u0422\u043e\u043f 5 \u0438\u0433\u0440 \u0434\u043b\u044f \u0434\u0438\u0437\u0430\u0439\u043d\u0435\u0440\u043e\u0432<\/a><\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"http:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/www.creativebloq.com\/netmag\/5-rules-visual-direction-interaction-design-31514304\">5 \u043f\u0440\u0430\u0432\u0438\u043b \u0434\u043b\u044f \u0432\u0438\u0437\u0443\u0430\u043b\u044c\u043d\u043e\u0433\u043e \u043d\u0430\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u044f \u0432 \u0434\u0438\u0437\u0430\u0439\u043d\u0435 \u0432\u0437\u0430\u0438\u043c\u043e\u0434\u0435\u0439\u0441\u0442\u0432\u0438\u044f <\/a> (5 rules for visual direction in interaction design)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"http:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/www.typewolf.com\/cheatsheet\">\u0428\u043f\u0430\u0440\u0433\u0430\u043b\u043a\u0430 \u043f\u043e \u0442\u0438\u043f\u043e\u0433\u0440\u0430\u0444\u0438\u043a\u0435<\/a><\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"http:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/webdesign.tutsplus.com\/articles\/my-thoughts-on-designing-in-the-browser-vs-designing-in-photoshop--cms-23405\">My Thoughts on Designing in the Browser vs. Designing in Photoshop<\/a><\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"http:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/www.script-tutorials.com\/5-effective-techniques-for-graphic-designers\/\">5 \u044d\u0444\u0444\u0435\u043a\u0442\u0438\u0432\u043d\u044b\u0445 \u0442\u0435\u0445\u043d\u0438\u043a \u0434\u043b\u044f \u0433\u0440\u0430\u0444\u0438\u0447\u0435\u0441\u043a\u0438\u0445 \u0434\u0438\u0437\u0430\u0439\u043d\u0435\u0440\u043e\u0432<\/a><\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"http:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"https:\/\/cssanimation.rocks\/principles\/\">\u041f\u0440\u0438\u043d\u0446\u0438\u043f\u044b \u0430\u043d\u0438\u043c\u0430\u0446\u0438\u0438 \u0432 \u0432\u0435\u0431\u0435<\/a><\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"http:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/www.onextrapixel.com\/2015\/03\/26\/vintage-is-back-in-trend-best-retro-website-designs\/\">\u0412\u0438\u043d\u0442\u0430\u0436 \u0432\u043e\u0437\u0432\u0440\u0430\u0449\u0430\u0435\u0442\u0441\u044f \u0432 \u0442\u0440\u0435\u043d\u0434: \u043b\u0443\u0447\u0448\u0438\u0435 \u0441\u0430\u0439\u0442\u044b \u0441 \u0440\u0435\u0442\u0440\u043e-\u0434\u0438\u0437\u0430\u0439\u043d\u043e\u043c <\/a> (Vintage is Back in Trend: Best Retro Website Designs)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"http:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/line25.com\/articles\/web-design-trend-showcase-centrally-divided-layouts\">\u0415\u0449\u0435 \u043e\u0434\u0438\u043d \u0442\u0440\u0435\u043d\u0434: \u0440\u0430\u0437\u0434\u0435\u043b\u0435\u043d\u043d\u044b\u0435 \u043f\u043e \u0446\u0435\u043d\u0442\u0440\u0443 \u043b\u0435\u0439\u0430\u0443\u0442\u044b<\/a><\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"http:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/thomasbyttebier.be\/blog\/the-best-icon-is-a-text-label\">\u041b\u0443\u0447\u0448\u0430\u044f \u0438\u043a\u043e\u043d\u043a\u0430 \u2014 \u044d\u0442\u043e \u0442\u0435\u043a\u0441\u0442\u043e\u0432\u0430\u044f \u043c\u0435\u0442\u043a\u0430<\/a> (The best icon is a text label)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"http:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/designmodo.com\/new-fonts-2015\/\">\u041d\u043e\u0432\u044b\u0435 \u0448\u0440\u0438\u0444\u0442\u044b, \u0441\u043e\u0437\u0434\u0430\u043d\u043d\u044b\u0435 \u0432 2015-\u043c<\/a><\/li>\n<\/ul>\n<p>   <\/p>\n<h3><img decoding=\"async\" src=\"http:\/\/habr.habrastorage.org\/post_images\/d4b\/289\/ef0\/d4b289ef0a00e969108c25d0c3d75f58.gif\"\/> \u0417\u0430\u043d\u0438\u043c\u0430\u0442\u0435\u043b\u044c\u043d\u043e\u0435<\/h3>\n<p>   <\/p>\n<ul>\n<li><img decoding=\"async\" alt=\"habr\" src=\"http:\/\/habrastorage.org\/storage2\/c57\/b92\/af4\/c57b92af4ee0d37f787c211a068b1b95.png\"\/> <a href=\"http:\/\/habrahabr.ru\/company\/airbnb\/blog\/253863\/\">\u0418\u0441\u0442\u043e\u0440\u0438\u044f Google Maps<\/a><\/li>\n<li><a href=\"http:\/\/www.3dnews.ru\/911450\/\">Microsoft \u0438 Samsung \u043e\u0431\u044a\u0435\u0434\u0438\u043d\u044f\u044e\u0442\u0441\u044f \u0432 \u0430\u043b\u044c\u044f\u043d\u0441 \u043f\u0440\u043e\u0442\u0438\u0432 Google<\/a><\/li>\n<li><a href=\"http:\/\/itc.ua\/news\/microsoft-hochet-privyazat-oborudovanie-k-windows-10-ispolzovanie-uefi-secure-boot-budet-obyazatelnyim\/\">Microsoft \u0445\u043e\u0447\u0435\u0442 \u043f\u0440\u0438\u0432\u044f\u0437\u0430\u0442\u044c \u043e\u0431\u043e\u0440\u0443\u0434\u043e\u0432\u0430\u043d\u0438\u0435 \u043a Windows 10: \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435 UEFI Secure Boot \u0431\u0443\u0434\u0435\u0442 \u043e\u0431\u044f\u0437\u0430\u0442\u0435\u043b\u044c\u043d\u044b\u043c<\/a><\/li>\n<li><a href=\"http:\/\/droider.ru\/post\/zapadnyie-it-korporatsii-protiv-slezhki-anb-28-03-2015\/\">\u0417\u0430\u043f\u0430\u0434\u043d\u044b\u0435 IT-\u043a\u043e\u0440\u043f\u043e\u0440\u0430\u0446\u0438\u0438 \u043f\u0440\u043e\u0442\u0438\u0432 \u0441\u043b\u0435\u0436\u043a\u0438 \u0410\u041d\u0411<\/a><\/li>\n<li><a href=\"http:\/\/itc.ua\/blogs\/nachalos-testirovanie-brauzernoy-versii-skype\/\">\u041d\u0430\u0447\u0430\u043b\u043e\u0441\u044c \u0442\u0435\u0441\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u043d\u043e\u0439 \u0432\u0435\u0440\u0441\u0438\u0438 Skype<\/a><\/li>\n<li><a href=\"http:\/\/www.computerra.ru\/119342\/adaptable-navigation-by-darpa\/\">DARPA \u0440\u0430\u0437\u0440\u0430\u0431\u0430\u0442\u044b\u0432\u0430\u0435\u0442 \u0430\u043b\u044c\u0442\u0435\u0440\u043d\u0430\u0442\u0438\u0432\u0443 GPS<\/a><\/li>\n<li><a href=\"http:\/\/www.3dnews.ru\/911694\/#551509feb4182ebb198b4575\">\u0427\u0430\u0441\u044b Pebble Time \u0441\u0442\u0430\u043b\u0438 \u0430\u0431\u0441\u043e\u043b\u044e\u0442\u043d\u044b\u043c \u0440\u0435\u043a\u043e\u0440\u0434\u0441\u043c\u0435\u043d\u043e\u043c \u043a\u0440\u0430\u0443\u0434\u0444\u0430\u043d\u0434\u0438\u043d\u0433\u0430<\/a><\/li>\n<li><a href=\"http:\/\/naked-science.ru\/article\/sci\/biokhakery-proveli-pervuyu-ine\">\u0411\u0438\u043e\u0445\u0430\u043a\u0435\u0440\u044b \u043f\u0440\u043e\u0432\u0435\u043b\u0438 \u043f\u0435\u0440\u0432\u0443\u044e \u0438\u043d\u044a\u0435\u043a\u0446\u0438\u044e \u043d\u043e\u0447\u043d\u043e\u0433\u043e \u0437\u0440\u0435\u043d\u0438\u044f<\/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=\"http:\/\/habrahabr.ru\/company\/zfort\/blog\/253743\/\">\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\/\" class=\"user_link\">dersmoll<\/a>. \u0438  <a href=\"http:\/\/habrahabr.ru\/users\/alekskorovin\/\" class=\"user_link\">alekskorovin<\/a>     \t<\/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=\"http:\/\/habrahabr.ru\/post\/254335\/\"> http:\/\/habrahabr.ru\/post\/254335\/<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>     \t\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. \u0421\u0435\u0433\u043e\u0434\u043d\u044f \u0432 \u0441\u043b\u0435\u0433\u043a\u0430 \u0441\u043e\u043a\u0440\u0430\u0449\u0435\u043d\u043d\u043e\u043c \u0432\u0430\u0440\u0438\u0430\u043d\u0442\u0435.<\/p>\n<p>  <img decoding=\"async\" src=\"http:\/\/habrastorage.org\/files\/3dc\/c45\/b15\/3dcc45b152044f31a5bca020a6450d27.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-254041","post","type-post","status-publish","format-standard","hentry"],"_links":{"self":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/posts\/254041","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=254041"}],"version-history":[{"count":0,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/posts\/254041\/revisions"}],"wp:attachment":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=254041"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=254041"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=254041"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}