{"id":279450,"date":"2016-05-02T14:40:02","date_gmt":"2016-05-02T10:40:02","guid":{"rendered":"http:\/\/savepearlharbor.com\/?p=279450"},"modified":"-0001-11-30T00:00:00","modified_gmt":"-0001-11-29T21:00:00","slug":"","status":"publish","type":"post","link":"https:\/\/savepearlharbor.com\/?p=279450","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 \u2116209 (25 \u0430\u043f\u0440\u0435\u043b\u044f \u2014 1 \u043c\u0430\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\/b06\/15c\/920\/b0615c9202da49d1a6c81000c769c2f0.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<\/tbody>\n<\/table>\n<p>   <\/p>\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><img decoding=\"async\" alt=\"habr\" src=\"https:\/\/habrastorage.org\/storage2\/c57\/b92\/af4\/c57b92af4ee0d37f787c211a068b1b95.png\"\/> <a href=\"https:\/\/habrahabr.ru\/company\/infopulse\/blog\/282517\/\">\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 \u043f\u0440\u043e\u0442\u043e\u043a\u043e\u043b\u0430 HTTP<\/a><\/li>\n<li><a href=\"https:\/\/soundcloud.com\/web-standards\/episode-13\">\u041f\u043e\u0434\u043a\u0430\u0441\u0442 \u0412\u0435\u0431-\u0441\u0442\u0430\u043d\u0434\u0430\u0440\u0442\u044b, \u0432\u044b\u043f\u0443\u0441\u043a 13<\/a>: SpiderNode, VPN, \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u0438 CSS, Stylelint \u0438 CSSX, \u043f\u0430\u0440\u0430\u043b\u043b\u0430\u043a\u0441, \u0434\u043e\u0441\u0442\u0443\u043f\u043d\u043e\u0441\u0442\u044c.<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"https:\/\/github.com\/ryanburgess\/web-development-podcasts\">\u0421\u0431\u043e\u0440\u043d\u0438\u043a \u0430\u043a\u0442\u0443\u0430\u043b\u044c\u043d\u044b\u0445 \u0430\u043d\u0433\u043b\u043e\u044f\u0437\u044b\u0447\u043d\u044b\u0445 \u043f\u043e\u0434\u043a\u0430\u0441\u0442\u043e\u0432 \u043d\u0430 \u0442\u0435\u043c\u0443 \u0432\u0435\u0431-\u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0438<\/a><\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"https:\/\/www.toptal.com\/css\/introduction-to-bem-methodology\">\u041f\u043e\u0434\u0440\u043e\u0431\u043d\u043e\u0435 \u0432\u0432\u0435\u0434\u0435\u043d\u0438\u0435 \u0432 \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u044e \u0411\u042d\u041c \u043d\u0430 toptal<\/a> (Introduction To BEM Methodology)<\/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:\/\/fronteers.nl\/congres\/2016-spring\/videos\">\u0412\u0438\u0434\u0435\u043e \u0441 Fronteers Spring Conference 2016<\/a>, \u0440\u0430\u0437\u0431\u0438\u0442\u044b\u0435 \u043d\u0430 \u0431\u043b\u043e\u043a\u0438 <a href=\"https:\/\/fronteers.nl\/congres\/2016-spring\/videos\/visual-performance\">Visual Performance<\/a>, <a href=\"https:\/\/fronteers.nl\/congres\/2016-spring\/videos\/accessible-performance\">Accessible Performance<\/a> \u0438 <a href=\"https:\/\/fronteers.nl\/congres\/2016-spring\/videos\/technical-performance\">Technical performance<\/a><\/li>\n<li><img decoding=\"async\" alt=\"video\" src=\"https:\/\/habrastorage.org\/storage3\/976\/d3e\/38a\/976d3e38a34b003f86f91795524af9f8.gif\"\/> <a href=\"https:\/\/www.youtube.com\/playlist?list=PLRdS-n5seLRoWZm8I5onZqU9m8HB_hg1S\">\u0412\u0438\u0434\u0435\u043e \u0441 \u0441\u0435\u043a\u0446\u0438\u0438 FrontTalks \u043d\u0430 DUMP-2016<\/a><\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"https:\/\/www.youtube.com\/watch?v=kmhg-cV5Vkg\">\u041f\u0440\u043e\u0438\u0437\u0432\u043e\u0434\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0439 client-side<\/a> \u2013 \u0437\u0430\u043f\u0438\u0441\u044c \u0434\u043e\u043a\u043b\u0430\u0434\u0430 \u0420\u043e\u043c\u0430\u043d\u0430 \u041f\u0430\u0440\u0430\u0434\u0435\u0435\u0432\u0430<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"https:\/\/sarasoueidan.com\/blog\/icon-fonts-to-svg\/\">Sara Soueidan \u043e \u0442\u043e\u043c, \u043a\u0430\u043a \u043f\u0435\u0440\u0435\u043a\u043b\u044e\u0447\u0438\u0442\u044c\u0441\u044f \u0441 \u0438\u043a\u043e\u043d\u043e\u0447\u043d\u043e\u0433\u043e \u0448\u0440\u0438\u0444\u0442\u0430 \u043d\u0430 SVG<\/a> (Making the Switch Away from Icon Fonts to SVG: Converting Font Icons to SVG)<\/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\/tools-and-resources-for-editing-converting-and-optimizing-svgs\/\">\u0418\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u044b \u0438 \u0440\u0435\u0441\u0443\u0440\u0441\u044b \u0434\u043b\u044f \u0440\u0435\u0434\u0430\u043a\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f, \u043a\u043e\u043d\u0432\u0435\u0440\u0442\u0430\u0446\u0438\u0438 \u0438 \u043e\u043f\u0442\u0438\u043c\u0438\u0437\u0430\u0446\u0438\u0438 SVG<\/a> (Tools And Resources For Editing, Converting And Optimizing SVGs)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/www.impressivewebs.com\/dom-features-you-didnt-know-existed-video-slides\/\">\u0412\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u0438 DOM, \u043e \u0441\u0443\u0449\u0435\u0441\u0442\u0432\u043e\u0432\u0430\u043d\u0438\u0438 \u043a\u043e\u0442\u043e\u0440\u044b\u0445 \u0432\u044b \u043d\u0435 \u0437\u043d\u0430\u043b\u0438<\/a> (DOM Features You Didn\u2019t Know Existed)<\/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\/hands-on-improving-google-pagespeed--cms-23219\">\u041f\u043e\u0434\u0440\u043e\u0431\u043d\u043e\u0435 \u043e\u043f\u0438\u0441\u0430\u043d\u0438\u0435 \u0440\u0430\u0431\u043e\u0442\u044b \u043f\u043e \u0443\u043b\u0443\u0447\u0448\u0435\u043d\u0438\u044e \u043f\u043e\u043a\u0430\u0437\u0430\u0442\u0435\u043b\u0435\u0439 \u0441\u0430\u0439\u0442\u0430 \u0432 Google PageSpeed<\/a> (Hands On Improving Google PageSpeed)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/www.exceptionnotfound.net\/fundamental-laws-of-software-development\/\">\u041f\u044f\u0442\u043d\u0430\u0434\u0446\u0430\u0442\u044c \u0444\u0443\u043d\u0434\u0430\u043c\u0435\u043d\u0442\u0430\u043b\u044c\u043d\u044b\u0445 \u0437\u0430\u043a\u043e\u043d\u043e\u0432 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0438 \u0441\u043e\u0444\u0442\u0430<\/a> (15 Fundamental Laws of Software Development)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/devbridge.github.io\/Styleguide\/\">Styleguide<\/a> &mdash; \u0440\u0443\u043a\u043e\u0432\u043e\u0434\u0441\u0442\u0432\u043e \u043f\u043e \u0441\u0442\u0438\u043b\u044e \u0434\u043b\u044f \u0431\u0440\u0435\u043d\u0434\u043e\u0432 (Living Styleguide Made Easy)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"https:\/\/github.com\/geniuscarrier\/webpack-boilerplate\">Webpack Boilerplate<\/a><\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/www.infoworld.com\/article\/3061953\/javascript\/googles-v8-javascript-engine-now-backs-webassembly.html\">Google&#8217;s V8 JavaScript \u0434\u0432\u0438\u0436\u043e\u043a \u043d\u0430\u0447\u0430\u043b \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u0442\u044c WebAssembly<\/a>, <a href=\"http:\/\/www.sitepoint.com\/try-webassembly-today\/\">\u0411\u044b\u0441\u0442\u0440\u044b\u0439 \u0441\u043e\u0432\u0435\u0442: \u043a\u0430\u043a \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c WebAssembly \u0432 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0435 \u0443\u0436\u0435 \u0441\u0435\u0433\u043e\u0434\u043d\u044f<\/a><\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"https:\/\/github.com\/gavindinubilo\/jam-api\">Jam API<\/a> \u2014 \u0441\u0435\u0440\u0432\u0438\u0441, \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u044e\u0449\u0438\u0439 \u043f\u0440\u0435\u0432\u0440\u0430\u0442\u0438\u0442\u044c \u043b\u044e\u0431\u043e\u0439 \u0441\u0430\u0439\u0442 \u0432 JSON accessible api \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e CSS \u0441\u0435\u043b\u0435\u043a\u0442\u043e\u0440\u043e\u0432<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"https:\/\/medium.freecodecamp.com\/how-jpg-works-a4dbd2316f35\">\u041a\u0430\u043a \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442 JPG<\/a> (How JPG Works)<\/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\/html5-media-source-extensions-bringing-production-video-web\/\">\u041f\u043e\u0434\u0440\u043e\u0431\u043d\u044b\u0439 \u043e\u0431\u0437\u043e\u0440 \u0441\u0442\u0430\u043d\u0434\u0430\u0440\u0442\u043e\u0432 \u0438 \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u0435\u0439 \u0432\u0438\u0434\u0435\u043e \u0432 \u0432\u0435\u0431\u0435<\/a> (HTML5 Media Source Extensions: Bringing Production Video To The Web)<\/li>\n<li>\u042d\u0444\u0444\u0435\u043a\u0442\u043d\u044b\u0439 \u0432\u0435\u0431:<br \/> \n<ul>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/tympanus.net\/codrops\/2016\/04\/26\/the-aviator-animating-basic-3d-scene-threejs\/\">\u0421\u043e\u0437\u0434\u0430\u043d\u0438\u0435 \u201cThe Aviator\u201d: \u0430\u043d\u0438\u043c\u0430\u0446\u0438\u044f \u043f\u0440\u043e\u0441\u0442\u043e\u0439 3D \u0441\u0446\u0435\u043d\u044b \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e Three.js<\/a><\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"https:\/\/cssanimation.rocks\/twitter-fave\/\">\u041f\u0440\u043e \u0430\u043d\u0438\u043c\u0430\u0446\u0438\u044e \u00abfave\u00bb \u0432 Twitter<\/a><\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/codepen.io\/Mamboleoo\/full\/oxaXdj\/\">\u0410\u043d\u0438\u043c\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u0430\u044f \u0441\u0444\u0435\u0440\u0430 \u043d\u0430 CSS<\/a><\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/www.sitepoint.com\/animated-google-map-markers-css-javascript\/\">\u0421\u043e\u0437\u0434\u0430\u043d\u0438\u0435 \u0430\u043d\u0438\u043c\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u044b\u0445 \u043c\u0430\u0440\u043a\u0435\u0440\u043e\u0432 \u043d\u0430 Google-\u043a\u0430\u0440\u0442\u0435 \u0441 CSS \u0438 JavaScript<\/a> (Creating Animated Google Map Markers with CSS and JavaScript)<\/li>\n<li><a href=\"http:\/\/css-live.ru\/cssjssvg-s-podvypodvertom\/ezhenedelnaya-podborka-krasivyx-effektov-na-csssvgjs-35.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 #35<\/a><\/li>\n<\/ul>\n<p>   <\/li>\n<\/ul>\n<p>   <\/p>\n<h3><a name=\"css\"><\/a><img decoding=\"async\" src=\"https:\/\/habrastorage.org\/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\/281869\/\">\u0411\u0443\u0434\u0443\u0449\u0435\u0435 CSS<\/a><\/li>\n<li><a href=\"http:\/\/css-live.ru\/articles\/igry-na-chistom-css-so-svojstvom-counter-increment.html\">\u0418\u0433\u0440\u044b \u043d\u0430 \u0447\u0438\u0441\u0442\u043e\u043c CSS \u0441\u043e \u0441\u0432\u043e\u0439\u0441\u0442\u0432\u043e\u043c counter-increment<\/a>. \u041f\u0435\u0440\u0435\u0432\u043e\u0434 \u0441\u0442\u0430\u0442\u044c\u0438 \u042e\u043d\u044b \u041a\u0440\u0430\u0432\u0435\u0446 <a href=\"http:\/\/una.im\/css-games\/\">Pure CSS Games with Counter-Increment<\/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><a href=\"http:\/\/prgssr.ru\/development\/plitochnaya-raskladka-na-chistom-css.html\">\u041f\u043b\u0438\u0442\u043e\u0447\u043d\u0430\u044f \u0440\u0430\u0441\u043a\u043b\u0430\u0434\u043a\u0430 \u043d\u0430 \u0447\u0438\u0441\u0442\u043e\u043c CSS<\/a>. \u041f\u0435\u0440\u0435\u0432\u043e\u0434 \u0441\u0442\u0430\u0442\u044c\u0438 <a href=\"https:\/\/medium.com\/@_jh3y\/how-to-pure-css-masonry-layouts-a8ede07ba31a#.6p2sw1teb\">HOW TO: Pure CSS masonry layouts<\/a> \u043d\u0430 <a href=\"http:\/\/prgssr.ru\">prgssr.ru<\/a><\/li>\n<li><a href=\"http:\/\/webtackles.ru\/css\/data-types-in-sass\/\">\u0422\u0438\u043f\u044b \u0434\u0430\u043d\u043d\u044b\u0445 \u0432 Sass<\/a><\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"https:\/\/rachelandrew.co.uk\/archives\/2016\/04\/25\/a-revised-subgrid-specification\/\">\u041f\u0435\u0440\u0435\u0441\u043c\u043e\u0442\u0440\u0435\u043d\u043d\u0430\u044f \u0441\u043f\u0435\u0446\u0438\u0444\u0438\u043a\u0430\u0446\u0438\u044f \u043f\u043e\u0434\u0441\u0435\u0442\u043e\u043a<\/a> (A Revised Subgrid Specification)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"https:\/\/css-tricks.com\/images-in-postcss\/\">\u0420\u0430\u0431\u043e\u0442\u0430 \u0441 \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u044f\u043c\u0438 \u0432 \u0442\u0430\u0431\u043b\u0438\u0446\u0430\u0445 \u0441\u0442\u0438\u043b\u0435\u0439 \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e PostCSS<\/a> (Working with Images in Stylesheets with PostCSS)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/www.sitepoint.com\/improving-the-quality-of-your-css-with-postcss\/\">\u0423\u043b\u0443\u0447\u0448\u0435\u043d\u0438\u0435 \u043a\u0430\u0447\u0435\u0441\u0442\u0432\u0430 CSS \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e PostCSS<\/a> (Improving the Quality of Your CSS with PostCSS)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"https:\/\/css-tricks.com\/visual-regression-testing-css-blend-modes\/\">\u0422\u0435\u0441\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435 \u0432\u0438\u0437\u0443\u0430\u043b\u044c\u043d\u043e\u0439 \u0440\u0435\u0433\u0440\u0435\u0441\u0441\u0438\u0438 \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e \u0440\u0435\u0436\u0438\u043c\u043e\u0432 \u043d\u0430\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u0432 CSS<\/a> (Visual Regression Testing with CSS Blend Modes)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/una.im\/diffee\/\">diffee<\/a> &mdash; \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u0438\u0435 \u0432\u0438\u0437\u0443\u0430\u043b\u044c\u043d\u044b\u0445 \u0440\u0430\u0437\u043b\u0438\u0447\u0438\u0439 \u0441 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435\u043c CSS \u0440\u0435\u0436\u0438\u043c\u043e\u0432 \u043d\u0430\u043b\u043e\u0436\u0435\u043d\u0438\u044f<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/blog.8thlight.com\/rabea-gleissner\/2016\/04\/25\/alleviate-frontend-dev-pains-with-flexbox.html\">\u041a\u0430\u043a flexbox \u0441\u043d\u0438\u043c\u0430\u0435\u0442 \u0431\u043e\u043b\u044c \u0432 \u043d\u0435\u043a\u043e\u0442\u043e\u0440\u044b\u0445 \u043c\u0435\u0441\u0442\u0430\u0445 \u0444\u0440\u043e\u043d\u0442\u0435\u043d\u0434-\u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0438<\/a> (How flexbox alleviates some common front end development pains)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/tutorialzine.com\/2016\/04\/5-flexbox-techniques-you-need-to-know-about\/\">5 \u0442\u0435\u0445\u043d\u0438\u043a Flexbox, \u043e \u043a\u043e\u0442\u043e\u0440\u044b\u0445 \u0432\u044b \u0434\u043e\u043b\u0436\u043d\u044b \u0437\u043d\u0430\u0442\u044c<\/a> (5 Flexbox Techniques You Need to Know About)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/krasimir.github.io\/cssx\/\">\u041f\u0440\u0438\u043c\u0435\u0440 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u044f CSSX<\/a> \u2014 \u0432\u0430\u043d\u0438\u043b\u044c\u043d\u043e\u0433\u043e CSS \u0432 JS<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/zellwk.com\/blog\/from-html-grids-to-css-grids\/\">\u0414\u0432\u0438\u0433\u0430\u0435\u043c\u0441\u044f \u043e\u0442 HTML Grid Systems \u043a CSS Grid Systems<\/a><\/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\/quick-tip-using-css-counters-to-style-incremental-elements--cms-23497\">\u0411\u044b\u0441\u0442\u0440\u044b\u0439 \u0441\u043e\u0432\u0435\u0442: \u0418\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435 CSS \u0441\u0447\u0435\u0442\u0447\u0438\u043a\u043e\u0432 \u0441\u043e \u0441\u0442\u0438\u043b\u044f\u043c\u0438 \u0434\u043b\u044f \u043f\u0440\u043e\u043d\u0443\u043c\u0435\u0440\u043e\u0432\u0430\u043d\u043d\u044b\u0445 \u0441\u043f\u0438\u0441\u043a\u043e\u0432<\/a> (Quick Tip: Using CSS Counters to Style Incremental Elements)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/www.sitepoint.com\/how-to-design-rich-card-based-layouts-with-semantic-ui\/\">\u041a\u0430\u043a \u0434\u0435\u043b\u0430\u0442\u044c \u0440\u0430\u0437\u043c\u0435\u0442\u043a\u0443 \u0434\u043b\u044f \u043a\u0430\u0440\u0442\u043e\u0447\u043d\u043e\u0433\u043e \u0434\u0438\u0437\u0430\u0439\u043d\u0430 \u0441 Semantic UI<\/a> (How to Design Rich Card-Based Layouts with Semantic UI)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"https:\/\/medium.com\/@xzyfer\/why-node-sass-broke-your-code-and-semver-1b3e409c57b9\">\u041f\u043e\u0447\u0435\u043c\u0443 Node Sass \u0441\u043b\u043e\u043c\u0430\u0435\u0442 \u0432\u0430\u0448 \u043a\u043e\u0434 \u0438 SemVer<\/a> (Why Node Sass broke your code and SemVer)<\/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\/282688\/\">\u0412\u044b\u0448\u0435\u043b \u0432 \u0441\u0432\u0435\u0442 Node.JS v6.0<\/a><\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/v8project.blogspot.be\/2016\/04\/es6-es7-and-beyond.html\">V8: ES6, ES7, \u043f\u043e\u0441\u043b\u0435 \u043d\u0438\u0445<\/a><\/li>\n<li><a href=\"http:\/\/frontender.info\/json2js\/\">\u041f\u043e\u0434\u0432\u043e\u0434\u043d\u044b\u0435 \u043a\u0430\u043c\u043d\u0438 \u043f\u0440\u0438 \u043f\u0435\u0440\u0435\u0434\u0430\u0447\u0435 JSON \u0432 JavaScript<\/a><\/li>\n<li><a href=\"http:\/\/css-live.ru\/articles\/es6-otrazhenie-iznutri.html\">ES6: \u043e\u0442\u0440\u0430\u0436\u0435\u043d\u0438\u0435 \u0438\u0437\u043d\u0443\u0442\u0440\u0438<\/a><\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"https:\/\/scotch.io\/tutorials\/javascript-transpilers-what-they-are-why-we-need-them\">\u0422\u0440\u0430\u043d\u0441\u043f\u0430\u0439\u043b\u0435\u0440\u044b \u0432 JavaScript: \u0447\u0442\u043e \u044d\u0442\u043e \u0442\u0430\u043a\u043e\u0435 \u043f\u043e\u0447\u0435\u043c\u0443 \u043e\u043d\u0438 \u043d\u0430\u043c \u043d\u0443\u0436\u043d\u044b?<\/a> (JavaScript Transpilers: What They Are &#038; Why We Need Them)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/www.barbarianmeetscoding.com\/blog\/2016\/04\/27\/a-look-at-es6-maps\/\">\u0412\u0437\u0433\u043b\u044f\u0434 \u043d\u0430 ES6 Maps<\/a> (A Look at ES6 Maps)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/bitsofco.de\/iframe-responsive\/\">\u0414\u0435\u043b\u0430\u0435\u043c \u0438\u0444\u0440\u0435\u0439\u043c\u044b \u043e\u0442\u0437\u044b\u0432\u0447\u0438\u0432\u044b\u043c\u0438<\/a> (Making IFrames Responsive)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"https:\/\/medium.freecodecamp.com\/lets-learn-javascript-closures-66feb44f6a44\">\u0414\u0430\u0432\u0430\u0439\u0442\u0435 \u0438\u0437\u0443\u0447\u0430\u0442\u044c \u0437\u0430\u043c\u044b\u043a\u0430\u043d\u0438\u044f \u0432 JavaScript<\/a> (Let\u2019s Learn JavaScript Closures)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/www.ibm.com\/developerworks\/library\/wa-use-javascript-closures-efficiently\/index.html\">\u042d\u0444\u0444\u0435\u043a\u0442\u0438\u0432\u043d\u043e\u0435 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435 JavaScript \u0437\u0430\u043c\u044b\u043a\u0430\u043d\u0438\u0439<\/a> (Use JavaScript closures efficiently)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/www.sitepoint.com\/tessel-2-pairing-javascript-and-the-internet-of-things-with-ease\/\">Tessel 2: \u043b\u0435\u0433\u043a\u0430\u044f \u0438\u043d\u0442\u0435\u0433\u0440\u0430\u0446\u0438\u044f \u0438\u043d\u0442\u0435\u0440\u043d\u0435\u0442\u0430 \u0432\u0435\u0449\u0435\u0439 \u0438 JavaScript<\/a> (Tessel 2: Pairing JavaScript and the Internet of Things with Ease)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"https:\/\/scotch.io\/tutorials\/how-to-log-client-side-javascript-errors\">\u041a\u0430\u043a \u043b\u043e\u0433\u0438\u0440\u043e\u0432\u0430\u0442\u044c JavaScript-\u043e\u0448\u0438\u0431\u043a\u0438 \u043d\u0430 \u043a\u043b\u0438\u0435\u043d\u0442\u0441\u043a\u043e\u0439 \u0441\u0442\u043e\u0440\u043e\u043d\u0435<\/a> (How to Log Client-Side JavaScript Errors)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> \u0421\u0432\u0435\u0436\u0430\u044f \u0437\u0430\u043f\u0438\u0441\u044c \u0432 \u0431\u043b\u043e\u0433\u0435 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u043e\u0432 Airbnb: <a href=\"https:\/\/medium.com\/airbnb-engineering\/turbocharged-javascript-refactoring-with-codemods-b0cae8b326b9\">\u0422\u0443\u0440\u0431\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u044b\u0439 \u0440\u0435\u0444\u0430\u043a\u0442\u043e\u0440\u0438\u043d\u0433 JavaScript \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e codemods<\/a> (Turbocharged JavaScript refactoring with codemods)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/thefullstack.xyz\/candy-land-javascript-developer\/\">\u0411\u044b\u0442\u044c JavaScript \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u043e\u043c \u2014 \u044d\u0442\u043e \u043d\u0435 Candy Land<\/a> (Being a JavaScript Developer is no Candy Land)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/www.sitepoint.com\/javascript-monoculture\/\">\u0418\u0437\u0431\u0435\u0433\u0430\u0435\u043c \u043c\u043e\u043d\u043e\u043a\u0443\u043b\u044c\u0442\u0443\u0440\u044b JavaScript<\/a> (Avoiding a JavaScript Monoculture)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/alistapart.com\/article\/prototypal-object-oriented-programming-using-javascript\">\u041f\u0440\u043e\u0442\u043e\u0442\u0438\u043f\u043d\u043e\u0435 \u043e\u0431\u044a\u0435\u043a\u0442\u043d\u043e-\u043e\u0440\u0438\u0435\u043d\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u043e\u0435 \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435 \u0441 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435\u043c JavaScript<\/a> (Prototypal Object-Oriented Programming using 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\/javascript-testing-unit-functional-integration\/\">JavaScript \u0442\u0435\u0441\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435: \u044e\u043d\u0438\u0442 \u0442\u0435\u0441\u0442\u044b vs \u0444\u0443\u043d\u043a\u0446\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0435 \u0442\u0435\u0441\u0442\u044b vs \u0438\u043d\u0442\u0435\u0433\u0440\u0430\u0446\u0438\u043e\u043d\u043d\u044b\u0445 \u0442\u0435\u0441\u0442\u044b<\/a> (JavaScript Testing: Unit vs Functional vs Integration Tests)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/blog.npmjs.org\/post\/143451680695\/how-many-npm-users-are-there\">\u0421\u043a\u043e\u043b\u044c\u043a\u043e \u0441\u0443\u0449\u0435\u0441\u0442\u0432\u0443\u0435\u0442 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u0435\u0439 npm?<\/a> (how many npm users are there?)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/code.flickr.net\/2016\/04\/25\/introducing-yakbak-record-and-playback-http-interactions-in-nodejs\/\">\u041f\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u043b\u0435\u043d\u0438\u0435 yakbak: \u0437\u0430\u043f\u0438\u0441\u044c \u0438 \u0432\u043e\u0441\u043f\u0440\u043e\u0438\u0437\u0432\u0435\u0434\u0435\u043d\u0438\u0435 HTTP \u0432\u0437\u0430\u0438\u043c\u043e\u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0439 \u0432 NodeJS<\/a> (Introducing yakbak: Record and playback HTTP interactions in NodeJS)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/standardjs.com\/\">\u0421\u0442\u0430\u043d\u0434\u0430\u0440\u0442\u0438\u0437\u0430\u0446\u0438\u044f \u0441\u0442\u0438\u043b\u0435\u0439 JavaScript<\/a> (JavaScript Standard Style)<\/li>\n<li>\u0424\u0440\u0435\u0439\u043c\u0432\u043e\u0440\u043a\u0438: <br \/> \n<ul>\n<li><a href=\"http:\/\/frontender.info\/simple-react-components-generator-with-bem-flavour\/\">React-\u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u044b \u0441 \u043f\u0440\u0438\u0432\u043a\u0443\u0441\u043e\u043c \u0411\u042d\u041c<\/a><\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"https:\/\/slack-files.com\/T03JT4FC2-F151AAF7A-13fe6f98da\">\u0412\u044b (\u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e) \u043d\u0435 \u043d\u0443\u0436\u0434\u0430\u0435\u0442\u0435\u0441\u044c \u0432 JavaScript \u0444\u0440\u0435\u0439\u043c\u0432\u043e\u0440\u043a\u0435<\/a> (You (probably) don&#8217;t need a JavaScript framework)<\/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-libraries-2016\/\">\u0422\u0435\u043a\u0443\u0449\u0438\u0435 \u0438 \u0433\u0440\u044f\u0434\u0443\u0448\u0448\u0438\u0435 JS \u0444\u0440\u0435\u0439\u043c\u0432\u043e\u0440\u043a\u0438, \u0437\u0430 \u043a\u043e\u0442\u043e\u0440\u044b\u043c\u0438 \u043c\u043e\u0436\u043d\u043e \u0441\u043b\u0435\u0434\u0438\u0442\u044c \u0432 2016-\u043c<\/a> (Up-and-coming JavaScript frameworks &#038; libraries to watch out for in 2016)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/www.sitepoint.com\/react-alternatives-preact-virtualdom-deku\/\">\u0422\u0440\u0438 \u0431\u043e\u043b\u0435\u0435 \u043b\u0435\u0433\u043a\u0438\u0435 \u0430\u043b\u044c\u0442\u0435\u0440\u043d\u0430\u0442\u0438\u0432\u044b \u0420\u0435\u0430\u043a\u0442\u0443: Preact, VirtualDom \u0438 Deku<\/a> (3 Lightweight React Alternatives: Preact, VirtualDom &#038; Deku)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"https:\/\/blog.stamplay.com\/why-use-react\/\">\u0417\u0430\u0447\u0435\u043c \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c React?<\/a> (Why use React?)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"https:\/\/medium.com\/@alexmngn\/how-to-better-organize-your-react-applications-2fd3ea1920f1\">\u041a\u0430\u043a \u0441\u0434\u0435\u043b\u0430\u0442\u044c \u0445\u043e\u0440\u043e\u0448\u0443\u044e \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0443 React \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0439?<\/a> (How to better organize your React applications?)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"https:\/\/github.com\/react-alpha-beta\/alphabeta\">AlphaBeta &mdash; \u0434\u0435\u043a\u043b\u0430\u0440\u0430\u0442\u0438\u0432\u043d\u043e\u0435 \u0441\u043f\u043b\u0438\u0442-\u0442\u0435\u0441\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435 \u0434\u043b\u044f React<\/a> (AlphaBeta &mdash; declarative split testing for React)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"https:\/\/github.com\/markerikson\/react-redux-links\">\u041a\u0443\u0440\u0438\u0440\u0443\u0435\u043c\u0430\u044f \u043a\u043e\u043b\u043b\u0435\u043a\u0446\u0438\u044f \u0441\u0441\u044b\u043b\u043e\u043a \u043d\u0430 \u0442\u0435\u043c\u0443 React\/Redux<\/a> (React\/Redux Links)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"https:\/\/github.com\/zackargyle\/redux-immutable-reducer\">Redux Immutable Reducer<\/a><\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/victorsavkin.com\/post\/118372404541\/the-core-concepts-of-angular-2\">\u041a\u043b\u044e\u0447\u0435\u0432\u044b\u0435 \u043a\u043e\u043d\u0446\u0435\u043f\u0446\u0438\u0438 Angular 2<\/a> (THE CORE CONCEPTS OF ANGULAR 2)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"https:\/\/github.com\/blacksonic\/angular2-esnext-starter\">Angular 2 ESNext Starter &mdash; \u0441\u0442\u0430\u0440\u0442\u043e\u0432\u044b\u0439 \u043f\u0430\u043a\u0435\u0442 \u0434\u043b\u044f \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0438 c ES6\/ES7, Babel<\/a> (Angular 2 ESNext Starter)<\/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\/Build\/2016\/T627\">\u0418\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435 \u043a\u0440\u043e\u0441\u0441-\u043f\u043b\u0430\u0442\u0444\u043e\u0440\u043c\u0435\u043d\u043d\u044b\u0445 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0439 \u0441 Angular 2<\/a> (Creating Cross-Platform Apps with Angular 2)<\/li>\n<\/ul>\n<p>   <\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/algebrite.org\/\">algebrite &mdash; \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0430 \u0434\u043b\u044f \u0440\u0435\u0448\u0435\u043d\u0438\u0439 \u0437\u0430\u0434\u0430\u0447 \u043f\u043e \u0430\u043b\u0433\u0435\u0431\u0440\u0435, \u043d\u0430\u043f\u0438\u0441\u0430\u043d\u043d\u0430\u044f \u043d\u0430 JavaScript<\/a> (algebrite &mdash; Computer Algebra System in Javascript)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/grafijs.org\/\">grafi.js<\/a> \u2014 JavaScript Image Processing Library<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"https:\/\/github.com\/jdonaghue\/es-search\">es-search &mdash; \u043f\u043e\u0438\u0441\u043a \u043f\u043e \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0435 \u043a\u043e\u0434\u0430, \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u044f CSS-\u043f\u043e\u0434\u043e\u0431\u043d\u044b\u0435 \u0441\u0435\u043b\u0435\u043a\u0442\u043e\u0440\u044b<\/a> (es-search &mdash; search ECMAScript structurally)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"https:\/\/github.com\/liady\/enumish\">Enumish<\/a> &mdash; \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u0435 Enum-\u043f\u043e\u0434\u043e\u0431\u043d\u044b\u0445 \u043e\u0431\u044a\u0435\u043a\u0442\u043e\u0432<\/li>\n<\/ul>\n<h3>\u0411\u0440\u0430\u0443\u0437\u0435\u0440\u044b<\/h3>\n<p>   <\/p>\n<ul>\n<li><a href=\"http:\/\/www.opennet.ru\/opennews\/art.shtml?num=44315\">\u0420\u0435\u043b\u0438\u0437 Firefox 46, \u043f\u0435\u0440\u0435\u0448\u0435\u0434\u0448\u0438\u0439 \u043d\u0430 GTK3+ \u0432 Linux<\/a><\/li>\n<li><a href=\"http:\/\/tanalin.com\/blog\/2016\/04\/firefox-46\/\">\u0422\u0435\u0445\u043d\u0438\u0447\u0435\u0441\u043a\u0438\u0435 \u0434\u0435\u0442\u0430\u043b\u0438 \u043e Firefox 46 \u0432 \u0431\u043b\u043e\u0433\u0435 \u041c\u0430\u0440\u0430\u0442\u0430 \u0422\u0430\u043d\u0430\u043b\u0438\u043d\u0430<\/a><\/li>\n<li><a href=\"http:\/\/www.opennet.ru\/opennews\/art.shtml?num=44354\">\u0422\u0435\u0441\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435 Firefox 47-beta \u0438 Firefox Developer Edition 48 \u0441 \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u043e\u0439 WebExtensions<\/a><\/li>\n<li><a href=\"http:\/\/www.searchengines.ru\/news\/archives\/microsoft_zablo.html\">Microsoft \u0437\u0430\u0431\u043b\u043e\u043a\u0438\u0440\u043e\u0432\u0430\u043b \u0432\u0441\u0435 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u044b \u0432 Cortana \u0434\u043b\u044f Windows 10, \u043a\u0440\u043e\u043c\u0435 Edge<\/a><\/li>\n<li><a href=\"http:\/\/www.opennet.ru\/opennews\/art.shtml?num=44322\">WebKit \u043e\u0442\u043a\u0430\u0437\u044b\u0432\u0430\u0435\u0442\u0441\u044f \u043e\u0442 \u043f\u0440\u0435\u0444\u0438\u043a\u0441\u0430 &quot;-webkit-&quot; \u0434\u043b\u044f \u044d\u043a\u0441\u043f\u0435\u0440\u0438\u043c\u0435\u043d\u0442\u0430\u043b\u044c\u043d\u044b\u0445 \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u0435\u0439<\/a><\/li>\n<li><a href=\"http:\/\/www.opennet.ru\/opennews\/art.shtml?num=44317\">\u041e\u0431\u043d\u043e\u0432\u043b\u0435\u043d\u0438\u0435 web-\u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0430 Vivaldi 1.1<\/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><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/www.juliepoignot.com\/\">julie poignot<\/a> \u2014 \u0441\u0438\u043c\u043f\u0430\u0442\u0438\u0447\u043d\u044b\u0439 \u0441\u0430\u0439\u0442-\u043f\u043e\u0440\u0442\u0444\u043e\u043b\u0438\u043e \u0434\u0438\u0437\u0430\u0439\u043d\u0435\u0440\u0430<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/sugar.vision\/\">sugar.vision<\/a> \u2014 \u0441\u0438\u043c\u043f\u0430\u0442\u0438\u0447\u043d\u044b\u0439 \u0441\u0430\u0439\u0442 \u0441 \u043a\u043e\u043d\u0446\u0435\u043f\u0442\u0443\u0430\u043b\u044c\u043d\u044b\u043c \u0434\u0438\u0437\u0430\u0439\u043d\u043e\u043c \u0438 \u0441\u043a\u0440\u043e\u043b\u043b-\u0430\u043d\u0438\u043c\u0430\u0446\u0438\u0435\u0439 <\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/misplaced.design\/9\/\">misplaced.design<\/a> \u2014 \u0441\u0430\u0439\u0442 \u0441 \u043e\u0440\u0433\u0430\u043d\u0438\u0437\u043e\u0432\u0430\u043d\u043d\u044b\u043c \u0445\u0430\u043e\u0441\u043e\u043c \u0432 \u0434\u0438\u0437\u0430\u0439\u043d\u0435<\/li>\n<li><a href=\"http:\/\/www.dejurka.ru\/web-design\/horizontal-layout-sites\/\">\u041a\u043b\u0430\u0441\u0441\u043d\u044b\u0435 \u0441\u0430\u0439\u0442\u044b \u0441 \u0433\u043e\u0440\u0438\u0437\u043e\u043d\u0442\u0430\u043b\u044c\u043d\u044b\u043c \u0441\u043a\u0440\u043e\u043b\u043b\u0438\u043d\u0433\u043e\u043c<\/a><\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/www.vandelaydesign.com\/best-church-websites\/\">\u041f\u0440\u0435\u043a\u0440\u0430\u0441\u043d\u044b\u0435 \u0434\u0438\u0437\u0430\u0439\u043d\u044b \u0441\u0430\u0439\u0442\u043e\u0432 \u0434\u043b\u044f \u0446\u0435\u0440\u043a\u0432\u0435\u0439<\/a> (40 Beautiful Church Website Designs)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/www.gameandfishfacts.com\/\">gameandfishfacts.com<\/a> \u2014 \u0441\u0438\u043c\u043f\u0430\u0442\u0438\u0447\u043d\u044b\u0439 \u0441\u0430\u0439\u0442 \u0441 \u0444\u043e\u043d\u043e\u0432\u044b\u043c \u0432\u0438\u0434\u0435\u043e \u0438 \u0444\u043b\u0438\u043f-\u0430\u043d\u0438\u043c\u0430\u0446\u0438\u0435\u0439<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"https:\/\/madebyfew.com\/\">madebyfew.com<\/a> \u2014 \u0441\u0442\u0440\u0430\u043d\u0438\u0447\u043a\u0430 \u0441 \u0443\u0434\u0430\u0447\u043d\u044b\u043c \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435\u043c \u043f\u0430\u0440\u0430\u043b\u043b\u0430\u043a\u0441\u043e\u043c<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/lookbook.quechua.com\/spring-summer-2016\/en\">Lookbook 2016<\/a> \u2014 \u0432\u0435\u0440\u0442\u0438\u043a\u0430\u043b\u044c\u043d\u044b\u0439 \u0441\u043a\u0440\u043e\u043b\u043b-\u0441\u0430\u0439\u0442 \u0441 \u043f\u0430\u0440\u0430\u043b\u043b\u0430\u043a\u0441\u043e\u043c, \u0438\u043d\u0442\u0435\u0440\u0435\u0441\u043d\u044b\u043c\u0438 \u044d\u0444\u0444\u0435\u043a\u0442\u0430\u043c\u0438 \u0438 \u0430\u043d\u0438\u043c\u0430\u0446\u0438\u0435\u0439<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"https:\/\/www.bizpoint.com\/\">bizpoint.com<\/a> \u2014 \u043d\u043e\u0432\u0430\u044f \u0441\u043e\u0446\u0438\u0430\u043b\u044c\u043d\u0430\u044f \u0441\u0435\u0442\u044c \u0441 \u043d\u0435\u043d\u0430\u0432\u044f\u0437\u0447\u0438\u0432\u044b\u043c \u0434\u0438\u0437\u0430\u0439\u043d\u043e\u043c \u0438 \u043f\u0440\u0435\u0442\u0435\u043d\u0437\u0438\u044f\u043c\u0438 \u043d\u0430 \u043b\u0430\u0432\u0440\u044b Yelp<\/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><img decoding=\"async\" alt=\"habr\" src=\"https:\/\/habrastorage.org\/storage2\/c57\/b92\/af4\/c57b92af4ee0d37f787c211a068b1b95.png\"\/> <a href=\"https:\/\/habrahabr.ru\/post\/282644\/\">\u0412\u0435\u0431-\u0441\u0430\u0439\u0442\u044b \u043f\u0440\u043e\u0434\u043e\u043b\u0436\u0430\u044e\u0442 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u00ab\u0442\u0451\u043c\u043d\u044b\u0435 \u043f\u0430\u0442\u0442\u0435\u0440\u043d\u044b\u00bb: \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u044b, \u043f\u0440\u0435\u0434\u043d\u0430\u0437\u043d\u0430\u0447\u0435\u043d\u043d\u044b\u0435 \u0434\u043b\u044f \u043e\u0431\u043c\u0430\u043d\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\/yandex\/blog\/282534\/\">\u0428\u0440\u0438\u0444\u0442 \u042f\u043d\u0434\u0435\u043a\u0441\u0430 \u2014 Yandex Sans<\/a><\/li>\n<li><a href=\"https:\/\/medium.com\/@k00\/%D1%88%D1%80%D0%B8%D1%84%D1%82-%D1%8F%D0%BD%D0%B4%D0%B5%D0%BA%D1%81%D0%B0-yandex-sans-1c2ab7dfd537\">\u0415\u0449\u0435 \u043e \u0434\u0435\u0442\u0430\u043b\u044f\u0445 \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u044f Yandex Sans \u0432 \u0431\u043b\u043e\u0433\u0435 \u043e\u0434\u043d\u043e\u0433\u043e \u0438\u0437 \u0430\u0432\u0442\u043e\u0440\u043e\u0432<\/a><\/li>\n<li><a href=\"https:\/\/www.youtube.com\/watch?v=Z8PLnCOC91w&amp;feature=youtu.be\">\u042f.\u0421\u0443\u0431\u0431\u043e\u0442\u043d\u0438\u043a \u0434\u043b\u044f \u0434\u0438\u0437\u0430\u0439\u043d\u0435\u0440\u043e\u0432 \u2014 \u0437\u0430\u043f\u0438\u0441\u044c \u0442\u0440\u0430\u043d\u0441\u043b\u044f\u0446\u0438\u0438<\/a><\/li>\n<li><a href=\"http:\/\/ain.ua\/2016\/04\/30\/646446\">\u041f\u043e\u0447\u0435\u043c\u0443 \u0434\u0438\u0437\u0430\u0439\u043d Facebook \u0438\u043c\u0435\u043d\u043d\u043e \u0442\u0430\u043a\u043e\u0439 \u0438 \u043a\u0430\u043a \u043f\u0440\u0438\u043d\u0438\u043c\u0430\u044e\u0442\u0441\u044f \u0440\u0435\u0448\u0435\u043d\u0438\u044f \u0432\u043d\u0443\u0442\u0440\u0438 \u043a\u043e\u043c\u043f\u0430\u043d\u0438\u0438<\/a><\/li>\n<li><a href=\"http:\/\/sketchapp.me\/5-ux-sposobov-nachat-razrabotku-dizajna-pravilno\/\">5 UX \u0441\u043f\u043e\u0441\u043e\u0431\u043e\u0432 \u043d\u0430\u0447\u0430\u0442\u044c \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0443 \u0434\u0438\u0437\u0430\u0439\u043d\u0430 \u043f\u0440\u0430\u0432\u0438\u043b\u044c\u043d\u043e<\/a><\/li>\n<li><a href=\"http:\/\/sketchapp.me\/indikatory-progressa-v-mobilnom-ux-dizajne\/\">\u0418\u043d\u0434\u0438\u043a\u0430\u0442\u043e\u0440\u044b \u043f\u0440\u043e\u0433\u0440\u0435\u0441\u0441\u0430 \u0432 \u043c\u043e\u0431\u0438\u043b\u044c\u043d\u043e\u043c UX-\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\/eightshapes-llc\/buttons-in-design-systems-eac3acf7e23\">\u041a\u043d\u043e\u043f\u043a\u0438 \u0432 \u0441\u0438\u0441\u0442\u0435\u043c\u0430\u0445 \u0434\u0438\u0437\u0430\u0439\u043d\u0430: 12 \u0441\u043e\u0432\u0435\u0442\u043e\u0432 <\/a> Buttons in Design Systems<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/lisacharlotterost.github.io\/2016\/04\/22\/Colors-for-DataVis\/\">\u0414\u0440\u0443\u0436\u0435\u0441\u0442\u0432\u0435\u043d\u043d\u043e\u0435 \u0440\u0443\u043a\u043e\u0432\u043e\u0434\u0441\u0442\u0432\u043e \u043f\u043e \u0446\u0432\u0435\u0442\u0430\u043c \u0432 \u0432\u0438\u0437\u0443\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0438 \u0438\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u0438<\/a> (Your Friendly Guide to Colors in Data Visualisation)<\/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\/this-interface-is-a-good-joke\/\">\u042d\u0442\u043e\u0442 \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441 \u2014 \u044d\u0442\u043e (\u0445\u043e\u0440\u043e\u0448\u0430\u044f) \u0448\u0443\u0442\u043a\u0430<\/a> (This Interface Is A (Good) Joke!)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"https:\/\/speckyboy.com\/2016\/04\/27\/innovative-web-design-inspiration\/\">10 \u043d\u0435\u0434\u0430\u0432\u043d\u0438\u0445 \u0438\u043d\u043d\u043e\u0432\u0430\u0446\u0438\u0439 \u0432 \u0432\u0435\u0431-\u0434\u0438\u0437\u0430\u0439\u043d\u0435 \u0434\u043b\u044f \u0432\u0430\u0448\u0435\u0433\u043e \u0432\u0434\u043e\u0445\u043d\u043e\u0432\u0435\u043d\u0438\u044f<\/a> (10 Recent Innovative Web Designs For Your Inspiration)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"https:\/\/speckyboy.com\/2016\/04\/25\/analyzing-effectiveness-hamburger-menus-web-design\/\">\u0410\u043d\u0430\u043b\u0438\u0437 \u044d\u0444\u0444\u0435\u043a\u0442\u0438\u0432\u043d\u043e\u0441\u0442\u0438 \u0433\u0430\u043c\u0431\u0443\u0440\u0433\u0435\u0440\u043d\u043e\u0433\u043e \u043c\u0435\u043d\u044e \u0432 \u0432\u0435\u0431-\u0434\u0438\u0437\u0430\u0439\u043d\u0435<\/a> (Analyzing the Effectiveness of Hamburger Menus in Web Design)<\/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\/experts-weigh-in-is-flat-design-making-the-web-boring.html\">\u041c\u043d\u0435\u043d\u0438\u044f \u044d\u043a\u0441\u043f\u0435\u0440\u0442\u043e\u0432: \u0434\u0435\u043b\u0430\u0435\u0442 \u043b\u0438 \u043f\u043b\u043e\u0441\u043a\u0438\u0439 \u0434\u0438\u0437\u0430\u0439\u043d \u0432\u0435\u0431 \u0441\u043a\u0443\u0447\u043d\u044b\u043c?<\/a> (Experts Weigh In: Is Flat Design Making The Web Boring?)<\/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\/can-a-design-be-correct\">\u041c\u043e\u0436\u0435\u0442 \u043b\u0438 \u0434\u0438\u0437\u0430\u0439\u043d \u0431\u044b\u0442\u044c \u00ab\u043f\u0440\u0430\u0432\u0438\u043b\u044c\u043d\u044b\u043c\u00bb? <\/a><\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/www.nickkolenda.com\/user-experience\">125 \u0441\u043e\u0432\u0435\u0442\u043e\u0432 \u043f\u043e \u043e\u043f\u0442\u0438\u043c\u0438\u0437\u0430\u0446\u0438\u0438 \u044e\u0437\u0430\u0431\u0438\u043b\u0438\u0442\u0438 \u0432\u0430\u0448\u0435\u0433\u043e \u0441\u0430\u0439\u0442\u0430<\/a> (125 Easy Tweaks to Optimize Your Website\u2019s Usability Today)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/designhooks.com\/design-effective-login-forms-great-ux\/?ref=webdesignernews.com\">\u041a\u0430\u043a \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0430\u0442\u044c \u044d\u0444\u0444\u0435\u043a\u0442\u0438\u0432\u043d\u044b\u0439 \u0434\u0438\u0437\u0430\u0439\u043d \u0444\u043e\u0440\u043c \u043b\u043e\u0433\u0438\u043d\u0430<\/a> (How to design effective login forms with great UX)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/blog.invisionapp.com\/improve-your-design-presentations\/\">\u041f\u044f\u0442\u044c \u0441\u043f\u043e\u0441\u043e\u0431\u043e\u0432 \u0443\u043b\u0443\u0447\u0448\u0435\u043d\u0438\u044f \u0434\u0438\u0437\u0430\u0439\u043d\u0435\u0440\u0441\u043a\u0438\u0445 \u043f\u0440\u0435\u0437\u0435\u043d\u0442\u0430\u0446\u0438\u0439<\/a> (5 ways to improve your design presentations)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"https:\/\/medium.com\/@_pulkitagrawal\/why-tooltips-are-terrible-and-why-you-should-use-them-for-your-product-98b66ba6b038\">\u041f\u043e\u0447\u0435\u043c\u0443 \u0432\u0441\u043f\u043b\u044b\u0432\u0430\u044e\u0449\u0438\u0435 \u043f\u043e\u0434\u0441\u043a\u0430\u0437\u043a\u0438 \u0443\u0436\u0430\u0441\u043d\u044b \u0438 \u043f\u043e\u0447\u0435\u043c\u0443 \u0438\u0445 \u0441\u0442\u043e\u0438\u0442 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u0434\u043b\u044f \u043f\u0440\u043e\u0434\u0443\u043a\u0442\u043e\u0432<\/a> (Why tooltips are terrible and why you should use them for your product)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"https:\/\/medium.com\/@ux_in_motion\/5-mistakes-to-avoid-when-designing-micro-interactions-a6f638ee6a86\">\u041f\u044f\u0442\u044c \u043e\u0448\u0438\u0431\u043e\u043a, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0441\u0442\u043e\u0438\u0442 \u0438\u0437\u0431\u0435\u0433\u0430\u0442\u044c \u043f\u0440\u0438 \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u0438 \u0434\u0438\u0437\u0430\u0439\u043d\u0430 \u0432\u0437\u0430\u0438\u043c\u043e\u0434\u0435\u0439\u0441\u0442\u0432\u0438\u044f \u0441 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u0435\u043c<\/a> (5 Mistakes to Avoid When Designing Micro-interactions)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"https:\/\/bjango.com\/articles\/designdebugging\/\">\u041e\u0442\u043b\u0430\u0434\u043a\u0430 \u0434\u0438\u0437\u0430\u0439\u043d\u0430<\/a> (Design debugging)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"https:\/\/blog.prototypr.io\/facebook-camera-2f7e962d6b6b\">\u041a\u043e\u043d\u0446\u0435\u043f\u0442 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f Facebook Camera<\/a> (Facebook Camera)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/blogs.adobe.com\/creativecloud\/april-update-of-adobe-experience-design-cc\/\">\u0410\u043f\u0440\u0435\u043b\u044c\u0441\u043a\u043e\u0435 \u043e\u0431\u043d\u043e\u0432\u043b\u0435\u043d\u0438\u0435 Adobe Experience \u0434\u0438\u0437\u0430\u0439\u043d CC<\/a> (April Update of Adobe Experience Design CC)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"https:\/\/medium.com\/interactive-mind\/designers-dont-make-it-too-easy-to-mess-up-233e781d15e5\">\u0414\u0438\u0437\u0430\u0439\u043d\u0435\u0440\u044b: \u043d\u0435 \u0434\u0430\u0432\u0430\u0439\u0442\u0435 \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u0438 \u0441\u043b\u0438\u0448\u043a\u043e\u043c \u043f\u0440\u043e\u0441\u0442\u043e \u043e\u0448\u0438\u0431\u0430\u0442\u044c\u0441\u044f<\/a> (Designers: Don\u2019t make it too easy to mess up)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"https:\/\/medium.com\/@jonathanbelton\/prototyping-a-circular-loading-indicator-using-principle-for-mac-ca4d910726ee\">\u041f\u0440\u043e\u0442\u043e\u0442\u0438\u043f\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435 \u0438\u043d\u0434\u0438\u043a\u0430\u0442\u043e\u0440\u0430 \u0437\u0430\u0433\u0440\u0443\u0437\u043a\u0438 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u044f Principle (mac)<\/a> (Prototyping a circular loading indicator using Principle for mac)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/adage.com\/article\/cmo-strategy\/coca-cola-unveils-global-packaging\/303613\/\">Coca-Cola \u043f\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u0438\u043b\u0430 \u043d\u043e\u0432\u044b\u0439 \u0434\u0438\u0437\u0430\u0439\u043d \u0443\u043f\u0430\u043a\u043e\u0432\u043a\u0438<\/a> (Coca-Cola Unveils New Global Packaging)<\/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\/designing-a-better-notes-app-f082bb165c1\">\u041a\u0430\u043a \u0441\u0434\u0435\u043b\u0430\u0442\u044c \u043b\u0443\u0447\u0448\u0438\u0439 \u0434\u0438\u0437\u0430\u0439\u043d \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0439 \u0434\u043b\u044f \u0437\u0430\u043c\u0435\u0442\u043e\u043a<\/a> (Designing a Better Notes App)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"https:\/\/uxplanet.org\/designing-ux-login-form-and-process-8b17167ed5b9\">\u041f\u0440\u043e\u0446\u0435\u0441\u0441 \u0434\u0438\u0437\u0430\u0439\u043d\u0430 \u0444\u043e\u0440\u043c\u044b \u0430\u0432\u0442\u043e\u0440\u0438\u0437\u0430\u0446\u0438\u0438<\/a> (Designing UX Login Form and Process)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"https:\/\/www.chenhuijing.com\/blog\/speak-web\/\">\u0412\u0435\u0431 \u0434\u0438\u0437\u0430\u0439\u043d\u0435\u0440\u044b, \u043c\u043e\u0436\u0435\u0442\u0435 \u043b\u0438 \u0432\u044b \u0433\u043e\u0432\u043e\u0440\u0438\u0442\u044c \u043d\u0430 \u044f\u0437\u044b\u043a\u0435 web-\u0430?<\/a> (Web designers, can you speak web?)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/www.sitepoint.com\/sourcehunt-design-april\/\">\u0410\u043f\u0440\u0435\u043b\u044c\u0441\u043a\u0438\u0439 \u043f\u043e\u0438\u0441\u043a \u0440\u0435\u0441\u0443\u0440\u0441\u043e\u0432: \u043a\u0430\u043a \u043d\u0430\u0441\u0447\u0435\u0442 \u0434\u043e\u0431\u0430\u0432\u043b\u0435\u043d\u0438\u044f Fedora \u0432 \u0432\u0430\u0448\u0435 CV?<\/a> (Sourcehunt Design April: How About Adding Fedora to Your CV?)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/photography.tutsplus.com\/articles\/how-to-relight-portraits-in-post-with-these-6-dramatic-photoshop-actions--cms-26439\">\u041a\u0430\u043a \u043e\u0436\u0438\u0432\u0438\u0442\u044c \u043f\u043e\u0440\u0442\u0440\u0435\u0442\u043d\u044b\u0435 \u0444\u043e\u0442\u043e, \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u044f Photoshop Actions<\/a> (How to Relight Portraits in Post With These 6 Dramatic Photoshop Actions)<\/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_for_guinness_by_design_bridge.php\">\u041d\u043e\u0432\u044b\u0439 \u043b\u043e\u0433\u043e\u0442\u0438\u043f \u0434\u043b\u044f Guinness \u043e\u0442 Design Bridge<\/a> (New Logo for Guinness by Design Bridge. Putting the Harp in Sharp)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/www.colorlisa.com\/\">Color Lisa<\/a> &mdash; \u0446\u0432\u0435\u0442\u043e\u0432\u044b\u0435 \u043f\u0430\u043b\u0438\u0442\u0440\u044b \u043b\u0443\u0447\u0448\u0438\u0445 \u0445\u0443\u0434\u043e\u0436\u043d\u0438\u043a\u043e\u0432<\/li>\n<\/ul>\n<p>   <\/p>\n<h3><img decoding=\"async\" src=\"https:\/\/habrastorage.org\/getpro\/habr\/post_images\/a27\/ea0\/6f7\/a27ea06f7d56f6b750420fcbc5c63da8.gif\"\/> \u041f\u043e\u0434\u0431\u043e\u0440\u043a\u0430 \u0431\u0435\u0441\u043f\u043b\u0430\u0442\u043d\u044b\u0445 \u0434\u0438\u0437\u0430\u0439\u043d\u0435\u0440\u0441\u043a\u0438\u0445 \u043f\u0435\u0447\u0435\u043d\u0435\u043a<\/h3>\n<p>   <\/p>\n<ul>\n<li><a href=\"http:\/\/www.dejurka.ru\/graphics\/work-and-business-icons\/\">\u0412\u0435\u043a\u0442\u043e\u0440\u043d\u044b\u0439 \u043a\u043b\u0438\u043f\u0430\u0440\u0442, \u043f\u043e\u0441\u0432\u044f\u0449\u0435\u043d\u043d\u044b\u0439 \u0440\u0430\u0431\u043e\u0442\u0435<\/a><\/li>\n<li><a href=\"http:\/\/www.dejurka.ru\/graphics\/nature-textures-free\/\">\u0411\u0435\u0441\u043f\u043b\u0430\u0442\u043d\u044b\u0435 \u0442\u0435\u043a\u0441\u0442\u0443\u0440\u044b, \u043f\u043e\u0434\u0430\u0440\u0435\u043d\u043d\u044b\u0435 \u043d\u0430\u043c \u043f\u0440\u0438\u0440\u043e\u0434\u043e\u0439<\/a><\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"https:\/\/pixelbuddha.net\/freebie\/wyre-web-layout-flowcharts\">Wyre: \u043c\u043d\u043e\u0433\u043e \u0448\u0430\u0431\u043b\u043e\u043d\u043e\u0432 \u0434\u043b\u044f \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u044f \u043a\u0430\u0440\u0442 \u0441\u0430\u0439\u0442\u043e\u0432<\/a> (Wyre: Web Layout Flowcharts)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/blogsizzle.com\/templates\/free-chat-app-ui-kit\/\">\u041d\u0430\u0431\u043e\u0440 UI \u0432 PSD \u0444\u043e\u0440\u043c\u0430\u0442\u0435 Chat App UI Kit<\/a> (Free Chat App UI Design Kit PSD)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/webresourcesdepot.com\/free-ui-kit-avital\/\">Avital: \u043d\u0430\u0431\u043e\u0440 UI \u0434\u043b\u044f \u043c\u043e\u0431\u0438\u043b\u044c\u043d\u044b\u0445 iOS \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0439<\/a> (Avital: Free UI Kit For Mobile Apps)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/www.orphicpixel.com\/10-free-high-quality-psd-mockups\/\">\u041c\u043e\u043a\u0430\u043f\u044b \u0434\u043b\u044f \u0434\u0435\u043c\u043e\u043d\u0441\u0442\u0440\u0430\u0446\u0438\u0438 \u0434\u0438\u0437\u0430\u0439\u043d\u0430<\/a> (10+ Free High Quality PSD Mockups)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/blog.invisionapp.com\/free-graphic-design-icons\/\">\u041d\u0430\u0431\u043e\u0440 \u0438\u043a\u043e\u043d\u043e\u043a \u0441 \u043f\u043b\u043e\u0441\u043a\u0438\u043c \u0434\u0438\u0437\u0430\u0439\u043d\u043e\u043c \u043d\u0430 \u0442\u0435\u043c\u0443 \u0434\u0438\u0437\u0430\u0439\u043d\u0430<\/a> (Download 36 flat graphic design icons\u2014free!)<\/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\/freebie-hotel-spa-55-icons-png-svg\/\"> \u041d\u0430\u0431\u043e\u0440 \u0438\u043a\u043e\u043d\u043e\u043a \u043d\u0430 \u0442\u0435\u043c\u0443 \u0433\u043e\u0441\u0442\u0438\u043d\u0438\u0446 \u0438 \u0421\u041f\u0410<\/a> (Freebie: Hotel And Spa Icon Set (55 Icons PNG, SVG))<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"https:\/\/www.behance.net\/gallery\/36297275\/Montano-Font-(Free)\">Montano &mdash; \u0440\u0443\u043a\u043e\u043f\u0438\u0441\u043d\u044b\u0439 \u0448\u0440\u0438\u0444\u0442<\/a> (Montano was a font that started on paper for a skillshare class, which later turned into a digital font.)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/blogsizzle.com\/fonts\/mightype-hand-lettering-font-free-download\/\">\u0420\u043e\u043c\u0430\u043d\u0442\u0438\u0447\u043d\u044b\u0439 \u0440\u0443\u043a\u043e\u043f\u0438\u0441\u043d\u044b\u0439 \u0448\u0440\u0438\u0444\u0442 Mightype<\/a> (Mightype Hand Lettering Font \u2013 Free Download)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"https:\/\/www.behance.net\/gallery\/36264635\/Quish-Typeface\">Quish &mdash; \u0440\u0443\u043a\u043e\u043f\u0438\u0441\u043d\u044b\u0439 \u043a\u0438\u0441\u0442\u0435\u0432\u043e\u0439 \u0448\u0440\u0438\u0444\u0442<\/a> (Quish is a handwritten display typeface, designed with a brush and rough styling in some of the letters)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"https:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"https:\/\/fontea.madebysource.com\/\">FONTEA<\/a> &mdash; \u043f\u043b\u0430\u0433\u0438\u043d \u0434\u043b\u044f \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u044f \u0441\u0435\u043c\u0438\u0441\u043e\u0442 Google-\u0448\u0440\u0438\u0444\u0442\u043e\u0432 \u0432 Photoshop-\u0435<\/li>\n<\/ul>\n<h3><a name=\"news\"><\/a><img decoding=\"async\" src=\"https:\/\/habrastorage.org\/getpro\/habr\/post_images\/281\/994\/c0f\/281994c0fe695abbe6d963faed1cffb6.gif\"\/> \u041d\u043e\u0432\u043e\u0441\u0442\u0438 \u0438 \u0417\u0430\u043d\u0438\u043c\u0430\u0442\u0435\u043b\u044c\u043d\u043e\u0435<\/h3>\n<p>   <\/p>\n<ul>\n<li><a href=\"http:\/\/www.3dnews.ru\/931871\">\u0421\u0438\u043b\u044c\u043d\u044b\u0439 \u0434\u043e\u043b\u043b\u0430\u0440 \u0438 \u0440\u0430\u0441\u0445\u043e\u0434\u044b \u043d\u0430 \u043f\u0440\u0438\u0432\u043b\u0435\u0447\u0435\u043d\u0438\u0435 \u0442\u0440\u0430\u0444\u0438\u043a\u0430 \u043e\u0442\u0440\u0430\u0437\u0438\u043b\u0438\u0441\u044c \u043d\u0430 \u0434\u043e\u0445\u043e\u0434\u0430\u0445 Alphabet<\/a><\/li>\n<li><a href=\"http:\/\/www.searchengines.ru\/news\/archives\/twitter_zaklyuchil_yelp.html\">Twitter \u0437\u0430\u043a\u043b\u044e\u0447\u0438\u043b \u043f\u0430\u0440\u0442\u043d\u0451\u0440\u0441\u043a\u043e\u0435 \u0441\u043e\u0433\u043b\u0430\u0448\u0435\u043d\u0438\u0435 \u0441 Yelp<\/a><\/li>\n<li><a href=\"http:\/\/gagadget.com\/announce\/21823-na-hrombukah-poyavyatsya-millionyi-android-prilozhenij\/\">\u041d\u0430 \u0445\u0440\u043e\u043c\u0431\u0443\u043a\u0430\u0445 \u043f\u043e\u044f\u0432\u044f\u0442\u0441\u044f \u043c\u0438\u043b\u043b\u0438\u043e\u043d\u044b Android-\u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0439<\/a><\/li>\n<li><a href=\"http:\/\/itc.ua\/news\/sredniy-razmer-veb-stranitsyi-prevyisil-razmer-ustanovshhika-originalnogo-doom\/\">\u0421\u0440\u0435\u0434\u043d\u0438\u0439 \u0440\u0430\u0437\u043c\u0435\u0440 \u0432\u0435\u0431-\u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b \u043f\u0440\u0435\u0432\u044b\u0441\u0438\u043b \u0440\u0430\u0437\u043c\u0435\u0440 \u0443\u0441\u0442\u0430\u043d\u043e\u0432\u0449\u0438\u043a\u0430 \u043e\u0440\u0438\u0433\u0438\u043d\u0430\u043b\u044c\u043d\u043e\u0433\u043e Doom<\/a><\/li>\n<li><a href=\"http:\/\/www.cossa.ru\/news\/244\/127513\/\">\u00ab\u042f\u043d\u0434\u0435\u043a\u0441\u00bb \u0437\u0430\u043f\u0443\u0441\u043a\u0430\u0435\u0442 \u043c\u043e\u0434\u0435\u0440\u0430\u0446\u0438\u044e \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0439 \u0432 \u0441\u043e\u0446\u0441\u0435\u0442\u044f\u0445<\/a><\/li>\n<li><a href=\"http:\/\/www.opennet.ru\/opennews\/art.shtml?num=44313\">GitHub \u0438 SourceForge \u043f\u0440\u0438\u0437\u043d\u0430\u043d\u044b \u043d\u0435\u043f\u0440\u0438\u0435\u043c\u043b\u0435\u043c\u044b\u043c\u0438 \u0434\u043b\u044f \u0440\u0430\u0437\u043c\u0435\u0449\u0435\u043d\u0438\u044f \u043a\u043e\u0434\u0430 \u043f\u0440\u043e\u0435\u043a\u0442\u043e\u0432 GNU<\/a><\/li>\n<li><a href=\"http:\/\/www.opennet.ru\/opennews\/art.shtml?num=44333\">Mozilla \u0438\u0449\u0435\u0442 \u043d\u043e\u0432\u043e\u0435 \u043f\u0440\u0438\u0441\u0442\u0430\u043d\u0438\u0449\u0435 \u0434\u043b\u044f \u043f\u0440\u043e\u0435\u043a\u0442\u0430 Thunderbird<\/a><\/li>\n<li><a href=\"http:\/\/gagadget.com\/business\/21907-google-interesovalas-pokupkoj-telegram\/\">Google \u0438\u043d\u0442\u0435\u0440\u0435\u0441\u043e\u0432\u0430\u043b\u0430\u0441\u044c \u043f\u043e\u043a\u0443\u043f\u043a\u043e\u0439 Telegram<\/a><\/li>\n<li><a href=\"https:\/\/vc.ru\/p\/minecraft-generation\">\u041f\u043e\u043a\u043e\u043b\u0435\u043d\u0438\u0435 Minecraft: \u041a\u0430\u043a \u043a\u043e\u043c\u043f\u044c\u044e\u0442\u0435\u0440\u043d\u0430\u044f \u0438\u0433\u0440\u0430 \u0441\u0442\u0430\u043b\u0430 \u043d\u043e\u0432\u044b\u043c Lego \u0434\u043b\u044f \u0434\u0435\u0442\u0435\u0439 \u0432\u0441\u0435\u0445 \u0432\u043e\u0437\u0440\u0430\u0441\u0442\u043e\u0432<\/a><\/li>\n<li><a href=\"https:\/\/vc.ru\/p\/vive-vs-oculus?from=rss\">Oculus Rift \u0438 HTC Vive: \u043a\u0430\u043a\u043e\u0439 \u0448\u043b\u0435\u043c \u0432\u0438\u0440\u0442\u0443\u0430\u043b\u044c\u043d\u043e\u0439 \u0440\u0435\u0430\u043b\u044c\u043d\u043e\u0441\u0442\u0438 \u0432\u044b\u0431\u0440\u0430\u0442\u044c<\/a><\/li>\n<li><a href=\"http:\/\/keddr.com\/2016\/04\/top-5-bezumnyih-veshhey-kotoryie-zapuskali-na-smart-chasah\/\">\u0422\u043e\u043f-5 \u00ab\u0431\u0435\u0437\u0443\u043c\u043d\u044b\u0445\u00bb \u0432\u0435\u0449\u0435\u0439, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0437\u0430\u043f\u0443\u0441\u043a\u0430\u043b\u0438 \u043d\u0430 \u0441\u043c\u0430\u0440\u0442-\u0447\u0430\u0441\u0430\u0445 <\/a><\/li>\n<li><a href=\"http:\/\/itc.ua\/news\/spacex-ilona-maska-planiruet-poslat-kosmicheskiy-korabl-na-mars-uzhe-v-2018-godu\/\">SpaceX \u0418\u043b\u043e\u043d\u0430 \u041c\u0430\u0441\u043a\u0430 \u043f\u043b\u0430\u043d\u0438\u0440\u0443\u0435\u0442 \u043e\u0442\u043f\u0440\u0430\u0432\u0438\u0442\u044c \u043a\u043e\u0441\u043c\u0438\u0447\u0435\u0441\u043a\u0438\u0439 \u043a\u043e\u0440\u0430\u0431\u043b\u044c \u043d\u0430 \u041c\u0430\u0440\u0441 \u0443\u0436\u0435 \u0432 2018 \u0433\u043e\u0434\u0443<\/a><\/li>\n<li><a href=\"http:\/\/sketchapp.me\/macos-nastalo-vremya-shagnut-vpered\/\">macOS: \u043d\u0430\u0441\u0442\u0430\u043b\u043e \u0432\u0440\u0435\u043c\u044f \u0448\u0430\u0433\u043d\u0443\u0442\u044c \u0432\u043f\u0435\u0440\u0435\u0434<\/a><\/li>\n<li><a href=\"http:\/\/gmbox.ru\/genre\/kibersport\/totalizatory-budushchego-kibersport-i-kriptovalyuta\">\u0422\u043e\u0442\u0430\u043b\u0438\u0437\u0430\u0442\u043e\u0440\u044b \u0431\u0443\u0434\u0443\u0449\u0435\u0433\u043e: \u043a\u0438\u0431\u0435\u0440\u0441\u043f\u043e\u0440\u0442 \u0438 \u043a\u0440\u0438\u043f\u0442\u043e\u0432\u0430\u043b\u044e\u0442\u0430<\/a><\/li>\n<li><a href=\"http:\/\/gagadget.com\/science\/21895-spacex-otpravit-korabli-red-dragon-na-mars-v-2018\/\">SpaceX \u043e\u0442\u043f\u0440\u0430\u0432\u0438\u0442 \u043a\u043e\u0440\u0430\u0431\u043b\u0438 Red Dragon \u043d\u0430 \u041c\u0430\u0440\u0441 \u0432 2018<\/a><\/li>\n<li><a href=\"http:\/\/gagadget.com\/announce\/21899-obnovlenie-windows-10-poyavilos-v-pryamom-efire-prognoza-pogodyi\/\">\u041e\u0431\u043d\u043e\u0432\u043b\u0435\u043d\u0438\u0435 Windows 10 \u043f\u043e\u044f\u0432\u0438\u043b\u043e\u0441\u044c \u0432 \u043f\u0440\u044f\u043c\u043e\u043c \u044d\u0444\u0438\u0440\u0435 \u043f\u0440\u043e\u0433\u043d\u043e\u0437\u0430 \u043f\u043e\u0433\u043e\u0434\u044b<\/a><\/li>\n<li><a href=\"http:\/\/www.computerra.ru\/146528\/google-sobiraetsya-uluchshat-goroda\/\">Google \u0441\u043e\u0431\u0438\u0440\u0430\u0435\u0442\u0441\u044f \u0443\u043b\u0443\u0447\u0448\u0430\u0442\u044c \u0433\u043e\u0440\u043e\u0434\u0430<\/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\/282325\/\">\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\/282836\/\"> https:\/\/habrahabr.ru\/post\/282836\/<\/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\/b06\/15c\/920\/b0615c9202da49d1a6c81000c769c2f0.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-279450","post","type-post","status-publish","format-standard","hentry"],"_links":{"self":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/posts\/279450","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=279450"}],"version-history":[{"count":0,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/posts\/279450\/revisions"}],"wp:attachment":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=279450"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=279450"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=279450"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}