{"id":258837,"date":"2015-06-08T01:37:02","date_gmt":"2015-06-07T21:37:02","guid":{"rendered":"http:\/\/savepearlharbor.com\/?p=258837"},"modified":"-0001-11-30T00:00:00","modified_gmt":"-0001-11-29T21:00:00","slug":"","status":"publish","type":"post","link":"https:\/\/savepearlharbor.com\/?p=258837","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 \u2116163 (1 \u2014 7 \u0438\u044e\u043d\u044f 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<\/p>\n<p>  <img decoding=\"async\" src=\"https:\/\/habrastorage.org\/files\/0fd\/11c\/b69\/0fd11cb6982b41da87782b235ed05f66.png\"\/><br \/>  <a name=\"habracut\"><\/a> <\/p>\n<table>\n<tr>\n<td>\n<h6><a href=\"#webdev\"><b>\u0412\u0435\u0431-\u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0430<\/b><\/a><\/h6>\n<\/td>\n<\/tr>\n<tr>\n<td>\n<h6><a href=\"#css\"><b><nobr>CSS<\/nobr><\/b><\/a><\/h6>\n<\/td>\n<\/tr>\n<tr>\n<td>\n<h6><a href=\"#js\"><b><nobr>Javascript<\/nobr><\/b><\/a><\/h6>\n<\/td>\n<\/tr>\n<tr>\n<td>\n<h6><a href=\"#browser\"><b>\u0411\u0440\u0430\u0443\u0437\u0435\u0440\u044b<\/b><\/a><\/h6>\n<\/td>\n<\/tr>\n<tr>\n<td>\n<h6><a href=\"#design\"><b>\u0414\u0438\u0437\u0430\u0439\u043d<\/b><\/a><\/h6>\n<\/td>\n<\/tr>\n<tr>\n<td>\n<h6><a href=\"#cookies\"><b>\u0411\u0435\u0441\u043f\u043b\u0430\u0442\u043d\u044b\u0435 \u043f\u0435\u0447\u0435\u043d\u044c\u043a\u0438<\/b><\/a><\/h6>\n<\/td>\n<\/tr>\n<tr>\n<td>\n<h6><a href=\"#news\"><b>\u041d\u043e\u0432\u043e\u0441\u0442\u0438<\/b><\/a><\/h6>\n<\/td>\n<\/tr>\n<tr>\n<td>\n<h6><a href=\"#intresting\"><b>\u0417\u0430\u043d\u0438\u043c\u0430\u0442\u0435\u043b\u044c\u043d\u043e\u0435<\/b><\/a><\/h6>\n<\/td>\n<\/tr>\n<\/table>\n<p><a name=\"webdev\"><\/a>   <\/p>\n<h1><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<\/h1>\n<p>   <\/p>\n<ul>\n<li><a href=\"http:\/\/frontender.info\/learning-to-love-bem\/\">\u0423\u0447\u0438\u043c\u0441\u044f \u043b\u044e\u0431\u0438\u0442\u044c \u0411\u042d\u041c<\/a><\/li>\n<li>SVG:<br \/> \n<ul>\n<li><img decoding=\"async\" alt=\"en\" src=\"http:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/html5.by\/blog\/animate-svg-path\">\u0410\u043d\u0438\u043c\u0430\u0446\u0438\u044f \u043a\u043e\u043d\u0442\u0443\u0440\u043e\u0432 SVG-\u0444\u0438\u0433\u0443\u0440 \u0441 \u043f\u0440\u0438\u043c\u0435\u0440\u0430\u043c\u0438. \u042d\u0444\u0444\u0435\u043a\u0442 \u201c\u0440\u0438\u0441\u043e\u0432\u0430\u043d\u0438\u044f\u201d c \u043f\u043e\u043c\u043e\u0449\u044c\u044e stroke-dasharray \u0438 stroke-dashoffset.<\/a><\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"http:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/jxnblk.com\/react-icons\/\">\u0421\u043e\u0437\u0434\u0430\u0435\u043c SVG \u0438\u043a\u043e\u043d\u043a\u0438 \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e React<\/a> (Building SVG Icons with React)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"http:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"https:\/\/github.com\/meyerweb\/px2svg\">px2svg<\/a> \u2014 \u0438\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442 \u0434\u043b\u044f \u043a\u043e\u043d\u0432\u0435\u0440\u0442\u0430\u0446\u0438\u0438 \u0440\u0430\u0441\u0442\u0440\u043e\u0432\u044b\u0445 \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0439 \u0432 SVG<\/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\/06\/the-state-of-svg-animation.html\">\u0422\u0435\u043a\u0443\u0449\u0435\u0435 \u0441\u043e\u0441\u0442\u043e\u044f\u043d\u0438\u0435 SVG \u0430\u043d\u0438\u043c\u0430\u0446\u0438\u0438<\/a> (The State of SVG Animation)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"http:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"https:\/\/webdesignviews.com\/guide-on-how-svgs-work\/\">\u041f\u0440\u043e\u0441\u0442\u043e\u0435 \u0440\u0443\u043a\u043e\u0432\u043e\u0434\u0441\u0442\u0432\u043e \u043e \u0442\u043e\u043c, \u043a\u0430\u043a \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442 SVG<\/a> (A Simple Guide on How SVGs Work)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"http:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/greensock.com\/svg-tips\">\u0410\u043d\u0438\u043c\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u044b\u0439 SVG \u0441 GSAP<\/a><\/li>\n<\/ul>\n<p>   <\/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-great-mobile-menus-website\/\">\u0414\u0435\u043b\u0430\u0435\u043c \u043a\u043b\u0435\u0432\u043e\u0435 \u043c\u043e\u0431\u0438\u043b\u044c\u043d\u043e\u0435 \u043c\u0435\u043d\u044e \u0434\u043b\u044f \u0432\u0430\u0448\u0435\u0433\u043e \u0441\u0430\u0439\u0442\u0430<\/a> (Building Great Mobile Menus for Your Website)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"http:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/speckyboy.com\/2015\/01\/12\/free-web-design-ebooks-2014\/\">50 \u0431\u0435\u0441\u043f\u043b\u0430\u0442\u043d\u044b\u0445 \u043a\u043d\u0438\u0433 \u0434\u043b\u044f \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><\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"http:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/webdesign.tutsplus.com\/tutorials\/web-design-for-kids-welcome-to-tuts-town--cms-23680\">\u0412\u0435\u0431-\u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0430 \u0434\u043b\u044f \u0434\u0435\u0442\u0435\u0439: \u0434\u043e\u0431\u0440\u043e \u043f\u043e\u0436\u0430\u043b\u043e\u0432\u0430\u0442\u044c \u0432 \u0433\u043e\u0440\u043e\u0434\u043e\u043a Tuts+<\/a> (Web Design for Kids: Welcome to Tuts+ Town!)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"http:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/tutorialzine.com\/2015\/06\/12-time-saving-bootstrap-examples\/\">12 \u043f\u0440\u0438\u043c\u0435\u0440\u043e\u0432, \u044d\u043a\u043e\u043d\u043e\u043c\u044f\u0449\u0438\u0445 \u0432\u0440\u0435\u043c\u044f \u0432 Bootstrap<\/a> (12 Time-Saving Bootstrap Examples)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"http:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/www.toptal.com\/twitter-bootstrap\/the-10-most-common-bootstrap-mistakes\">10 \u0441\u0430\u043c\u044b\u0445 \u043f\u043e\u043f\u0443\u043b\u044f\u0440\u043d\u044b\u0445 \u043e\u0448\u0438\u0431\u043e\u043a \u043f\u0440\u0438 \u0440\u0430\u0431\u043e\u0442\u0435 \u0441 Bootstrap<\/a> (The 10 Most Common Bootstrap Mistakes)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"http:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/webdesign.tutsplus.com\/tutorials\/creating-a-future-proof-responsive-email-without-media-queries--cms-23919\">\u0421\u043e\u0437\u0434\u0430\u0435\u043c \u043e\u0442\u0437\u044b\u0432\u0447\u0438\u0432\u044b\u0435 \u043f\u0438\u0441\u044c\u043c\u0430 \u0434\u043b\u044f \u0431\u0443\u0434\u0443\u0449\u0435\u0433\u043e \u0431\u0435\u0437 \u043c\u0435\u0434\u0438\u0430-\u0437\u0430\u043f\u0440\u043e\u0441\u043e\u0432<\/a> (Creating a Future-Proof Responsive Email Without Media Queries)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"http:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/blog.cloudfour.com\/responsive-images-101-part-8-css-images\/\">\u0410\u0434\u0430\u043f\u0442\u0438\u0432\u043d\u044b\u0435 \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u044f 101, \u0447\u0430\u0441\u0442\u044c 8: CSS \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u044f<\/a> (Responsive Images 101, Part 8: CSS Images)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"http:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/www.whatcouldbewrong.com\/articles\/html5-clipboard-support\/\">\u041f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u0430 HTML5 clipboard<\/a> (HTML5 clipboard support)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"http:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"https:\/\/css-tricks.com\/copy-paste-the-web\/\">\u041a\u043e\u043f\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435 \u0438 \u0432\u0441\u0442\u0430\u0432\u043a\u0430 \u0432 Web<\/a> (Copy &amp; Paste &amp; The Web)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"http:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/tympanus.net\/Development\/ColorExtraction\/\">\u042d\u0444\u0444\u0435\u043a\u0442 \u0438\u0437\u0432\u043b\u0435\u0447\u0435\u043d\u0438\u044f \u0446\u0432\u0435\u0442\u043e\u0432 \u0441 CSS \u0444\u0438\u043b\u044c\u0442\u0440\u0430\u043c\u0438 \u0438 Vibrant.js<\/a> (Color Extraction Effect using CSS Filters and Vibrant.js)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"http:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/bitsofco.de\/2015\/the-accessibility-cheatsheet\/\">\u0428\u043f\u0430\u0440\u0433\u0430\u043b\u043a\u0430 \u043f\u043e \u0434\u043e\u0441\u0442\u0443\u043f\u043d\u043e\u0441\u0442\u0438<\/a> (The Accessibility Cheatsheet)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"http:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"https:\/\/medium.com\/cool-code-pal\/a-call-for-web-developers-to-deprecate-their-css-1f6430781393\">\u041f\u0440\u0438\u0437\u044b\u0432 \u043a \u0432\u0435\u0431-\u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u0430\u043c \u0432\u044b\u0441\u0442\u0443\u043f\u0438\u0442\u044c \u043f\u0440\u043e\u0442\u0438\u0432 \u0438\u0445 CSS<\/a> (A Call For Web Developers To Deprecate Their CSS)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"http:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"https:\/\/scotch.io\/tutorials\/how-to-speed-up-meteor-development-with-scaffolding-and-automatic-form-generation\">\u041f\u043e\u0432\u044b\u0448\u0430\u0435\u043c \u0441\u043a\u043e\u0440\u043e\u0441\u0442\u044c \u0440\u0430\u0431\u043e\u0442\u044b \u0441 Meteor<\/a> (How to Speed Up Meteor Development with Scaffolding And Automatic Form Generation )<\/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\/06\/power-surge-optimize-the-javascript-in-this-html5-game-using-firefox-developer-edition\/\">Power Surge \u2013 \u043e\u043f\u0442\u0438\u043c\u0438\u0437\u0430\u0446\u0438\u044f JavaScript \u0432 \u044d\u0442\u043e\u0439 HTML5 \u0438\u0433\u0440\u0435 \u0441 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435\u043c Firefox Developer Edition<\/a> (Power Surge \u2013 optimize the JavaScript in this HTML5 game using Firefox Developer Edition)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"http:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> \u0421\u043b\u0430\u0439\u0434\u044b \u0434\u043e\u043a\u043b\u0430\u0434\u0430 \u0412\u0438\u0442\u0430\u043b\u0438\u044f \u0424\u0440\u0438\u0434\u043c\u0430\u043d\u0430 <a href=\"https:\/\/speakerdeck.com\/smashingmag\/improving-web-fonts-performance\">\u00abImproving Web Fonts Performance\u00bb <\/a><\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"http:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <img decoding=\"async\" alt=\"video\" src=\"http:\/\/habrastorage.org\/storage3\/976\/d3e\/38a\/976d3e38a34b003f86f91795524af9f8.gif\"\/> <a href=\"https:\/\/www.youtube.com\/watch?v=d5_6yHixpsQ\">\u00abSupercharging page load\u00bb<\/a> \u2014 \u0440\u0430\u0441\u0441\u043a\u0430\u0437 \u0414\u0436\u0435\u043a\u0430 \u0410\u0440\u0447\u0438\u0431\u0430\u043b\u044c\u0434\u0430 \u043d\u0430 Google Developers \u043e \u0442\u043e\u043c, \u043a\u0430\u043a Service Worker \u043f\u043e\u043c\u043e\u0433\u0443\u0442 \u0432\u0430\u043c \u0432 \u043e\u043f\u0442\u0438\u043c\u0438\u0437\u0430\u0446\u0438\u0438 \u0441\u043a\u043e\u0440\u043e\u0441\u0442\u0438 \u0437\u0430\u0433\u0440\u0443\u0437\u043a\u0438 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b<\/li>\n<\/ul>\n<p>  <\/p>\n<hr\/>\n<p> <a name=\"css\"><\/a>   <\/p>\n<h1><img decoding=\"async\" src=\"http:\/\/habr.habrastorage.org\/post_images\/36c\/2c6\/966\/36c2c69660dd21085a2dcb71d7246ae6.gif\"\/> CSS<\/h1>\n<p>   <\/p>\n<ul>\n<li><a href=\"http:\/\/css-live.ru\/articles-css\/flexbox-vs-css-table-vertical-centering-inlines.html\">\u041a\u043e\u0433\u0434\u0430 \u0444\u043b\u0435\u043a\u0441\u0431\u043e\u043a\u0441\u044b \u043d\u0435 \u0432\u0441\u0435\u0441\u0438\u043b\u044c\u043d\u044b, \u0438\u043b\u0438 \u0441\u044e\u0440\u043f\u0440\u0438\u0437 \u0442\u0451\u043c\u043d\u043e\u0439 \u0441\u0442\u043e\u0440\u043e\u043d\u044b CSS<\/a><\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"http:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/sixrevisions.com\/css\/css-questions\/\">15 \u0432\u043e\u043f\u0440\u043e\u0441\u043e\u0432 \u0434\u043b\u044f \u0442\u0435\u0441\u0442\u0430 \u0432\u0430\u0448\u0438\u0445 \u0437\u043d\u0430\u043d\u0438\u0439 \u043f\u043e CSS<\/a> (15 CSS Questions to Test Your Knowledge)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"http:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/www.flexbox.website\/\">\u0421\u043e\u0437\u0434\u0430\u0435\u043c \u0441\u0430\u0439\u0442 \u043d\u0430 Flexbox<\/a> (Building Flexbox website)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"http:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/jonrohan.codes\/fieldnotes\/implementing-an-all-css-tooltip\/\">\u0414\u0435\u043b\u0430\u0435\u043c \u0432\u0441\u0435 \u0442\u0443\u043b\u0442\u0438\u043f\u044b \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e CSS<\/a> (Implementing an all CSS tooltip)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"http:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/sixrevisions.com\/css\/css-reset-stylesheets\/\">The Best CSS Reset Stylesheets<\/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\/06\/css-only-raindrops-on-window-effect.html\">\u042d\u0444\u0444\u0435\u043a\u0442 \u043a\u0430\u043f\u0435\u043b\u044c \u0434\u043e\u0436\u0434\u044f \u043d\u0430 \u043e\u043a\u043d\u0435 \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e CSS<\/a> (CSS-Only Raindrops on Window Effect)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"http:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/codepen.io\/carolineartz\/full\/ogVXZj\">\u0417\u0430\u043d\u044f\u0442\u043d\u044b\u0439 \u0438\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442 \u043e\u0442 CodePen, \u043e\u0431\u044a\u044f\u0441\u043d\u044f\u044e\u0449\u0438\u0439 \u0440\u0430\u0437\u043b\u0438\u0447\u0438\u0435 \u043c\u0435\u0436\u0434\u0443 content-box \u0438 border-box.<\/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\/4-ways-use-modern-css-old-browsers-61515115\">4 \u0441\u043f\u043e\u0441\u043e\u0431\u0430 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u0441\u043e\u0432\u0440\u0435\u043c\u0435\u043d\u043d\u044b\u0439 CSS \u0432 \u0441\u0442\u0430\u0440\u044b\u0445 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0430\u0445<\/a> (4 ways to use modern CSS with old browsers)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"http:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/www.zachleat.com\/web\/mitt-romney-webfont-problem\/\">\u0428\u0440\u0438\u0444\u0442\u043e\u0432\u0430\u044f \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u0430 \u041c\u0438\u0442\u0442\u0430 \u0420\u043e\u043c\u043d\u0438<\/a> (The Mitt Romney Web Font Problem )<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"http:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/www.designyourway.net\/blog\/design\/new-css-tricks-and-snippets-that-you-should-know\/\">\u041d\u043e\u0432\u044b\u0435 CSS \u0442\u0440\u044e\u043a\u0438 \u0438 \u0441\u043d\u0438\u043f\u043f\u0435\u0442\u044b, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0432\u044b \u0434\u043e\u043b\u0436\u043d\u044b \u0437\u043d\u0430\u0442\u044c<\/a> (New CSS Tricks And Snippets That You Should Know)<\/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\/06\/02\/the-making-of-in-pieces\/\">\u0421\u043e\u0437\u0434\u0430\u043d\u0438\u0435 \u201c\u0438\u0437 \u043a\u0443\u0441\u043e\u0447\u043a\u043e\u0432\u201d: \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0430 \u0438\u043d\u0442\u0435\u0440\u0430\u043a\u0442\u0438\u0432\u043d\u044b\u0445 \u043e\u0431\u044a\u0435\u043a\u0442\u043e\u0432 \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e CSS Clip Paths<\/a> (The Making Of \u201cIn Pieces\u201d: Designing an Interactive Exhibition With CSS Clip Paths)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"http:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"https:\/\/github.com\/SLaks\/Silon\">Silon<\/a> &mdash; \u043b\u043e\u0433\u0438\u0447\u0435\u0441\u043a\u0438\u0435 \u0432\u0435\u043d\u0442\u0438\u043b\u0438 \u0438 \u0441\u0443\u043c\u043c\u0430\u0442\u043e\u0440\u044b \u043d\u0430 \u0447\u0438\u0441\u0442\u043e\u043c CSS<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"http:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/www.paulund.co.uk\/colours-with-sass-map\">\u0426\u0432\u0435\u0442\u0430 \u0441 Sass map<\/a> (Colours With Sass Map)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"http:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/www.sitepoint.com\/sass-mixin-media-merging\/\">Sass \u043f\u0440\u0438\u043c\u0435\u0441\u0438 \u0438 \u0441\u043b\u0438\u044f\u043d\u0438\u0435 Media-\u0432\u044b\u0440\u0430\u0436\u0435\u043d\u0438\u0439<\/a> (Sass Mixin and Media Merging)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"http:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/www.sitepoint.com\/bootstrap-sass-installation-and-customisation\/\">\u0423\u0441\u0442\u0430\u043d\u043e\u0432\u043a\u0430 \u0438 \u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0430 Bootstrap Sass<\/a> (Bootstrap Sass Installation and Customization)<\/li>\n<\/ul>\n<p>   <\/p>\n<hr\/>\n<p> <a name=\"js\"><\/a>   <\/p>\n<h1><img decoding=\"async\" src=\"http:\/\/habr.habrastorage.org\/post_images\/49d\/04e\/fb9\/49d04efb96fb6ce31cde9be5dc12a874.gif\"\/> JavaScript<\/h1>\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\/259223\/\">jQuery \u0441\u0447\u0438\u0442\u0430\u0435\u0442\u0441\u044f \u0432\u0440\u0435\u0434\u043d\u044b\u043c<\/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\/259279\/\">\u0412 \u043f\u043e\u0438\u0441\u043a\u0430\u0445 \u0438\u0434\u0435\u0430\u043b\u044c\u043d\u043e\u0433\u043e \u0444\u0440\u0435\u0439\u043c\u0432\u043e\u0440\u043a\u0430 \u0434\u043b\u044f JavaScript<\/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\/259311\/\">AngularJS \u043f\u0440\u043e\u0442\u0438\u0432 Backbone.js \u043f\u0440\u043e\u0442\u0438\u0432 Ember.js<\/a><\/li>\n<li><a href=\"http:\/\/radiojs.ru\/2015\/06\/radiojs-23\/\">\u041f\u043e\u0434\u043a\u0430\u0441\u0442 radioJS, \u0412\u044b\u043f\u0443\u0441\u043a 23: \u041a\u0443\u0448\u0430\u0439\u0442\u0435 \u043e\u0432\u043e\u0449\u0438, \u043f\u0438\u0448\u0438\u0442\u0435 \u043d\u0430 \u041c\u0430\u0442\u0440\u0451\u0448\u043a\u0435<\/a><\/li>\n<li><a href=\"http:\/\/e-planet.ru\/company\/blog\/optimizatsija-js-s-funktsionalnym-podhodom.html\">\u041e\u043f\u0442\u0438\u043c\u0438\u0437\u0430\u0446\u0438\u044f JS \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e \u0444\u0443\u043d\u043a\u0446\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u043e\u0433\u043e \u043f\u043e\u0434\u0445\u043e\u0434\u0430<\/a><\/li>\n<li><a href=\"http:\/\/html5.by\/blog\/why-v8\">\u041f\u043e\u0447\u0435\u043c\u0443 javascript-\u0434\u0432\u0438\u0436\u043e\u043a V8 \u043d\u0430\u0437\u044b\u0432\u0430\u0435\u0442\u0441\u044f V8?<\/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\/06\/es6-in-depth-arrow-functions\/\">ES6 In Depth: Arrow functions<\/a><\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"http:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/www.developerdrive.com\/2015\/06\/how-to-develop-web-games-with-easeljs\/\">\u041a\u0430\u043a \u0440\u0430\u0437\u0440\u0430\u0431\u0430\u0442\u044b\u0432\u0430\u0442\u044c \u0438\u0433\u0440\u044b \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e EaselJS<\/a> (How to develop web games with EaselJS)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"http:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/angular-tips.com\/blog\/2015\/06\/why-will-angular-2-rock\/\">\u041f\u043e\u0447\u0435\u043c\u0443 Angular 2 \u0431\u0443\u0434\u0435\u0442 \u0440\u0443\u043b\u0438\u0442\u044c?<\/a> (Why Will Angular 2 Rock?)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"http:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/julian.io\/why-front-end-developers-should-try-to-learn-meteor\/\">\u041f\u043e\u0447\u0435\u043c\u0443 \u0444\u0440\u043e\u043d\u0442-\u0435\u043d\u0434 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u0438 \u0434\u043e\u043b\u0436\u043d\u044b \u043f\u043e\u043f\u0440\u043e\u0431\u043e\u0432\u0430\u0442\u044c Meteor<\/a> (Why Front-End Developers should try to learn Meteor)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"http:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/elijahmanor.com\/javascript-smells\/\">JavaScript \u043a\u043e\u0434 \u0441 \u0434\u0443\u0448\u043a\u043e\u043c<\/a> (JavaScript Code Smells)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"http:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/davidwalsh.name\/essential-javascript-functions\">7 \u043e\u0441\u043d\u043e\u0432\u043d\u044b\u0445 JS \u0444\u0443\u043d\u043a\u0446\u0438\u0439<\/a> (7 Essential JavaScript Functions)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"http:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/jamesknelson.com\/grokking-es6-promises-the-four-functions-you-need-to-avoid-callback-hell\/\">\u0412\u0432\u0435\u0434\u0435\u043d\u0438\u0435 \u0432 ES6 \u043f\u0440\u043e\u043c\u0438\u0441\u044b \u2013 \u0447\u0435\u0442\u044b\u0440\u0435 \u0444\u0443\u043d\u043a\u0446\u0438\u0438 \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u044b\u0435 \u0434\u043b\u044f \u0442\u043e\u0433\u043e \u0447\u0442\u043e\u0431\u044b \u0438\u0437\u0431\u0435\u0436\u0430\u0442\u044c callback hell<\/a> (Introduction to ES6 Promises \u2013 The Four Functions You Need To Avoid Callback Hell)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"http:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/raganwald.com\/2015\/05\/30\/de-stijl.html\">De Stijl: \u041d\u0430\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u044b var, let, \u0438 const?<\/a> (De Stijl: How necessary are var, let, and const?)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"http:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/www.sitepoint.com\/setting-up-es6-project-using-babel-browserify\/\">\u041d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0430 \u043f\u0440\u043e\u0435\u043a\u0442\u0430 \u043d\u0430 ES6 \u0441 Babel \u0438 Browserify<\/a> (Setting up an ES6 Project Using Babel and Browserify)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"http:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/codemix.com\/blog\/why-babel-matters\">\u041f\u043e\u0447\u0435\u043c\u0443 Babel \u2014 \u0441\u0442\u043e\u044f\u0449\u0430\u044f \u0432\u0435\u0449\u044c<\/a> (Why Babel Matters)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"http:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/blog.jeremyfairbank.com\/javascript\/javascript-es7-function-bind-syntax\/\">\u0421\u0438\u043d\u0442\u0430\u043a\u0441\u0438\u0441 \u0431\u0438\u043d\u0434\u0438\u043d\u0433\u0430 \u0444\u0443\u043d\u043a\u0446\u0438\u0439 \u0432 JavaScript ES7<\/a> (JavaScript ES7 Function Bind Syntax)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"http:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/www.cerebris.com\/blog\/2015\/06\/04\/jsonapi-1-0\/\">JSON API 1.0<\/a><\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"http:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/javascriptplayground.com\/blog\/2015\/05\/the-state-of-javascript\/\">\u041f\u0440\u0435\u0434\u0441\u043a\u0430\u0437\u0430\u043d\u0438\u044f \u043e\u0442\u043d\u043e\u0441\u0438\u0442\u0435\u043b\u044c\u043d\u043e JS \u043d\u0430 \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u0435 12 \u043c\u0435\u0441\u044f\u0446\u0435\u0432<\/a> (Predictions on JavaScript in the next 12 months)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"http:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/www.keithmcmillen.com\/blog\/making-music-in-the-browser-web-midi-api\/\">\u0421\u043e\u0437\u0434\u0430\u043d\u0438\u0435 \u043c\u0443\u0437\u044b\u043a\u0438 \u0432 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0435 \u2013 Web MIDI API<\/a> (Making Music in the Browser \u2013 Web MIDI API)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"http:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/blog.500tech.com\/is-reactjs-fast\/\">\u0414\u0435\u0439\u0441\u0442\u0432\u0438\u0442\u0435\u043b\u044c\u043d\u043e \u043b\u0438 ReactJS \u0442\u0430\u043a \u0431\u044b\u0441\u0442\u0440?<\/a> (Is ReactJS really fast?)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"http:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"https:\/\/skillsmatter.com\/skillscasts\/6362-an-introduction-to-ember-js\">\u0412\u0432\u0435\u0434\u0435\u043d\u0438\u0435 \u0432 Ember.js<\/a> (An Introduction to Ember.js)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"http:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/www.toptal.com\/emberjs\/the-8-most-common-ember-js-developer-mistakes\">8 \u0441\u0430\u043c\u044b\u0445 \u0440\u0430\u0441\u043f\u0440\u043e\u0441\u0442\u0440\u0430\u043d\u0435\u043d\u043d\u044b\u0445 \u043e\u0448\u0438\u0431\u043e\u043a \u0443 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u043e\u0432 \u043d\u0430 Ember.js<\/a> (The 8 Most Common Ember.js Developer Mistakes)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"http:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/jspreadsheets.com\/\">\u041e\u043f\u0435\u043d\u0441\u043e\u0440\u0441\u043d\u044b\u0435 \u043f\u043b\u0430\u0433\u0438\u043d\u044b \u0434\u043b\u044f \u0440\u0435\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0438 \u044d\u043b\u0435\u043a\u0442\u0440\u043e\u043d\u043d\u044b\u0445 \u0438 \u043f\u0440\u043e\u0441\u0442\u044b\u0445 \u0442\u0430\u0431\u043b\u0438\u0446 \u0441 \u0434\u0430\u043d\u043d\u044b\u043c\u0438<\/a> (JavaScript Open-Source Spreadsheets and Data Grids)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"http:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/codecondo.com\/angular-js-directives\/\">15 \u0434\u0438\u0440\u0435\u043a\u0442\u0438\u0432 \u0434\u043b\u044f \u0434\u043e\u043f\u043e\u043b\u043d\u0435\u043d\u0438\u044f \u0432\u0430\u0448\u0438\u0445 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0439 \u043d\u0430 Angular.js<\/a> (15 Directives to Extend Your Angular.js Apps)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"http:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"https:\/\/blog.mariusschulz.com\/2015\/05\/31\/detecting-unminifiable-angular-code\">\u041e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u0438\u0435 \u043d\u0435 \u043f\u0440\u0435\u0434\u043d\u0430\u0437\u043d\u0430\u0447\u0435\u043d\u043d\u043e\u0433\u043e \u0434\u043b\u044f \u0441\u0436\u0430\u0442\u0438\u044f Angular \u043a\u043e\u0434\u0430<\/a> (Detecting Unminifiable Angular Code)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"http:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/jcrowther.io\/2015\/05\/26\/using-polymer-webcomponents-with-angular-js\/\">\u0418\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435 \u0432\u0435\u0431-\u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u043e\u0432 Polymer-\u0430 \u0441 Angular.js<\/a> (Using Polymer WebComponents with Angular.js)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"http:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/j2c.py.gy\/\">J2C<\/a> &mdash; \u043a\u043e\u043c\u043f\u0438\u043b\u044f\u0442\u043e\u0440 JS \u043e\u0431\u044a\u0435\u043a\u0442\u0430 \u0432 CSS<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"http:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"https:\/\/github.com\/astoilkov\/console.message\">console.message<\/a> &mdash; \u0440\u0430\u0441\u0448\u0438\u0440\u044f\u0435\u0442 \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u0438 \u043a\u043e\u043d\u0441\u043e\u043b\u0438 \u043f\u0443\u0442\u0435\u043c \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u0438 \u0444\u043e\u0440\u043c\u0430\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f \u0438 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u044f \u0441\u0442\u0438\u043b\u0435\u0439<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"http:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/www.pubnub.com\/developers\/eon\/\">Project EON<\/a> &mdash; \u043f\u0440\u0438\u0431\u043e\u0440\u043d\u044b\u0435 \u043f\u0430\u043d\u0435\u043b\u0438 \u0441 \u0434\u0430\u043d\u043d\u044b\u043c\u0438, \u043e\u0431\u043d\u043e\u0432\u043b\u044f\u044e\u0449\u0438\u043c\u0438\u0441\u044f \u0432 \u0440\u0435\u0430\u043b\u044c\u043d\u043e\u043c \u0432\u0440\u0435\u043c\u0435\u043d\u0438<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"http:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"https:\/\/medium.com\/mateogianolio\/an-introduction-to-vectorious-9c0abc9ab7f0\">\u0412\u0432\u0435\u0434\u0435\u043d\u0438\u0435 \u0432 Vectorious<\/a> (An introduction to Vectorious)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"http:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/loadfive.com\/os\/knwl\/\">Knwl.js<\/a>&mdash; JS-\u043f\u0430\u0440\u0441\u0435\u0440 \u0435\u0441\u0442\u0435\u0441\u0442\u0432\u0435\u043d\u043d\u043e\u0433\u043e \u044f\u0437\u044b\u043a\u0430<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"http:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/www.sitepoint.com\/image-uploads-manipulation-transloadit\/\">\u041f\u0440\u0438\u0441\u0442\u0443\u043f\u0430\u0435\u043c \u043a \u0440\u0430\u0431\u043e\u0442\u0435 \u0441 TransloadIt \u2013 \u043a\u043b\u044e\u0447\u0435\u0432\u044b\u0435 \u043f\u043e\u043d\u044f\u0442\u0438\u044f<\/a> (Getting Started with TransloadIt \u2013 Key Concepts)<\/li>\n<\/ul>\n<p>   <\/p>\n<hr\/>\n<p> <a name=\"browser\"><\/a>   <\/p>\n<h1>\u0411\u0440\u0430\u0443\u0437\u0435\u0440\u044b<\/h1>\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\/opera\/blog\/259379\/\">\u0411\u0440\u0430\u0443\u0437\u0435\u0440\u044b Opera, \u0438\u0445 \u0440\u0435\u0436\u0438\u043c\u044b \u0438 \u0434\u0432\u0438\u0436\u043a\u0438<\/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\/06\/new-performance-tools-in-firefox-developer-edition-40\/\">\u041d\u043e\u0432\u044b\u0435 \u0438\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u044b \u0434\u043b\u044f \u0440\u0430\u0431\u043e\u0442\u044b \u0441 \u043f\u0440\u043e\u0438\u0437\u0432\u043e\u0434\u0438\u0442\u0435\u043b\u044c\u043d\u043e\u0441\u0442\u044c\u044e \u0432 Firefox Developer Edition 40<\/a> (New Performance Tools in Firefox Developer Edition 40)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"http:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/www.sitepoint.com\/browser-trends-june-2015-battle-second-place\/\">\u0422\u0440\u0435\u043d\u0434\u044b \u0440\u044b\u043d\u043a\u0430 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u043e\u0432 \u0438\u044e\u043d\u044f 2015: \u0431\u043e\u0440\u044c\u0431\u0430 \u0437\u0430 \u0432\u0442\u043e\u0440\u043e\u0435 \u043c\u0435\u0441\u0442\u043e<\/a> (Browser Trends June 2015: The Battle for Second Place)<\/li>\n<li><a href=\"http:\/\/itc.ua\/blogs\/chrome-nauchili-umnoy-blokirovke-lishnego-flash-kontenta-na-saytah\/\">Chrome \u043d\u0430\u0443\u0447\u0438\u043b\u0438 \u0443\u043c\u043d\u043e\u0439 \u0431\u043b\u043e\u043a\u0438\u0440\u043e\u0432\u043a\u0435 \u00ab\u043b\u0438\u0448\u043d\u0435\u0433\u043e\u00bb Flash \u043a\u043e\u043d\u0442\u0435\u043d\u0442\u0430 \u043d\u0430 \u0441\u0430\u0439\u0442\u0430\u0445<\/a><\/li>\n<li><a href=\"http:\/\/www.opennet.ru\/opennews\/art.shtml?num=42344\">\u0420\u0435\u043b\u0438\u0437 Firefox 38.0.5 \u0441 \u0440\u0435\u0436\u0438\u043c\u043e\u043c \u0447\u0438\u0442\u0430\u0442\u0435\u043b\u044f \u0438 \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u043e\u0439 \u0441\u0435\u0440\u0432\u0438\u0441\u0430 Pocket<\/a><\/li>\n<li><a href=\"http:\/\/4pda.ru\/2015\/06\/06\/225260\/\">Google Chrome v44 \u0431\u0443\u0434\u0435\u0442 \u0434\u0435\u0442\u0430\u043b\u044c\u043d\u0435\u0435 \u0438\u0437\u0443\u0447\u0430\u0442\u044c \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u044f \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044f <\/a><\/li>\n<li><a href=\"http:\/\/chrome.blogspot.ru\/2015\/06\/better-battery-life-for-your-laptop.html\">Google Chrome \u043d\u0430\u0443\u0447\u0438\u043b\u0441\u044f \u044d\u043a\u043e\u043d\u043e\u043c\u0438\u0442\u044c \u0437\u0430\u0440\u044f\u0434 \u0433\u0430\u0434\u0436\u0435\u0442\u043e\u0432<\/a><\/li>\n<li><a href=\"http:\/\/siliconrus.com\/2015\/06\/tap-on-search\/\">Google \u0437\u0430\u043f\u0443\u0441\u0442\u0438\u043b\u0430 \u0442\u0435\u0441\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435 \u0444\u0443\u043d\u043a\u0446\u0438\u0438 \u043a\u043e\u043d\u0442\u0435\u043a\u0441\u0442\u043d\u043e\u0433\u043e \u043f\u043e\u0438\u0441\u043a\u0430 Now on Tap \u0432 Chrome<\/a><\/li>\n<li><a href=\"http:\/\/siliconrus.com\/2015\/06\/25-chrome-extensions\/\">25 \u043f\u043e\u043b\u0435\u0437\u043d\u044b\u0445 Chrome-\u0440\u0430\u0441\u0448\u0438\u0440\u0435\u043d\u0438\u0439 \u0434\u043b\u044f \u0432\u0435\u0431-\u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u043e\u0432<\/a><\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"http:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <img decoding=\"async\" alt=\"video\" src=\"http:\/\/habrastorage.org\/storage3\/976\/d3e\/38a\/976d3e38a34b003f86f91795524af9f8.gif\"\/> <a href=\"http:\/\/www.sitepoint.com\/video-edge-rendering-engine-makes-web-just-work\/\">\u0412\u0438\u0434\u0435\u043e: \u0414\u0432\u0438\u0436\u043e\u043a \u0440\u0435\u043d\u0434\u0435\u0440\u0438\u043d\u0433\u0430 \u0432 Edge \u043f\u0440\u043e\u0441\u0442\u043e \u0437\u0430\u0441\u0442\u0430\u0432\u043b\u044f\u0435\u0442 \u0440\u0430\u0431\u043e\u0442\u0430\u0442\u044c \u0432\u0435\u0431<\/a><\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"http:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/www.sitepoint.com\/microsoft-edge-ie11-professionals\/\">\u0412\u0438\u0434\u0435\u043e: Microsoft Edge \u0438 IE11 \u0434\u043b\u044f IT \u043f\u0440\u043e\u0444\u0435\u0441\u0441\u0438\u043e\u043d\u0430\u043b\u043e\u0432<\/a><\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"http:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <img decoding=\"async\" alt=\"video\" src=\"http:\/\/habrastorage.org\/storage3\/976\/d3e\/38a\/976d3e38a34b003f86f91795524af9f8.gif\"\/> <a href=\"http:\/\/developer.telerik.com\/featured\/why-edge\/\">Why Edge?<\/a><\/li>\n<\/ul>\n<p>   <\/p>\n<hr\/>\n<p> <a name=\"sites\"><\/a>   <\/p>\n<h1>\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<\/h1>\n<p>   <\/p>\n<ul>\n<li><img decoding=\"async\" alt=\"en\" src=\"http:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/www.sbs.com.au\/theboat\/\">theboat<\/a> \u2014 \u0438\u043d\u0442\u0435\u0440\u0430\u043a\u0442\u0438\u0432\u043d\u044b\u0439 \u0441\u0430\u0439\u0442, \u043f\u043e\u043f\u0430\u0432\u0448\u0438\u0439 \u0432 \u0448\u0442\u043e\u0440\u043c<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"http:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/antonandirene.com\/\">andtonandirene.com<\/a> &mdash; \u0432\u0435\u0441\u0435\u043b\u043e\u0435 \u0438 \u0441\u0442\u0438\u043b\u044c\u043d\u043e\u0435 \u043f\u043e\u0440\u0442\u0444\u043e\u043b\u0438\u043e \u0434\u0438\u0437\u0430\u0439\u043d\u0435\u0440\u043e\u0432<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"http:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/www.onthegrid.city\/\">onthegrid.city<\/a> &mdash; \u0441\u0435\u0442\u043a\u0438 \u0438 \u0434\u0438\u043d\u0430\u043c\u0438\u0447\u0435\u0441\u043a\u0438\u0435 \u043a\u043e\u043b\u043e\u043d\u043a\u0438<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"http:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/brand.uber.com\/\">brand.uber.com<\/a> \u2014 \u0441\u043e\u0432\u0440\u0435\u043c\u0435\u043d\u043d\u044b\u0439 \u0441\u0430\u0439\u0442, \u043e\u0440\u0433\u0430\u043d\u0438\u0447\u043d\u043e \u0441\u043e\u0447\u0435\u0442\u0430\u044e\u0449\u0438\u0439 \u0444\u043e\u043d\u043e\u0432\u043e\u0435 \u0432\u0438\u0434\u0435\u043e, \u0430\u043d\u0438\u043c\u0430\u0446\u0438\u044e \u0438 \u043d\u0435\u0441\u0442\u0430\u043d\u0434\u0430\u0440\u0442\u043d\u0443\u044e \u0440\u0430\u0441\u043a\u043b\u0430\u0434\u043a\u0443<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"http:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/www.antonandirene.com\/\">antonandirene.com<\/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 \u0437\u0430\u0431\u0430\u0432\u043d\u044b\u043c \u0434\u0438\u0437\u0430\u0439\u043d\u043e\u043c \u0438 \u0438\u043d\u0442\u0435\u0440\u0435\u0441\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:\/\/www.winshipwealth.com\/\">winshipwealth.com<\/a> \u2014 \u0435\u0449\u0435 \u043e\u0434\u0438\u043d \u0432\u0435\u0440\u0442\u0438\u043a\u0430\u043b\u044c\u043d\u044b\u0439 \u0441\u0430\u0439\u0442 \u0441 \u0438\u043d\u0442\u0435\u0440\u0435\u0441\u043d\u043e\u0439 \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=\"http:\/\/www.carsandcoffee.it\/\">carsandcoffee.it<\/a> \u2014 \u0430\u0432\u0442\u043e\u043c\u043e\u0431\u0438\u043b\u044c\u043d\u044b\u0439 \u0441\u0430\u0439\u0442 \u0441 \u0441\u0438\u043c\u043f\u0430\u0442\u0438\u0447\u043d\u043e\u0439 \u0430\u043d\u0438\u043c\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u043e\u0439 \u043f\u043e\u0434\u0433\u0440\u0443\u0437\u043a\u043e\u0439 \u043a\u043e\u043d\u0442\u0435\u043d\u0442\u0430<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"http:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/dreamteam.pl\/\">Stage Design + TV<\/a><\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"http:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/feedmusic.com\/\">feedmusic.com<\/a> \u2014 \u0441\u0430\u0439\u0442 \u0441 \u0430\u043d\u0438\u043c\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u044b\u043c \u0444\u043e\u043d\u043e\u043c \u0438 \u0441\u043a\u0440\u043e\u043b\u043b\u043e\u043c \u0432\u0433\u043b\u0443\u0431\u0443 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"http:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/www.gogoro.com\/smartscooter\/\">\u0421\u0430\u0439\u0442-\u043f\u0440\u0435\u0437\u0435\u043d\u0442\u0430\u0446\u0438\u044f \u0441\u043a\u0443\u0442\u0435\u0440\u0430 \u0441 \u043a\u0443\u0447\u0435\u0439 \u0441\u043a\u0440\u043e\u043b\u043b-\u0430\u043d\u0438\u043c\u0430\u0446\u0438\u0438<\/a><\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"http:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/neiouma.com\/versailles\">neiouma.com\/versailles<\/a> \u2014 \u0435\u0449\u0435 \u043e\u0434\u0438\u043d \u0441\u0430\u0439\u0442 \u0441 \u0438\u043d\u0442\u0435\u0440\u0435\u0441\u043d\u043e\u0439 \u0441\u043a\u0440\u043e\u043b\u043b-\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=\"http:\/\/www.dennis.video\/\">\u0418\u043d\u0442\u0435\u0440\u0430\u043a\u0442\u0438\u0432\u043d\u044b\u0439 \u043c\u0443\u0437\u044b\u043a\u0430\u043b\u044c\u043d\u044b\u0439 \u0432\u0438\u0434\u0435\u043e-\u0440\u043e\u043b\u0438\u043a Dennis<\/a><\/li>\n<li><a href=\"http:\/\/www.dejurka.ru\/web-design\/horizontal-layout-websites\/\">\u041a\u0440\u0443\u0442\u044b\u0435 \u0441\u0430\u0439\u0442\u044b \u0441 \u0433\u043e\u0440\u0438\u0437\u043e\u043d\u0442\u0430\u043b\u044c\u043d\u043e\u0439 \u043f\u0440\u043e\u043a\u0440\u0443\u0442\u043a\u043e\u0439<\/a><\/li>\n<\/ul>\n<p>   <\/p>\n<hr\/>\n<p> <a name=\"design\"><\/a>   <\/p>\n<h1><img decoding=\"async\" src=\"http:\/\/habr.habrastorage.org\/post_images\/a27\/ea0\/6f7\/a27ea06f7d56f6b750420fcbc5c63da8.gif\"\/> \u0414\u0438\u0437\u0430\u0439\u043d<\/h1>\n<p>   <\/p>\n<ul>\n<li><a href=\"http:\/\/www.lookatme.ru\/mag\/live\/experience-news\/214563-icons\">Microsoft \u043e\u0431\u043d\u043e\u0432\u0438\u043b\u0430 \u0438\u043a\u043e\u043d\u043a\u0438 \u0432 Windows 10<\/a><\/li>\n<li><a href=\"http:\/\/www.dejurka.ru\/tutorial\/dirt-brushes-adobe-photohsop\/\">\u0421\u043e\u0437\u0434\u0430\u0435\u043c \u043a\u0438\u0441\u0442\u0438 \u0434\u043b\u044f Photoshop \u0441 \u0442\u0435\u043a\u0441\u0442\u0443\u0440\u043e\u0439 \u0433\u0440\u044f\u0437\u0438<\/a><\/li>\n<li><a href=\"http:\/\/www.dejurka.ru\/graphics\/typography-in-magazine\/\">\u041a\u043b\u0430\u0441\u0441\u043d\u044b\u0435 \u043f\u0440\u0438\u043c\u0435\u0440\u044b \u0442\u0438\u043f\u043e\u0433\u0440\u0430\u0444\u0438\u043a\u0438 \u0432 \u0436\u0443\u0440\u043d\u0430\u043b\u0430\u0445<\/a><\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"http:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/katydecorah.com\/font-library\/\">Font Library<\/a> &mdash; \u0442\u044d\u0433\u0438 \u0434\u043b\u044f Google Fonts<\/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-friendly-design-12-tips-follow\/\">\u041d\u0430\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u0432\u0430\u0448 \u0434\u0438\u0437\u0430\u0439\u043d \u0434\u0440\u0443\u0436\u0435\u0441\u0442\u0432\u0435\u043d\u043d\u044b\u0439 \u043a \u043c\u043e\u0431\u0438\u043b\u044c\u043d\u044b\u043c \u0443\u0441\u0442\u0440\u043e\u0439\u0441\u0442\u0432\u0430\u043c? 12 \u0441\u043e\u0432\u0435\u0442\u043e\u0432 \u043f\u043e \u044d\u0442\u043e\u043c\u0443 \u043f\u043e\u0432\u043e\u0434\u0443<\/a> (How Mobile Friendly Is Your Design? 12 Tips to Follow)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"http:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/www.fastcodesign.com\/3046512\/how-google-finally-got-design\">\u041a\u0430\u043a Google \u0432 \u043a\u043e\u043d\u0446\u0435-\u043a\u043e\u043d\u0446\u043e\u0432 \u043e\u0431\u0437\u0430\u0432\u0435\u043b\u0441\u044f \u0434\u0438\u0437\u0430\u0439\u043d\u043e\u043c<\/a> (How Google Finally Got Design)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"http:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/materialdesignblog.com\/is-material-design-the-death-blow-for-apple\/\">\u0421\u0442\u0430\u043b \u043b\u0438 Material Design \u0441\u043c\u0435\u0440\u0442\u0435\u043b\u044c\u043d\u044b\u043c \u0443\u0434\u0430\u0440\u043e\u043c \u0434\u043b\u044f Apple?<\/a> (Is Material Design the Death Blow for Apple?)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"http:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"https:\/\/medium.com\/tech-in-asia\/material-design-why-the-floating-action-button-is-bad-ux-design-acd5b32c5ef\">Material Design: \u043f\u043e\u0447\u0435\u043c\u0443 \u043f\u043b\u0430\u0432\u0430\u044e\u0449\u0430\u044f \u043a\u043d\u043e\u043f\u043a\u0430 \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u044f \u2014 \u044d\u0442\u043e \u043f\u043b\u043e\u0445\u043e\u0439 UX \u0434\u0438\u0437\u0430\u0439\u043d<\/a> (Material Design:Why the Floating Action Button is bad UX design)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"http:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/www.elischiff.com\/blog\/2015\/6\/3\/mirror-images\">\u0417\u0435\u0440\u043a\u0430\u043b\u044c\u043d\u044b\u0435 \u043e\u0442\u0440\u0430\u0436\u0435\u043d\u0438\u044f, \u0447\u0430\u0441\u0442\u044c I<\/a> (Mirror Images Part I)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"http:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/design.tutsplus.com\/tutorials\/design-and-draw-a-mascot-for-team-awesome--cms-23851\">\u0414\u0438\u0437\u0430\u0439\u043d \u0438 \u043e\u0442\u0440\u0438\u0441\u043e\u0432\u043a\u0430 \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u0436\u0430 \u0434\u043b\u044f \u043a\u043e\u043c\u0430\u043d\u0434\u044b Awesome<\/a> (Design and Draw a Mascot for Team Awesome)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"http:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/line25.com\/articles\/showcase-of-web-designs-with-modern-splash-pages\">\u041f\u0440\u0438\u043c\u0435\u0440\u044b \u0432\u0435\u0431-\u0434\u0438\u0437\u0430\u0439\u043d\u0430 \u0441 \u0441\u043e\u0432\u0440\u0435\u043c\u0435\u043d\u043d\u044b\u043c\u0438 \u0441\u043f\u043b\u0435\u0448-\u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430\u043c\u0438<\/a> (Showcase of Web Designs with Modern Splash Pages)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"http:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/www.sitepoint.com\/invision-marvel-justinmind-prototyping-tools-compared\/\">\u0421\u0440\u0430\u0432\u043d\u0435\u043d\u0438\u0435 \u0442\u0440\u0435\u0445 \u0438\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u043e\u0432 \u0434\u043b\u044f \u043f\u0440\u043e\u0442\u043e\u0442\u0438\u043f\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f: Invision, Marvel \u0438 Justinmind<\/a> (3 Prototyping Tools Compared: Invision, Marvel &#038; Justinmind)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"http:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/www.sitepoint.com\/good-web-design-cost\/\">\u041f\u043e\u0447\u0435\u043c\u0443 \u0445\u043e\u0440\u043e\u0448\u0438\u0439 \u0432\u0435\u0431-\u0434\u0438\u0437\u0430\u0439\u043d \u043d\u0435 \u0441\u0442\u043e\u0438\u0442 $50<\/a> (Why Good Web Design Doesn\u2019t Cost $50)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"http:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/nlevin.com\/whitespace\/\">\u041f\u0440\u043e\u0442\u043e\u0442\u0438\u043f\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435 \u0441 Farmer<\/a> (Prototyping with Framer)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"http:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"https:\/\/medium.com\/mikeatherton\/ux-is-ui-105460807734\">UX \u044d\u0442\u043e UI<\/a> (UX is UI)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"http:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/designobserver.com\/feature\/visualizing-architecture\/38840\/\">\u0412\u0438\u0437\u0443\u0430\u043b\u0438\u0437\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435 \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u044b<\/a> (Visualizing Architecture)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"http:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"https:\/\/medium.com\/michaeljohann\/redesigning-hype-2c35a2b29cba\">(\u0420\u0435)\u0434\u0438\u0437\u0430\u0439\u043d Hype<\/a> ((Re)designing Hype)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"http:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/www.lindadong.com\/blog\/keynotemotiongraphic\">\u042d\u043a\u0441\u043f\u0435\u0440\u0438\u043c\u0435\u043d\u0442 \u0441 \u0430\u043d\u0438\u043c\u0430\u0446\u0438\u0435\u0439 \u0432 Keynote<\/a> (KEYNOTE MOTION GRAPHIC EXPERIMENT)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"http:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"https:\/\/medium.com\/google-design\/redesigning-chrome-android-11eab15dc7ee\">\u0420\u0435\u0434\u0438\u0437\u0430\u0439\u043d Chrome \u0434\u043b\u044f Android. \u0427\u0430\u0441\u0442\u044c 1<\/a> (Redesigning Chrome for Android. Part.1)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"http:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"https:\/\/medium.com\/the-user-s-experience\/design-ui-for-recognition-more-than-for-reading-35ce510b0221\">\u0414\u0435\u043b\u0430\u0439\u0442\u0435 UI \u0431\u043e\u043b\u044c\u0448\u0435 \u0434\u043b\u044f \u0440\u0430\u0441\u043f\u043e\u0437\u043d\u0430\u0432\u0430\u043d\u0438\u044f \u0447\u0435\u043c \u0434\u043b\u044f \u0447\u0442\u0435\u043d\u0438\u044f<\/a> (Design UI for Recognition More than for Reading)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"http:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"https:\/\/blog.twitter.com\/2015\/designing-the-new-twitter-profiles\">\u0414\u0438\u0437\u0430\u0439\u043d \u043d\u043e\u0432\u044b\u0445 \u043f\u0440\u043e\u0444\u0438\u043b\u0435\u0439 \u0432 Twitter<\/a> (Designing the new Twitter profiles)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"http:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/uxmovement.com\/mobile\/why-users-miss-form-buttons-placed-in-the-action-bar\/\">\u041f\u043e\u0447\u0435\u043c\u0443 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u0438 \u043d\u0435 \u0437\u0430\u043c\u0435\u0447\u0430\u044e\u0442 \u043a\u043d\u043e\u043f\u043a\u0438 \u0444\u043e\u0440\u043c \u0440\u0430\u0437\u043c\u0435\u0449\u0435\u043d\u043d\u044b\u0435 \u043d\u0430 \u043f\u0430\u043d\u0435\u043b\u0438 \u0443\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u044f<\/a> (Why Users Miss Form Buttons Placed in the Action Bar)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"http:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/nicolefenton.com\/interface-writing\/\">\u0422\u0435\u043a\u0441\u0442\u044b \u0432 \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u0430\u0445: \u043a\u043e\u0434 \u0434\u043b\u044f \u043b\u044e\u0434\u0435\u0439<\/a> (Interface Writing: Code for Humans)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"http:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"https:\/\/medium.com\/erqiudao\/the-play-button-is-not-optical-alignment-4cea11bda175\">\u041a\u043d\u043e\u043f\u043a\u0430 \u0432\u043e\u0441\u043f\u0440\u043e\u0438\u0437\u0432\u0435\u0434\u0435\u043d\u0438\u044f \u0431\u0435\u0437 \u043e\u043f\u0442\u0438\u0447\u0435\u0441\u043a\u043e\u0433\u043e \u0432\u044b\u0440\u0430\u0432\u043d\u0438\u0432\u0430\u043d\u0438\u044f<\/a> (The PLAY button is not optical alignment)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"http:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"https:\/\/medium.com\/bridge-collection\/modern-design-tools-adaptive-layouts-e236070856e3\">\u0421\u043e\u0432\u0440\u0435\u043c\u0435\u043d\u043d\u044b\u0435 \u0438\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u044b \u0434\u0438\u0437\u0430\u0439\u043d\u0430: \u0430\u0434\u0430\u043f\u0442\u0438\u0432\u043d\u044b\u0435 \u043c\u0430\u043a\u0435\u0442\u044b<\/a> (Modern Design Tools: Adaptive Layouts)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"http:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/design.tutsplus.com\/articles\/digital-drawing-vs-digital-painting-what-the-difference-is-and-why-you-should-know-it--cms-23972\">\u0426\u0438\u0444\u0440\u043e\u0432\u043e\u0439 \u0440\u0438\u0441\u0443\u043d\u043e\u043a \u043f\u0440\u043e\u0442\u0438\u0432 \u0446\u0438\u0444\u0440\u043e\u0432\u043e\u0439 \u0436\u0438\u0432\u043e\u043f\u0438\u0441\u0438: \u0432 \u0447\u0435\u043c \u0440\u0430\u0437\u043d\u0438\u0446\u0430 \u0438 \u0437\u0430\u0447\u0435\u043c \u0432\u044b \u0434\u043e\u043b\u0436\u043d\u044b \u044d\u0442\u043e \u0437\u043d\u0430\u0442\u044c<\/a> (Digital Drawing vs. Digital Painting: What the Difference Is and Why You Should Know It)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"http:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"https:\/\/medium.com\/imran_parvez\/navigating-history-in-mobiles-39e012f60d22\">\u041d\u0430\u0432\u0438\u0433\u0430\u0446\u0438\u044f \u043f\u043e \u00ab\u0438\u0441\u0442\u043e\u0440\u0438\u0438\u00bb \u0432 \u043c\u043e\u0431\u0438\u043b\u044c\u043d\u044b\u0445<\/a> (Navigating History in Mobiles)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"http:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/design.tutsplus.com\/tutorials\/create-a-city-destruction-scene-photo-manipulation-in-adobe-photoshop--cms-23942\">\u0421\u043e\u0437\u0434\u0430\u043d\u0438\u0435 \u0444\u043e\u0442\u043e\u0440\u0435\u0430\u043b\u0438\u0441\u0442\u0438\u0447\u043d\u043e\u0439 \u0441\u0446\u0435\u043d\u044b \u0440\u0430\u0437\u0440\u0443\u0448\u0435\u043d\u043d\u043e\u0433\u043e \u0433\u043e\u0440\u043e\u0434\u0430 \u0432 Adobe Photoshop<\/a> (Create a City Destruction Scene Photo Manipulation in Adobe Photoshop)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"http:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/design.tutsplus.com\/tutorials\/create-a-colorful-wooden-artists-palette-in-adobe-illustrator--cms-23941\">\u0421\u043e\u0437\u0434\u0430\u043d\u0438\u0435 \u043a\u0440\u0430\u0441\u043e\u0447\u043d\u043e\u0439 \u0438\u043b\u043b\u044e\u0441\u0442\u0440\u0430\u0446\u0438\u0438 \u0434\u0435\u0440\u0435\u0432\u044f\u043d\u043d\u043e\u0439 \u043f\u0430\u043b\u0438\u0442\u0440\u044b \u0432 Adobe Illustrator<\/a> (Create a Colorful Wooden Artist&#8217;s Palette in Adobe Illustrator)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"http:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"https:\/\/medium.com\/entrepreneur-s-handbook\/the-7-step-paul-rand-logo-test-5c7b546af17b\">\u0421\u0435\u043c\u0438\u0448\u0430\u0433\u043e\u0432\u044b\u0439 \u0442\u0435\u0441\u0442 \u043b\u043e\u0433\u043e\u0442\u0438\u043f\u043e\u0432 \u043e\u0442 Paul Rand<\/a> (The 7-Step-Paul-Rand Logo-Test)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"http:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/www.underconsideration.com\/brandnew\/archives\/new_logo_and_identity_for_la_2024_olympic_bid_city_by_re.php#.VXQPtU_tlBd\">\u041d\u043e\u0432\u044b\u0439 \u043b\u043e\u0433\u043e\u0442\u0438\u043f \u0438 \u0430\u0439\u0434\u0435\u043d\u0442\u0438\u043a\u0430 \u0434\u043b\u044f \u041e\u043b\u0438\u043c\u043f\u0438\u0439\u0441\u043a\u0438\u0445 \u0438\u0433\u0440 \u0432 2024 \u0432 \u041b\u043e\u0441-\u0410\u043d\u0436\u0435\u043b\u0435\u0441\u0430<\/a> (New Logo and Identity for LA 2024 Olympic Bid City by RE:We Bid you Farewell)<\/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\/06\/05\/effective-logo-design-symbols-metaphors-intuition\/\">\u042d\u0444\u0444\u0435\u043a\u0442\u0438\u0432\u043d\u044b\u0439 \u0434\u0438\u0437\u0430\u0439\u043d \u043b\u043e\u0433\u043e\u0442\u0438\u043f\u043e\u0432, \u0447\u0430\u0441\u0442\u044c 1: \u0441\u0438\u043c\u0432\u043e\u043b\u044b, \u043c\u0435\u0442\u0430\u0444\u043e\u0440\u044b \u0438 \u0441\u0438\u043b\u0430 \u0438\u043d\u0442\u0443\u0438\u0446\u0438\u0438<\/a> (Effective Logo Design, Part 1: Symbols, Metaphors And The Power Of Intuition)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"http:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/www.typewolf.com\/blog\/favorite-sites-of-may-2015\">\u0422\u0438\u043f\u043e\u0433\u0440\u0430\u0444\u0438\u0447\u0435\u0441\u043a\u0438\u0435 \u0434\u0435\u0442\u0430\u043b\u0438 \u043b\u044e\u0431\u0438\u043c\u044b\u0445 Typewolf \u0441\u0430\u0439\u0442\u043e\u0432 \u043c\u0430\u044f 2015<\/a> (The Typographic Details Behind Typewolf\u2019s Favorite Sites of May 2015)<\/li>\n<\/ul>\n<p>   <\/p>\n<hr\/>\n<p> <a name=\"cookies\"><\/a>   <\/p>\n<h1><img decoding=\"async\" src=\"http:\/\/habr.habrastorage.org\/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<\/h1>\n<p>   <\/p>\n<ul>\n<li><a href=\"http:\/\/www.dejurka.ru\/graphics\/free-summer-icons\/\">\u0411\u0435\u0441\u043f\u043b\u0430\u0442\u043d\u044b\u0435 \u043b\u0435\u0442\u043d\u0438\u0435 \u0438\u043a\u043e\u043d\u043a\u0438<\/a><\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"http:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/www.webdesignerdepot.com\/2015\/06\/101-best-free-logo-fonts\/\">\u0421\u0442\u043e \u0438 \u043e\u0434\u0438\u043d \u043b\u0443\u0447\u0448\u0438\u0439 \u0448\u0440\u0438\u0444\u0442<\/a> (101 best free logo fonts)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"http:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/www.webdesignerpad.com\/2015\/05\/10-free-sketch-app-plugins-for-designers-developers.html\">\u0414\u0435\u0441\u044f\u0442\u044c \u043f\u043b\u0430\u0433\u0438\u043d\u043e\u0432 \u043a Sketch<\/a> (10 Free Sketch App Plugins For Designers &#038; Developers)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"http:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/www.theresasheridan.com\/free-metal-rust-background-textures-images\/\">\u0422\u0435\u043a\u0441\u0442\u0443\u0440\u044b \u0438 \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u044f \u043c\u0435\u0442\u0430\u043b\u043b\u0430 \u0438 \u0440\u0436\u0430\u0432\u0447\u0438\u043d\u044b<\/a> (Free High Resolution Metal and Rust Background Textures and Images)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"http:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/www.webappers.com\/2015\/06\/03\/free-download-do-ui-kit-with-250-components\/\">\u041d\u0430\u0431\u043e\u0440 DO UI Kit \u0434\u043b\u044f Photoshop \u0438 Sketch<\/a> (Free Download: DO UI Kit with 250+ Components)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"http:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/webresourcesfree.com\/dashboard-ui-psd-templates\/\">\u0428\u0430\u0431\u043b\u043e\u043d\u044b UI \u043f\u0440\u0438\u0431\u043e\u0440\u043d\u044b\u0445 \u043f\u0430\u043d\u0435\u043b\u0435\u0439 \u0432 PSD-\u0444\u043e\u0440\u043c\u0430\u0442\u0435<\/a> (20+ Free Dashboard UI PSD Templates)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"http:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/sixrevisions.com\/freebies\/free-writing-icons\/\">Free Writing Icons<\/a>)<\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"http:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/www.fusionplate.com\/5933\/22-awesome-free-fonts-may-2015-edition\/\">\u0414\u0432\u0430\u0434\u0446\u0430\u0442\u044c \u0434\u0432\u0430 \u0431\u0435\u0441\u043f\u043b\u0430\u0442\u043d\u044b\u0445 \u0448\u0440\u0438\u0444\u0442\u0430 \u0438\u0437 \u043c\u0430\u044f 2015<\/a> (22 Awesome Free Fonts \u2013 May 2015 Edition)<\/li>\n<\/ul>\n<p>   <\/p>\n<hr\/>\n<p> <a name=\"news\"><\/a>   <\/p>\n<h1><img decoding=\"async\" src=\"http:\/\/habr.habrastorage.org\/post_images\/281\/994\/c0f\/281994c0fe695abbe6d963faed1cffb6.gif\"\/> \u041d\u043e\u0432\u043e\u0441\u0442\u0438<\/h1>\n<p>   <\/p>\n<ul>\n<li>Computex 2015:<br \/> \n<ul>\n<li><a href=\"http:\/\/www.ferra.ru\/ru\/system\/review\/zheleznyy-tsekh-20-best-computex-2015-hardware\/#.VXQSL5dGQgh\">\u041b\u0443\u0447\u0448\u0435\u0435 \u0436\u0435\u043b\u0435\u0437\u043e, \u043f\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u043b\u0435\u043d\u043d\u043e\u0435 \u043d\u0430 Computex 2015<\/a><\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"http:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/gizmodo.com\/the-crazy-new-computers-at-computex-2015-1709181756\">\u041d\u043e\u0432\u044b\u0435 \u0441\u0443\u043c\u0430\u0441\u0448\u0435\u0434\u0448\u0438\u0435 \u043a\u043e\u043c\u043f\u044c\u044e\u0442\u0435\u0440\u044b \u043d\u0430 Computex 2015<\/a><\/li>\n<li><img decoding=\"async\" alt=\"en\" src=\"http:\/\/habrastorage.org\/storage3\/2e2\/522\/737\/2e2522737ec404a9f76047e108dfaea0.gif\"\/> <a href=\"http:\/\/www.tomshardware.com\/picturestory\/689-best-of-computex.html\">\u041b\u0443\u0447\u0448\u0435\u0435 \u043d\u0430 Computex \u043f\u043e \u0432\u0435\u0440\u0441\u0438\u0438 Tom&#8217;s Hardware<\/a><\/li>\n<li><a href=\"http:\/\/keddr.com\/2015\/06\/computex-2015-best-choise-awards-2015-video-so-stendta-s-samyimi-luchshimi-gadzhetami\/\">Computex 2015. Best Choi\u0441\u0435 Awards 2015 \u2014 \u0432\u0438\u0434\u0435\u043e \u0441\u043e \u0441\u0442\u0435\u043d\u0434\u0430 \u0441 \u0441\u0430\u043c\u044b\u043c\u0438 \u043b\u0443\u0447\u0448\u0438\u043c\u0438 \u0433\u0430\u0434\u0436\u0435\u0442\u0430\u043c\u0438 <\/a><\/li>\n<li>\u041d\u0435\u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043a\u043e\u043c\u043f\u0430\u043d\u0438\u0438 \u043d\u0430 \u0432\u044b\u0441\u0442\u0430\u0432\u043a\u0435: <a href=\"http:\/\/geektimes.ru\/company\/ocz\/blog\/251464\/\">OCZ<\/a>, <a href=\"http:\/\/geektimes.ru\/company\/amd\/blog\/251458\/\">AMD<\/a>, <a href=\"http:\/\/www.ixbt.com\/editorial\/asus-computex-2015.shtml\">Asus<\/a>, <a href=\"http:\/\/www.3dnews.ru\/915093\">Acer<\/a>, <a href=\"http:\/\/www.3dnews.ru\/915173\">Transcend<\/a>, <a href=\"http:\/\/www.3dnews.ru\/915160\">Genius<\/a>, <a href=\"http:\/\/keddr.com\/2015\/06\/computex-2015-novyie-noutbuki-msi\/\">MSI<\/a><\/li>\n<li><a href=\"http:\/\/keddr.com\/2015\/06\/karta-pamyati-microsd-na-512-gb-so-skorostyu-chteniya-do-300-mb-s\/\">\u041a\u0430\u0440\u0442\u0430 \u043f\u0430\u043c\u044f\u0442\u0438 microSD \u043d\u0430 512 \u0413\u0411 \u0441\u043e \u0441\u043a\u043e\u0440\u043e\u0441\u0442\u044c\u044e \u0447\u0442\u0435\u043d\u0438\u044f \u0434\u043e 300 \u041c\u0411\/\u0441 <\/a><\/li>\n<\/ul>\n<p>   <\/li>\n<li><a href=\"http:\/\/www.3dnews.ru\/915194\/?feed=&amp;utm_source=dlvr.it&amp;utm_medium=twitter\">\u00ab\u042f\u043d\u0434\u0435\u043a\u0441\u00bb \u0437\u0430\u043f\u0443\u0441\u0442\u0438\u043b \u043c\u0443\u0437\u044b\u043a\u0430\u043b\u044c\u043d\u044b\u0439 \u0441\u0435\u0440\u0432\u0438\u0441 \u00ab\u0420\u0430\u0434\u0438\u043e\u00bb<\/a><\/li>\n<li><a href=\"http:\/\/keddr.com\/2015\/06\/finalnaya-versiya-windows-10-uvidit-mir-29-iyulya\/\">\u0424\u0438\u043d\u0430\u043b\u044c\u043d\u0430\u044f \u0432\u0435\u0440\u0441\u0438\u044f Windows 10 \u0443\u0432\u0438\u0434\u0438\u0442 \u043c\u0438\u0440 29 \u0438\u044e\u043b\u044f<\/a><\/li>\n<li><a href=\"http:\/\/www.3dnews.ru\/914897\/\">\u0421\u0430\u0442\u044c\u044f \u041d\u0430\u0434\u0435\u043b\u043b\u0430 \u043f\u0440\u0438\u0437\u043d\u0430\u043d \u0441\u0430\u043c\u044b\u043c \u0432\u043b\u0438\u044f\u0442\u0435\u043b\u044c\u043d\u044b\u043c \u0440\u0443\u043a\u043e\u0432\u043e\u0434\u0438\u0442\u0435\u043b\u0435\u043c \u0432 IT-\u0441\u0444\u0435\u0440\u0435<\/a><\/li>\n<li><a href=\"https:\/\/tjournal.ru\/p\/yandex-radio\">\u00ab\u042f\u043d\u0434\u0435\u043a\u0441\u00bb \u0437\u0430\u043f\u0443\u0441\u0442\u0438\u043b \u0441\u0442\u0440\u0438\u043c\u0438\u043d\u0433\u043e\u0432\u044b\u0439 \u0441\u0435\u0440\u0432\u0438\u0441 \u00ab\u0420\u0430\u0434\u0438\u043e\u00bb<\/a><\/li>\n<li><a href=\"http:\/\/www.searchengines.ru\/news\/archives\/pinterest_zapus_pin_pokup.html\">Pinterest \u0437\u0430\u043f\u0443\u0441\u043a\u0430\u0435\u0442 \u043f\u0438\u043d\u044b \u0441 \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u044c\u044e \u043f\u043e\u043a\u0443\u043f\u043a\u0438<\/a><\/li>\n<li><a href=\"http:\/\/www.searchengines.ru\/news\/archives\/google_zapustil_micro.html\">Google \u0437\u0430\u043f\u0443\u0441\u0442\u0438\u043b \u043f\u0440\u043e\u0435\u043a\u0442 Micro-Moments<\/a>, \u0430 \u0442\u0430\u043a\u0436\u0435 <a href=\"http:\/\/www.searchengines.ru\/news\/archives\/google_vypustil_instr.html\">\u0432\u044b\u043f\u0443\u0441\u0442\u0438\u043b \u043d\u043e\u0432\u044b\u0435 \u0438\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u044b \u0434\u043b\u044f \u043a\u043e\u043d\u0442\u0440\u043e\u043b\u044f \u043a\u043e\u043d\u0444\u0438\u0434\u0435\u043d\u0446\u0438\u0430\u043b\u044c\u043d\u043e\u0441\u0442\u0438 \u0438 \u0431\u0435\u0437\u043e\u043f\u0430\u0441\u043d\u043e\u0441\u0442\u0438 \u0434\u0430\u043d\u043d\u044b\u0445 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u0435\u0439<\/a><\/li>\n<li><a href=\"http:\/\/www.searchengines.ru\/news\/archives\/snapchat_otseni.html\">Snapchat \u043e\u0446\u0435\u043d\u0438\u043b\u0438 \u0432 16 \u043c\u043b\u0440\u0434 \u0434\u043e\u043b\u043b\u0430\u0440\u043e\u0432<\/a><\/li>\n<li><a href=\"http:\/\/www.searchengines.ru\/news\/archives\/yahoo_zakroet_k.html\">Yahoo \u0437\u0430\u043a\u0440\u043e\u0435\u0442 \u043a\u0430\u0440\u0442\u044b \u0432 \u043a\u043e\u043d\u0446\u0435 \u0438\u044e\u043d\u044f<\/a><\/li>\n<li><a href=\"http:\/\/itc.ua\/blogs\/youtube-nachal-govorit-artistam-gde-ih-lyubyat-bolshe-vsego-kuda-ehat-s-kontsertami\/\">YouTube \u043d\u0430\u0447\u0430\u043b \u0433\u043e\u0432\u043e\u0440\u0438\u0442\u044c \u0430\u0440\u0442\u0438\u0441\u0442\u0430\u043c \u0433\u0434\u0435 \u0438\u0445 \u043b\u044e\u0431\u044f\u0442 \u0431\u043e\u043b\u044c\u0448\u0435 \u0432\u0441\u0435\u0433\u043e, \u0438 \u043a\u0443\u0434\u0430 \u0435\u0445\u0430\u0442\u044c \u0441 \u043a\u043e\u043d\u0446\u0435\u0440\u0442\u0430\u043c\u0438<\/a><\/li>\n<li><a href=\"http:\/\/siliconrus.com\/2015\/06\/wunder-ms\/\">Microsoft \u043f\u0440\u0438\u043e\u0431\u0440\u0435\u043b\u0430 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u0430 \u043c\u0435\u043d\u0435\u0434\u0436\u0435\u0440\u0430 \u0437\u0430\u0434\u0430\u0447 Wunderlist \u2014 WSJ<\/a><\/li>\n<li><a href=\"http:\/\/www.ferra.ru\/ru\/comp\/news\/2015\/06\/05\/valve-steam-machine-release\/\">Valve \u0432\u044b\u043f\u0443\u0441\u0442\u0438\u0442 \u0438\u0433\u0440\u043e\u0432\u044b\u0435 Steam Machine \u0432 \u043d\u043e\u044f\u0431\u0440\u0435<\/a><\/li>\n<\/ul>\n<p>   <\/p>\n<hr\/>\n<p> <a name=\"intresting\"><\/a>   <\/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><a href=\"http:\/\/keddr.com\/2015\/06\/google-atap-chto-novogo-ot-samogo-bezumnogo-podrazdeleniya-kompanii\/\">Google ATAP \u2014 \u0447\u0442\u043e \u043d\u043e\u0432\u043e\u0433\u043e \u043e\u0442 \u0441\u0430\u043c\u043e\u0433\u043e \u0431\u0435\u0437\u0443\u043c\u043d\u043e\u0433\u043e \u043f\u043e\u0434\u0440\u0430\u0437\u0434\u0435\u043b\u0435\u043d\u0438\u044f \u043a\u043e\u043c\u043f\u0430\u043d\u0438\u0438<\/a><\/li>\n<li><a href=\"http:\/\/disgustingmen.com\/tehno\/magic-leap-drugoy-vzglyad-na-ustroystva-virtualnoy-realnosti\/\">Magic Leap \u2014 \u0434\u0440\u0443\u0433\u043e\u0439 \u0432\u0437\u0433\u043b\u044f\u0434 \u043d\u0430 \u0443\u0441\u0442\u0440\u043e\u0439\u0441\u0442\u0432\u0430 \u0432\u0438\u0440\u0442\u0443\u0430\u043b\u044c\u043d\u043e\u0439 \u0440\u0435\u0430\u043b\u044c\u043d\u043e\u0441\u0442\u0438<\/a><\/li>\n<li><a href=\"http:\/\/www.3dnews.ru\/914891\/\">Windows 10 \u043d\u0435 \u043f\u043e\u043c\u043e\u0436\u0435\u0442 \u0440\u043e\u0441\u0442\u0443 \u043c\u0438\u0440\u043e\u0432\u043e\u0433\u043e \u0440\u044b\u043d\u043a\u0430 \u041f\u041a<\/a><\/li>\n<li><a href=\"http:\/\/www.3dnews.ru\/914957\/\">Google Project Loon: \u0441\u0438\u0441\u0442\u0435\u043c\u0430 \u0430\u0432\u0442\u043e\u0437\u0430\u043f\u0443\u0441\u043a\u0430 \u0438 \u043d\u043e\u0432\u0430\u044f \u0441\u0445\u0435\u043c\u0430 \u043f\u0435\u0440\u0435\u0434\u0430\u0447\u0438 \u0432\u0435\u0431-\u0442\u0440\u0430\u0444\u0438\u043a\u0430<\/a><\/li>\n<li><a href=\"http:\/\/siliconrus.com\/2015\/06\/google-levis\/\">Google \u0438 Levi&#8217;s \u043e\u0431\u044a\u0435\u0434\u0438\u043d\u0438\u043b\u0438\u0441\u044c \u0434\u043b\u044f \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u044f \u0438\u043d\u0442\u0435\u0440\u0430\u043a\u0442\u0438\u0432\u043d\u043e\u0439 \u043e\u0434\u0435\u0436\u0434\u044b<\/a><\/li>\n<li><a href=\"http:\/\/keddr.com\/2015\/06\/google-i-o-2015-po-goryachim-sledam\/\">Google I\/O 2015: \u043f\u043e \u0433\u043e\u0440\u044f\u0447\u0438\u043c \u0441\u043b\u0435\u0434\u0430\u043c<\/a><\/li>\n<li><a href=\"http:\/\/www.ferra.ru\/ru\/health\/review\/wearables-may-2015\/#.VXQUEpdGQgh\">\u041d\u043e\u0441\u0438\u043c\u0430\u044f \u044d\u043b\u0435\u043a\u0442\u0440\u043e\u043d\u0438\u043a\u0430. \u0421\u0430\u043c\u044b\u0435 \u0438\u043d\u0442\u0435\u0440\u0435\u0441\u043d\u044b\u0435 \u043d\u043e\u0432\u0438\u043d\u043a\u0438 \u043c\u0430\u044f<\/a><\/li>\n<li><img decoding=\"async\" alt=\":)\" src=\"http:\/\/habrastorage.org\/storage3\/fb1\/fc6\/10f\/fb1fc610f94ee43acd4f894c3166ced7.gif\"\/> <a href=\"https:\/\/tjournal.ru\/p\/i-am-google\">\u0422\u043e\u043f \u0432\u044b\u0434\u0430\u0447\u0438 \u0435\u0433\u0438\u043f\u0435\u0442\u0441\u043a\u043e\u0433\u043e Google \u0441\u043b\u0443\u0447\u0430\u0439\u043d\u043e \u0432\u043e\u0437\u0433\u043b\u0430\u0432\u0438\u043b \u043c\u0435\u0441\u0442\u043d\u044b\u0439 \u043f\u0440\u043e\u0434\u0430\u0432\u0435\u0446 \u0445\u043e\u043b\u043e\u0434\u0438\u043b\u044c\u043d\u0438\u043a\u043e\u0432<\/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\/259207\/\">\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\/259767\/\"> http:\/\/habrahabr.ru\/post\/259767\/<\/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<\/p>\n<p>  <img decoding=\"async\" src=\"https:\/\/habrastorage.org\/files\/0fd\/11c\/b69\/0fd11cb6982b41da87782b235ed05f66.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-258837","post","type-post","status-publish","format-standard","hentry"],"_links":{"self":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/posts\/258837","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=258837"}],"version-history":[{"count":0,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/posts\/258837\/revisions"}],"wp:attachment":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=258837"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=258837"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=258837"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}