{"id":333154,"date":"2022-05-16T09:00:07","date_gmt":"2022-05-16T09:00:07","guid":{"rendered":"http:\/\/savepearlharbor.com\/?p=333154"},"modified":"-0001-11-30T00:00:00","modified_gmt":"-0001-11-29T21:00:00","slug":"","status":"publish","type":"post","link":"https:\/\/savepearlharbor.com\/?p=333154","title":{"rendered":"<span>\u0424\u0440\u043e\u043d\u0442\u0435\u043d\u0434-\u043d\u043e\u0432\u043e\u0441\u0442\u0438 \u21166. \u0418\u043d\u0442\u0435\u0440\u043d\u0435\u0442 \u0441\u043b\u043e\u043c\u0430\u043d, \u0431\u0435\u0441\u043f\u043b\u0430\u0442\u043d\u044b\u0439 VPN \u0432 Edge, State of CSS 2022<\/span>"},"content":{"rendered":"<div><\/div>\n<div id=\"post-content-body\">\n<div>\n<div class=\"article-formatted-body article-formatted-body article-formatted-body_version-2\">\n<div xmlns=\"http:\/\/www.w3.org\/1999\/xhtml\">\n<p>\u0414\u0430\u0439\u0434\u0436\u0435\u0441\u0442 \u043d\u043e\u0432\u043e\u0441\u0442\u0435\u0439 \u0438\u0437 \u043c\u0438\u0440\u0430 \u0444\u0440\u043e\u043d\u0442\u0435\u043d\u0434-\u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0438 \u0437\u0430 \u043f\u043e\u0441\u043b\u0435\u0434\u043d\u044e\u044e \u043d\u0435\u0434\u0435\u043b\u044e 9\u201315 \u043c\u0430\u044f.<\/p>\n<figure class=\"full-width\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/habrastorage.org\/r\/w1560\/getpro\/habr\/upload_files\/9b9\/396\/b00\/9b9396b00bf6b0e3e1f7c8e22dbf7596.png\" alt=\"\" title=\"\" width=\"1319\" height=\"755\" data-src=\"https:\/\/habrastorage.org\/getpro\/habr\/upload_files\/9b9\/396\/b00\/9b9396b00bf6b0e3e1f7c8e22dbf7596.png\"\/><figcaption><\/figcaption><\/figure>\n<h4>\u0421\u043f\u0435\u0446\u0438\u0444\u0438\u043a\u0430\u0446\u0438\u0438<\/h4>\n<ul>\n<li>\n<p><a href=\"https:\/\/www.w3.org\/TR\/2022\/DNOTE-ethical-web-principles-20220512\/\"><u>\u042d\u0442\u0438\u0447\u0435\u0441\u043a\u0438\u0435 \u043f\u0440\u0438\u043d\u0446\u0438\u043f\u044b<\/u><\/a> \u0438 <a href=\"https:\/\/www.w3.org\/TR\/2022\/DNOTE-privacy-principles-20220512\/\"><u>\u043f\u0440\u0438\u043d\u0446\u0438\u043f\u044b \u043a\u043e\u043d\u0444\u0438\u0434\u0435\u043d\u0446\u0438\u0430\u043b\u044c\u043d\u043e\u0441\u0442\u0438<\/u><\/a> \u043f\u0440\u0438 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0435 \u0432\u0435\u0431-\u043f\u043b\u0430\u0442\u0444\u043e\u0440\u043c\u044b.\u00a0<\/p>\n<\/li>\n<\/ul>\n<h4>HTML<\/h4>\n<ul>\n<li>\n<p>\u0423\u0437\u043d\u0430\u0439\u0442\u0435 <a href=\"https:\/\/flower.codes\/2022\/03\/23\/backwards-compatibility.html\"><u>\u043e\u0447\u0435\u0440\u0435\u0434\u043d\u043e\u0435 \u0434\u043e\u043a\u0430\u0437\u0430\u0442\u0435\u043b\u044c\u0441\u0442\u0432\u043e \u0442\u043e\u0433\u043e, \u0447\u0442\u043e \u0438\u043d\u0442\u0435\u0440\u043d\u0435\u0442 \u0441\u043b\u043e\u043c\u0430\u043d<\/u><\/a>.<\/p>\n<\/li>\n<li>\n<p>\u00ab<a href=\"https:\/\/www.smashingmagazine.com\/2022\/05\/magical-svg-techniques\/\"><u>\u0412\u043e\u043b\u0448\u0435\u0431\u043d\u044b\u0435 \u0442\u0435\u0445\u043d\u0438\u043a\u0438 SVG<\/u><\/a>\u00bb.\u00a0<\/p>\n<\/li>\n<li>\n<p>\u0423\u0437\u043d\u0430\u0439\u0442\u0435, <a href=\"https:\/\/benfrain.com\/how-to-use-videos-with-alpha-transparency-on-the-web\/\"><u>\u043a\u0430\u043a \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u0432\u0438\u0434\u0435\u043e \u0441 \u043f\u0440\u043e\u0437\u0440\u0430\u0447\u043d\u043e\u0441\u0442\u044c\u044e<\/u><\/a>.<\/p>\n<\/li>\n<\/ul>\n<h4>CSS<\/h4>\n<ul>\n<li>\n<p><a href=\"https:\/\/web.dev\/state-of-css-2022\/\"><strong><u>STATE OF CSS 2022<\/u><\/strong><\/a><strong>.<\/strong><\/p>\n<\/li>\n<li>\n<p>\u0423\u0437\u043d\u0430\u0439\u0442\u0435 <a href=\"https:\/\/blog.jim-nielsen.com\/2022\/ordering-css-delcarations\/\"><u>\u0432\u0430\u0436\u0435\u043d \u043b\u0438 \u043f\u043e\u0440\u044f\u0434\u043e\u043a CSS-\u0441\u0432\u043e\u0439\u0441\u0442\u0432 \u0432 \u0431\u043b\u043e\u043a\u0435 \u043f\u0440\u0430\u0432\u0438\u043b<\/u><\/a>.<\/p>\n<\/li>\n<li>\n<p><a href=\"https:\/\/blog.jim-nielsen.com\/2022\/things-the-css-spec-folks-got-right\/\"><u>\u0412\u0437\u0433\u043b\u044f\u0434 \u0432 \u043f\u0440\u043e\u0448\u043b\u043e\u0435, \u0447\u0442\u043e\u0431\u044b \u043e\u0446\u0435\u043d\u0438\u0442\u044c \u0442\u043e, \u0447\u0442\u043e \u0438\u0437\u043d\u0430\u0447\u0430\u043b\u044c\u043d\u043e \u0432 CSS \u0441\u0434\u0435\u043b\u0430\u043d\u043e \u043f\u0440\u0430\u0432\u0438\u043b\u044c\u043d\u043e.<\/u><\/a><\/p>\n<\/li>\n<li>\n<p>PurgeCSS \u0438 styled-components. <a href=\"https:\/\/www.useanvil.com\/blog\/engineering\/purgecss-styled-components\/\"><u>PurgeCSS \u043d\u0435 \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442<\/u><\/a>?<\/p>\n<\/li>\n<\/ul>\n<h4>JavaScript<\/h4>\n<ul>\n<li>\n<p><a href=\"https:\/\/www.taniarascia.com\/musical-instrument-web-audio-api\/\"><u>\u0421\u043e\u0437\u0434\u0430\u0439\u0442\u0435 \u043c\u0443\u0437\u044b\u043a\u0430\u043b\u044c\u043d\u044b\u0439 \u0438\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442 \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e Web Audio API.<\/u><\/a><\/p>\n<\/li>\n<li>\n<p><a href=\"https:\/\/alanhogan.com\/code\/vendor-prefixed-css-property-names-in-javascript\"><u>\u0414\u0430\u0432\u0430\u0439\u0442\u0435 \u0440\u0430\u0437\u0431\u0435\u0440\u0435\u043c\u0441\u044f \u043f\u043e\u0447\u0435\u043c\u0443 \u0432\u0435\u043d\u0434\u043e\u0440\u043d\u044b\u0435 \u043f\u0440\u0435\u0444\u0438\u043a\u0441\u044b \u0432 JavaScript \u043d\u0443\u0436\u043d\u043e \u0443\u043a\u0430\u0437\u044b\u0432\u0430\u0442\u044c \u0441 \u0437\u0430\u0433\u043b\u0430\u0432\u043d\u043e\u0439 \u0431\u0443\u043a\u0432\u044b<\/u><\/a>, \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, <code>button.style.WebkitFilter<\/code> \u0438\u043b\u0438 <code>button.style.MozFilter<\/code>.<\/p>\n<\/li>\n<li>\n<p><a href=\"https:\/\/engineering.fb.com\/2022\/05\/11\/open-source\/jest-openjs-foundation\/\"><u>Jest \u043f\u0435\u0440\u0435\u0435\u0445\u0430\u043b \u0432 OpenJS Foundation<\/u><\/a>.<\/p>\n<\/li>\n<li>\n<p><strong>\u0423 <\/strong><a href=\"https:\/\/devblogs.microsoft.com\/typescript\/announcing-typescript-4-7-rc\/\"><strong><u>TS \u0432\u044b\u0448\u0435\u043b \u043d\u043e\u0432\u044b\u0439 \u0440\u0435\u043b\u0438\u0437 \u043a\u0430\u043d\u0434\u0438\u0434\u0430\u0442 4.7<\/u><\/strong><\/a><strong>.<\/strong><\/p>\n<\/li>\n<li>\n<p><a href=\"https:\/\/williamkennedy.ninja\/javascript\/2022\/05\/03\/in-defence-of-the-single-page-application\/\"><u>\u0412 \u0437\u0430\u0449\u0438\u0442\u0443 SPA<\/u><\/a>. <em>(\u044d\u0442\u043e \u0448\u0443\u0442\u043a\u0430)<\/em><\/p>\n<\/li>\n<\/ul>\n<h3>React<\/h3>\n<ul>\n<li>\n<p><strong>\u0423\u0437\u043d\u0430\u0439\u0442\u0435 <\/strong><a href=\"https:\/\/github.com\/reactjs\/rfcs\/blob\/useevent\/text\/0000-useevent.md\"><strong><u>\u043f\u0440\u043e \u0445\u0443\u043a useEvent<\/u><\/strong><\/a><strong> \u0434\u043b\u044f \u0442\u043e\u0433\u043e, \u0447\u0442\u043e\u0431\u044b \u0431\u043e\u043b\u0435\u0435 \u0442\u043e\u0447\u043d\u043e \u0440\u0430\u0431\u043e\u0442\u0430\u0442\u044c \u0441 \u0441\u043e\u0431\u044b\u0442\u0438\u044f\u043c\u0438. \u0421\u0435\u0439\u0447\u0430\u0441 \u0444\u0438\u0447\u0430 \u043d\u0430 \u0441\u0442\u0430\u0434\u0438\u0438 \u0441\u0431\u043e\u0440\u0430 \u043e\u0431\u0440\u0430\u0442\u043d\u043e\u0439 \u0441\u0432\u044f\u0437\u0438.<\/strong><\/p>\n<\/li>\n<li>\n<p><a href=\"https:\/\/typeofnan.dev\/what-the-useevent-react-hook-is-and-isnt\/\"><strong><u>\u0427\u0435\u043c \u044f\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u0438 \u0447\u0435\u043c \u043d\u0435 \u044f\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u0445\u0443\u043a useEvent<\/u><\/strong><\/a><strong>.<\/strong><\/p>\n<\/li>\n<li>\n<p>\u0423\u0437\u043d\u0430\u0439\u0442\u0435 <a href=\"https:\/\/www.developerway.com\/posts\/react-key-attribute\"><u>\u043f\u043e\u0447\u0435\u043c\u0443 \u0430\u0442\u0440\u0438\u0431\u0443\u0442 key \u043d\u0435 \u0442\u0430\u043a \u0443\u0436 \u0438 \u043d\u0435 \u0432\u0430\u0436\u0435\u043d<\/u><\/a>.<\/p>\n<\/li>\n<li>\n<p>\u041f\u043e\u0434\u0440\u043e\u0431\u043d\u043e <a href=\"https:\/\/www.robinwieruch.de\/react-as-prop\/\"><u>\u043f\u0440\u043e \u0441\u0432\u043e\u0439\u0441\u0442\u0432\u043e &#171;as&#187;<\/u><\/a>.<\/p>\n<\/li>\n<li>\n<p><a href=\"https:\/\/storybook.js.org\/blog\/storybook-performance-from-webpack-to-vite\/\"><u>\u0421\u0440\u0430\u0432\u043d\u0435\u043d\u0438\u0435 webpack \u0438 vite \u0434\u043b\u044f storybook<\/u><\/a>.<\/p>\n<\/li>\n<\/ul>\n<h3>Angular\u00a0<\/h3>\n<ul>\n<li>\n<p>\u041f\u0440\u043e\u0434\u043e\u043b\u0436\u0430\u0435\u043c \u043e\u0431\u043d\u043e\u0432\u043b\u044f\u0442\u044c\u0441\u044f \u0434\u043e <a href=\"https:\/\/github.com\/angular\/angular\/releases\/tag\/13.3.7\"><u>v13.3.7<\/u><\/a> \u0438\u043b\u0438 \u0434\u0430\u0436\u0435 <a href=\"https:\/\/github.com\/angular\/angular\/releases\/tag\/13.3.8\"><u>v13.3.8<\/u><\/a>.<\/p>\n<\/li>\n<li>\n<p>\u0438 \u043f\u0440\u043e\u0431\u043e\u0432\u0430\u0442\u044c \u0431\u0435\u0442\u0443 <a href=\"https:\/\/github.com\/angular\/angular\/releases\/tag\/14.0.0-rc.0\"><u>14.0.0-rc.0<\/u><\/a>, \u043a\u0441\u0442\u0430\u0442\u0438 \u0443\u0436\u0435 \u0440\u0435\u043b\u0438\u0437 \u043a\u0430\u043d\u0434\u0438\u0434\u0430\u0442.<\/p>\n<\/li>\n<\/ul>\n<h3>Node.js<\/h3>\n<ul>\n<li>\n<p>\u0418\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0439\u0442\u0435 <a href=\"https:\/\/github.blog\/2022-05-10-enhanced-2fa-experience-for-your-npm-account\/\"><u>2FA \u0434\u043b\u044f npm<\/u><\/a>.<\/p>\n<\/li>\n<li>\n<p><a href=\"https:\/\/blog.cloudflare.com\/introducing-the-wintercg\/\"><u>JavaScript \u0432\u043d\u0435 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u043e\u0432<\/u><\/a>. \u041d\u043e\u0432\u0430\u044f \u0438\u043d\u0438\u0446\u0438\u0430\u0442\u0438\u0432\u0430 Cloudflare, Vercel, Shopify \u043f\u043e \u0432\u043e\u043f\u0440\u043e\u0441\u0430\u043c \u0441\u043e\u0432\u043c\u0435\u0441\u0442\u0438\u043c\u043e\u0441\u0442\u0438 \u0438 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0438 \u0432\u0435\u0431 API \u0434\u043b\u044f \u043d\u0435\u0431\u0440\u0430\u0443\u0437\u0435\u0440\u043d\u044b\u0445 \u0441\u0440\u0435\u0434.<\/p>\n<\/li>\n<li>\n<p>\u0423\u0437\u043d\u0430\u0439\u0442\u0435 \u043f\u0440\u043e <a href=\"https:\/\/charliegerard.dev\/blog\/ransomware-script-node-module\/\"><u>\u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u044b-\u0432\u044b\u043c\u043e\u0433\u0430\u0442\u0435\u043b\u0435\u0439 \u0432 \u043c\u043e\u0434\u0443\u043b\u044f\u0445 node.js<\/u><\/a>.<\/p>\n<\/li>\n<li>\n<p><a href=\"https:\/\/yonatankra.com\/how-to-use-the-new-ecmascript-module-in-typescript\/\"><u>Nodenext \u0438 TS<\/u><\/a>. \u0423\u0437\u043d\u0430\u0439\u0442\u0435 \u043f\u0440\u043e \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u0443 \u043c\u043e\u0434\u0443\u043b\u0435\u0439 ES \u0432 TS.<\/p>\n<\/li>\n<li>\n<p>\u041f\u0440\u043e <a href=\"https:\/\/fusebit.io\/blog\/github-pulls-api-manage-prs\/\"><u>Github Pulls AP \u0434\u043b\u044f \u0443\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u044f \u043f\u0443\u043b\u0440\u0435\u043a\u0432\u0435\u0441\u0442\u0430\u043c\u0438<\/u><\/a>.\u00a0\u00a0<\/p>\n<\/li>\n<li>\n<p><a href=\"https:\/\/fusebit.io\/blog\/manage-oauth-user-creds\/\"><u>\u0423\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u0435 OAuth \u0443\u0447\u0451\u0442\u043d\u044b\u043c\u0438 \u0434\u0430\u043d\u043d\u044b\u043c\u0438 \u0432 node.js \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0438<\/u><\/a>.<\/p>\n<\/li>\n<\/ul>\n<h3>Vue<\/h3>\n<p><em>\u042f \u0432\u0438\u0434\u0435\u043b \u0432\u0430\u0448\u0438 \u043f\u0440\u043e\u0441\u044c\u0431\u044b \u0434\u043e\u0431\u0430\u0432\u043b\u044f\u0442\u044c \u0438\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u044e \u043f\u0440\u043e Vue. \u0421\u043f\u0430\u0441\u0438\u0431\u043e \u0432\u0430\u043c \u0437\u0430 \u043e\u0431\u0440\u0430\u0442\u043d\u0443\u044e \u0441\u0432\u044f\u0437\u044c. \u0412 \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0435\u043c \u0432\u044b\u043f\u0443\u0441\u043a\u0435 \u0434\u043e\u0431\u0430\u0432\u043b\u044e.<\/em><\/p>\n<h4>\u041f\u0440\u043e\u0438\u0437\u0432\u043e\u0434\u0438\u0442\u0435\u043b\u044c\u043d\u043e\u0441\u0442\u044c<\/h4>\n<ul>\n<li>\n<p><a href=\"https:\/\/calibreapp.com\/blog\/priority-hints\"><u>\u041f\u043e\u0432\u043b\u0438\u044f\u0439\u0442\u0435 \u043d\u0430 \u0442\u043e, \u043a\u0430\u043a \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u044b \u0438\u0437\u0432\u043b\u0435\u043a\u0430\u044e\u0442 \u0440\u0435\u0441\u0443\u0440\u0441\u044b<\/u><\/a>.<\/p>\n<\/li>\n<li>\n<p><a href=\"https:\/\/www.smashingmagazine.com\/2022\/05\/google-crux-analysis-comparison-performance-javascript-frameworks\/\"><u>\u0421\u0440\u0430\u0432\u043d\u0438\u0442\u0435 \u043f\u0440\u043e\u0438\u0437\u0432\u043e\u0434\u0438\u0442\u0435\u043b\u044c\u043d\u043e\u0441\u0442\u044c JavaScript-\u0444\u0440\u0435\u0439\u043c\u0432\u043e\u0440\u043a\u0430\u0445 \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e Google CrUX<\/u><\/a>.<\/p>\n<\/li>\n<li>\n<p>\u0423\u0437\u043d\u0430\u0439\u0442\u0435 <a href=\"https:\/\/blog.atomrc.dev\/p\/js-performance-profiling\/\"><u>\u043a\u0430\u043a \u0440\u0430\u0431\u043e\u0442\u0430\u0442\u044c \u0441 \u043f\u0440\u043e\u0444\u0438\u043b\u0438\u0440\u043e\u0432\u0449\u0438\u043a\u043e\u043c \u043f\u0440\u043e\u0438\u0437\u0432\u043e\u0434\u0438\u0442\u0435\u043b\u044c\u043d\u043e\u0441\u0442\u0438 \u0432 DevTools<\/u><\/a>.<\/p>\n<\/li>\n<\/ul>\n<h4>\u0418\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u044b<\/h4>\n<ul>\n<li>\n<p><a href=\"https:\/\/github.com\/reaviz\/reagraph\"><u>reagraph<\/u><\/a> \u2014  \u0432\u0438\u0437\u0443\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u044f \u0441\u0435\u0442\u0435\u0432\u044b\u0445 \u0433\u0440\u0430\u0444\u043e\u0432, \u0432 \u043a\u043e\u0442\u043e\u0440\u043e\u0439 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u0442\u0441\u044f WebGL \u0434\u043b\u044f 2D \u0438 3D-\u0440\u0435\u043d\u0434\u0435\u0440\u0438\u043d\u0433\u0430.<\/p>\n<\/li>\n<li>\n<p><a href=\"https:\/\/babylonjs.medium.com\/babylon-js-5-0-beyond-the-stars-2d11d4c3d07\"><u>Babylon.js 5.0<\/u><\/a> \u2014  \u0434\u0432\u0438\u0436\u043e\u043a \u0434\u043b\u044f \u0440\u0435\u043d\u0434\u0435\u0440\u0438\u043d\u0433\u0430 3D.<\/p>\n<\/li>\n<li>\n<p>\u0415\u0449\u0451 \u043d\u0435 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u0442\u0435 AVIF? \u0422\u043e\u0433\u0434\u0430 \u0443\u0437\u043d\u0430\u0439\u0442\u0435 <a href=\"https:\/\/css-tricks.com\/useful-tools-for-creating-avif-images\/\"><u>\u0441\u043f\u0438\u0441\u043e\u043a \u0438\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u043e\u0432, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043f\u043e\u043c\u043e\u0433\u0443\u0442 \u0432\u0430\u043c \u0441\u043e\u0437\u0434\u0430\u0442\u044c AVIF<\/u><\/a>.<\/p>\n<\/li>\n<li>\n<p><a href=\"https:\/\/github.com\/sindresorhus\/crypto-random-string\"><u>crypto-random-string<\/u><\/a> \u2014  \u0434\u043b\u044f \u0433\u0435\u043d\u0435\u0440\u0430\u0446\u0438\u0438 \u043a\u0440\u0438\u043f\u0442\u043e\u0433\u0440\u0430\u0444\u0438\u0447\u0435\u0441\u043a\u0438 \u0441\u0442\u043e\u0439\u043a\u043e\u0439 \u0441\u043b\u0443\u0447\u0430\u0439\u043d\u043e\u0439 \u0441\u0442\u0440\u043e\u043a\u0438. \u0420\u0430\u0431\u043e\u0442\u0430\u0435\u0442 \u0432 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0435 \u0438 node.js.<\/p>\n<\/li>\n<li>\n<p><a href=\"https:\/\/motion.dev\/tools\"><u>Motion DevTools<\/u><\/a> \u0434\u043b\u044f \u043e\u0442\u043b\u0430\u0434\u043a\u0438 \u0430\u043d\u0438\u043c\u0430\u0446\u0438\u0439 \u0432 DevTools.<\/p>\n<\/li>\n<\/ul>\n<h4>\u00a0\u0411\u0440\u0430\u0443\u0437\u0435\u0440\u044b<\/h4>\n<ul>\n<li>\n<p><a href=\"https:\/\/www.theverge.com\/2022\/4\/29\/23049015\/microsoft-free-built-in-vpn-edge-browser-edge-secure-network\"><u>\u0412 Edge \u043f\u043e\u044f\u0432\u0438\u0442\u0441\u044f \u0431\u0435\u0441\u043f\u043b\u0430\u0442\u043d\u044b\u0439 \u0432\u0441\u0442\u0440\u043e\u0435\u043d\u043d\u044b\u0439 VPN<\/u><\/a>.<\/p>\n<\/li>\n<\/ul>\n<h4>\u041e\u0431\u0449\u0435\u0435<\/h4>\n<ul>\n<li>\n<p><a href=\"https:\/\/www.smashingmagazine.com\/2022\/04\/boosting-ux-with-design-kpis\/\"><u>\u0423\u043b\u0443\u0447\u0448\u0430\u0439\u0442\u0435 UX \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e \u0434\u0438\u0437\u0430\u0439\u043d KPI<\/u><\/a>.<\/p>\n<\/li>\n<li>\n<p><a href=\"https:\/\/uxdesign.cc\/unethical-design-of-cookie-consent-windows-857ef68f1bd6\"><u>\u0418\u0441\u043f\u0440\u0430\u0432\u044c\u0442\u0435 UX \u0432\u0430\u0448\u0435\u0433\u043e \u043e\u043a\u043d\u0430 \u0441\u043e\u0433\u043b\u0430\u0441\u0438\u044f \u043d\u0430 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435 cookie.<\/u><\/a><\/p>\n<\/li>\n<li>\n<p>\u0420\u0435\u0448\u0438\u0442\u0435 <a href=\"https:\/\/medium.com\/@lodestar-design\/the-dark-yellow-problem-in-design-system-color-palettes-a0db1eedc99d\"><u>\u043f\u0440\u043e\u0431\u043b\u0435\u043c\u0443 \u0436\u0451\u043b\u0442\u043e\u0433\u043e \u0446\u0432\u0435\u0442\u0430 \u0434\u043b\u044f \u0446\u0432\u0435\u0442\u043e\u0432\u044b\u0445 \u043f\u0430\u043b\u0438\u0442\u0440<\/u><\/a>.<\/p>\n<\/li>\n<li>\n<p>\u0417\u0430\u0446\u0435\u043d\u0438\u0442\u0435 \u043d\u043e\u0432\u044b\u0439 <a href=\"https:\/\/material.io\/blog\/roboto-flex\"><u>Roboto Flex \u0441 \u043e\u0433\u0440\u043e\u043c\u043d\u044b\u043c \u0434\u0438\u0430\u043f\u0430\u0437\u043e\u043d\u043e\u043c \u0432\u0435\u0441\u0430 \u0438 \u0448\u0438\u0440\u0438\u043d\u044b<\/u><\/a>.<\/p>\n<\/li>\n<li>\n<p>\u041d\u0435 \u0432\u044b\u0433\u043e\u0440\u0430\u0439\u0442\u0435. \u0423\u0437\u043d\u0430\u0439\u0442\u0435 <a href=\"https:\/\/www.zdnet.com\/education\/professional-development\/developers-are-facing-burnout-heres-how-companies-are-trying-to-fix-it\/\"><u>\u043a\u0430\u043a \u043a\u043e\u043c\u043f\u0430\u043d\u0438\u0438 \u043f\u043e\u043c\u043e\u0433\u0430\u044e\u0442 \u0441\u0432\u043e\u0438\u043c \u0441\u043e\u0442\u0440\u0443\u0434\u043d\u0438\u043a\u0430\u043c<\/u><\/a>.<\/p>\n<\/li>\n<li>\n<p><a href=\"https:\/\/techcrunch.com\/2022\/05\/05\/apple-google-microsoft-passwordless-logins\/\"><u>Apple, Google \u0438 Microsoft \u043e\u0431\u044a\u0435\u0434\u0438\u043d\u0438\u043b\u0438\u0441\u044c, \u0447\u0442\u043e\u0431\u044b \u0441\u043e\u0437\u0434\u0430\u0442\u044c \u0432\u0445\u043e\u0434 \u0432 \u0441\u0438\u0441\u0442\u0435\u043c\u0443 \u0431\u0435\u0437 \u043f\u0430\u0440\u043e\u043b\u044f<\/u><\/a>.<\/p>\n<\/li>\n<li>\n<p>\u0423\u0437\u043d\u0430\u0439\u0442\u0435 <a href=\"https:\/\/www.wearecollins.com\/ideas\/101-design-rules\/\"><u>101 \u043f\u0440\u0438\u043d\u0446\u0438\u043f \u0434\u0438\u0437\u0430\u0439\u043d\u0430<\/u><\/a>.<\/p>\n<\/li>\n<li>\n<p>\u0423\u0437\u043d\u0430\u0439\u0442\u0435 <a href=\"https:\/\/www.smashingmagazine.com\/2022\/05\/designing-better-language-selector\/\"><u>\u043a\u0430\u043a \u0441\u043e\u0437\u0434\u0430\u0442\u044c \u043b\u0443\u0447\u0448\u0438\u0439 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442 \u043f\u043e \u043f\u0435\u0440\u0435\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u044e \u044f\u0437\u044b\u043a\u0430<\/u><\/a>.<\/p>\n<\/li>\n<\/ul>\n<h4>\u041a\u0430\u043a \u0447\u0438\u0442\u0430\u0442\u044c \u0441\u0442\u0430\u0442\u044c\u0438 \u043d\u0430 \u0430\u043d\u0433\u043b\u0438\u0439\u0441\u043a\u043e\u043c \u044f\u0437\u044b\u043a\u0435<\/h4>\n<p>\u0412 \u0434\u0430\u0439\u0434\u0436\u0435\u0441\u0442\u0435 \u043c\u043d\u043e\u0433\u043e \u0441\u0442\u0430\u0442\u0435\u0439 \u0438 \u0432\u0438\u0434\u0435\u043e \u043d\u0430 \u0430\u043d\u0433\u043b\u0438\u0439\u0441\u043a\u043e\u043c \u044f\u0437\u044b\u043a\u0435, \u0447\u0442\u043e\u0431\u044b \u044d\u0442\u043e \u043d\u0435 \u0441\u0442\u0430\u043b\u043e \u043f\u0440\u0435\u043f\u044f\u0442\u0441\u0442\u0432\u0438\u0435\u043c: \u0432 Google Chrome \u0435\u0441\u0442\u044c \u0444\u0443\u043d\u043a\u0446\u0438\u044f \u043f\u0435\u0440\u0435\u0432\u043e\u0434\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b \u0441 \u043b\u044e\u0431\u043e\u0433\u043e \u043f\u043e\u043f\u0443\u043b\u044f\u0440\u043d\u043e\u0433\u043e \u044f\u0437\u044b\u043a\u0430, \u0430 \u0432\u0438\u0434\u0435\u043e \u043c\u043e\u0436\u043d\u043e \u043f\u0435\u0440\u0435\u0432\u0435\u0441\u0442\u0438 \u0432 \u042f\u043d\u0434\u0435\u043a\u0441 \u0411\u0440\u0430\u0443\u0437\u0435\u0440\u0435.<\/p>\n<\/p>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"v-portal\" style=\"display:none;\"><\/div>\n<\/div>\n<p> <!----> <!----><br \/> \u0441\u0441\u044b\u043b\u043a\u0430 \u043d\u0430 \u043e\u0440\u0438\u0433\u0438\u043d\u0430\u043b \u0441\u0442\u0430\u0442\u044c\u0438 <a href=\"https:\/\/habr.com\/ru\/company\/htmlacademy\/blog\/665844\/\"> https:\/\/habr.com\/ru\/company\/htmlacademy\/blog\/665844\/<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<div><\/div>\n<div id=\"post-content-body\">\n<div>\n<div class=\"article-formatted-body article-formatted-body article-formatted-body_version-2\">\n<div xmlns=\"http:\/\/www.w3.org\/1999\/xhtml\">\n<p>\u0414\u0430\u0439\u0434\u0436\u0435\u0441\u0442 \u043d\u043e\u0432\u043e\u0441\u0442\u0435\u0439 \u0438\u0437 \u043c\u0438\u0440\u0430 \u0444\u0440\u043e\u043d\u0442\u0435\u043d\u0434-\u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0438 \u0437\u0430 \u043f\u043e\u0441\u043b\u0435\u0434\u043d\u044e\u044e \u043d\u0435\u0434\u0435\u043b\u044e 9\u201315 \u043c\u0430\u044f.<\/p>\n<figure class=\"full-width\"><figcaption><\/figcaption><\/figure>\n<h4>\u0421\u043f\u0435\u0446\u0438\u0444\u0438\u043a\u0430\u0446\u0438\u0438<\/h4>\n<ul>\n<li>\n<p><a href=\"https:\/\/www.w3.org\/TR\/2022\/DNOTE-ethical-web-principles-20220512\/\"><u>\u042d\u0442\u0438\u0447\u0435\u0441\u043a\u0438\u0435 \u043f\u0440\u0438\u043d\u0446\u0438\u043f\u044b<\/u><\/a> \u0438 <a href=\"https:\/\/www.w3.org\/TR\/2022\/DNOTE-privacy-principles-20220512\/\"><u>\u043f\u0440\u0438\u043d\u0446\u0438\u043f\u044b \u043a\u043e\u043d\u0444\u0438\u0434\u0435\u043d\u0446\u0438\u0430\u043b\u044c\u043d\u043e\u0441\u0442\u0438<\/u><\/a> \u043f\u0440\u0438 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0435 \u0432\u0435\u0431-\u043f\u043b\u0430\u0442\u0444\u043e\u0440\u043c\u044b.\u00a0<\/p>\n<\/li>\n<\/ul>\n<h4>HTML<\/h4>\n<ul>\n<li>\n<p>\u0423\u0437\u043d\u0430\u0439\u0442\u0435 <a href=\"https:\/\/flower.codes\/2022\/03\/23\/backwards-compatibility.html\"><u>\u043e\u0447\u0435\u0440\u0435\u0434\u043d\u043e\u0435 \u0434\u043e\u043a\u0430\u0437\u0430\u0442\u0435\u043b\u044c\u0441\u0442\u0432\u043e \u0442\u043e\u0433\u043e, \u0447\u0442\u043e \u0438\u043d\u0442\u0435\u0440\u043d\u0435\u0442 \u0441\u043b\u043e\u043c\u0430\u043d<\/u><\/a>.<\/p>\n<\/li>\n<li>\n<p>\u00ab<a href=\"https:\/\/www.smashingmagazine.com\/2022\/05\/magical-svg-techniques\/\"><u>\u0412\u043e\u043b\u0448\u0435\u0431\u043d\u044b\u0435 \u0442\u0435\u0445\u043d\u0438\u043a\u0438 SVG<\/u><\/a>\u00bb.\u00a0<\/p>\n<\/li>\n<li>\n<p>\u0423\u0437\u043d\u0430\u0439\u0442\u0435, <a href=\"https:\/\/benfrain.com\/how-to-use-videos-with-alpha-transparency-on-the-web\/\"><u>\u043a\u0430\u043a \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u0432\u0438\u0434\u0435\u043e \u0441 \u043f\u0440\u043e\u0437\u0440\u0430\u0447\u043d\u043e\u0441\u0442\u044c\u044e<\/u><\/a>.<\/p>\n<\/li>\n<\/ul>\n<h4>CSS<\/h4>\n<ul>\n<li>\n<p><a href=\"https:\/\/web.dev\/state-of-css-2022\/\"><strong><u>STATE OF CSS 2022<\/u><\/strong><\/a><strong>.<\/strong><\/p>\n<\/li>\n<li>\n<p>\u0423\u0437\u043d\u0430\u0439\u0442\u0435 <a href=\"https:\/\/blog.jim-nielsen.com\/2022\/ordering-css-delcarations\/\"><u>\u0432\u0430\u0436\u0435\u043d \u043b\u0438 \u043f\u043e\u0440\u044f\u0434\u043e\u043a CSS-\u0441\u0432\u043e\u0439\u0441\u0442\u0432 \u0432 \u0431\u043b\u043e\u043a\u0435 \u043f\u0440\u0430\u0432\u0438\u043b<\/u><\/a>.<\/p>\n<\/li>\n<li>\n<p><a href=\"https:\/\/blog.jim-nielsen.com\/2022\/things-the-css-spec-folks-got-right\/\"><u>\u0412\u0437\u0433\u043b\u044f\u0434 \u0432 \u043f\u0440\u043e\u0448\u043b\u043e\u0435, \u0447\u0442\u043e\u0431\u044b \u043e\u0446\u0435\u043d\u0438\u0442\u044c \u0442\u043e, \u0447\u0442\u043e \u0438\u0437\u043d\u0430\u0447\u0430\u043b\u044c\u043d\u043e \u0432 CSS \u0441\u0434\u0435\u043b\u0430\u043d\u043e \u043f\u0440\u0430\u0432\u0438\u043b\u044c\u043d\u043e.<\/u><\/a><\/p>\n<\/li>\n<li>\n<p>PurgeCSS \u0438 styled-components. <a href=\"https:\/\/www.useanvil.com\/blog\/engineering\/purgecss-styled-components\/\"><u>PurgeCSS \u043d\u0435 \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442<\/u><\/a>?<\/p>\n<\/li>\n<\/ul>\n<h4>JavaScript<\/h4>\n<ul>\n<li>\n<p><a href=\"https:\/\/www.taniarascia.com\/musical-instrument-web-audio-api\/\"><u>\u0421\u043e\u0437\u0434\u0430\u0439\u0442\u0435 \u043c\u0443\u0437\u044b\u043a\u0430\u043b\u044c\u043d\u044b\u0439 \u0438\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442 \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e Web Audio API.<\/u><\/a><\/p>\n<\/li>\n<li>\n<p><a href=\"https:\/\/alanhogan.com\/code\/vendor-prefixed-css-property-names-in-javascript\"><u>\u0414\u0430\u0432\u0430\u0439\u0442\u0435 \u0440\u0430\u0437\u0431\u0435\u0440\u0435\u043c\u0441\u044f \u043f\u043e\u0447\u0435\u043c\u0443 \u0432\u0435\u043d\u0434\u043e\u0440\u043d\u044b\u0435 \u043f\u0440\u0435\u0444\u0438\u043a\u0441\u044b \u0432 JavaScript \u043d\u0443\u0436\u043d\u043e \u0443\u043a\u0430\u0437\u044b\u0432\u0430\u0442\u044c \u0441 \u0437\u0430\u0433\u043b\u0430\u0432\u043d\u043e\u0439 \u0431\u0443\u043a\u0432\u044b<\/u><\/a>, \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, <code>button.style.WebkitFilter<\/code> \u0438\u043b\u0438 <code>button.style.MozFilter<\/code>.<\/p>\n<\/li>\n<li>\n<p><a href=\"https:\/\/engineering.fb.com\/2022\/05\/11\/open-source\/jest-openjs-foundation\/\"><u>Jest \u043f\u0435\u0440\u0435\u0435\u0445\u0430\u043b \u0432 OpenJS Foundation<\/u><\/a>.<\/p>\n<\/li>\n<li>\n<p><strong>\u0423 <\/strong><a href=\"https:\/\/devblogs.microsoft.com\/typescript\/announcing-typescript-4-7-rc\/\"><strong><u>TS \u0432\u044b\u0448\u0435\u043b \u043d\u043e\u0432\u044b\u0439 \u0440\u0435\u043b\u0438\u0437 \u043a\u0430\u043d\u0434\u0438\u0434\u0430\u0442 4.7<\/u><\/strong><\/a><strong>.<\/strong><\/p>\n<\/li>\n<li>\n<p><a href=\"https:\/\/williamkennedy.ninja\/javascript\/2022\/05\/03\/in-defence-of-the-single-page-application\/\"><u>\u0412 \u0437\u0430\u0449\u0438\u0442\u0443 SPA<\/u><\/a>. <em>(\u044d\u0442\u043e \u0448\u0443\u0442\u043a\u0430)<\/em><\/p>\n<\/li>\n<\/ul>\n<h3>React<\/h3>\n<ul>\n<li>\n<p><strong>\u0423\u0437\u043d\u0430\u0439\u0442\u0435 <\/strong><a href=\"https:\/\/github.com\/reactjs\/rfcs\/blob\/useevent\/text\/0000-useevent.md\"><strong><u>\u043f\u0440\u043e \u0445\u0443\u043a useEvent<\/u><\/strong><\/a><strong> \u0434\u043b\u044f \u0442\u043e\u0433\u043e, \u0447\u0442\u043e\u0431\u044b \u0431\u043e\u043b\u0435\u0435 \u0442\u043e\u0447\u043d\u043e \u0440\u0430\u0431\u043e\u0442\u0430\u0442\u044c \u0441 \u0441\u043e\u0431\u044b\u0442\u0438\u044f\u043c\u0438. \u0421\u0435\u0439\u0447\u0430\u0441 \u0444\u0438\u0447\u0430 \u043d\u0430 \u0441\u0442\u0430\u0434\u0438\u0438 \u0441\u0431\u043e\u0440\u0430 \u043e\u0431\u0440\u0430\u0442\u043d\u043e\u0439 \u0441\u0432\u044f\u0437\u0438.<\/strong><\/p>\n<\/li>\n<li>\n<p><a href=\"https:\/\/typeofnan.dev\/what-the-useevent-react-hook-is-and-isnt\/\"><strong><u>\u0427\u0435\u043c \u044f\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u0438 \u0447\u0435\u043c \u043d\u0435 \u044f\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u0445\u0443\u043a useEvent<\/u><\/strong><\/a><strong>.<\/strong><\/p>\n<\/li>\n<li>\n<p>\u0423\u0437\u043d\u0430\u0439\u0442\u0435 <a href=\"https:\/\/www.developerway.com\/posts\/react-key-attribute\"><u>\u043f\u043e\u0447\u0435\u043c\u0443 \u0430\u0442\u0440\u0438\u0431\u0443\u0442 key \u043d\u0435 \u0442\u0430\u043a \u0443\u0436 \u0438 \u043d\u0435 \u0432\u0430\u0436\u0435\u043d<\/u><\/a>.<\/p>\n<\/li>\n<li>\n<p>\u041f\u043e\u0434\u0440\u043e\u0431\u043d\u043e <a href=\"https:\/\/www.robinwieruch.de\/react-as-prop\/\"><u>\u043f\u0440\u043e \u0441\u0432\u043e\u0439\u0441\u0442\u0432\u043e &#171;as&#187;<\/u><\/a>.<\/p>\n<\/li>\n<li>\n<p><a href=\"https:\/\/storybook.js.org\/blog\/storybook-performance-from-webpack-to-vite\/\"><u>\u0421\u0440\u0430\u0432\u043d\u0435\u043d\u0438\u0435 webpack \u0438 vite \u0434\u043b\u044f storybook<\/u><\/a>.<\/p>\n<\/li>\n<\/ul>\n<h3>Angular\u00a0<\/h3>\n<ul>\n<li>\n<p>\u041f\u0440\u043e\u0434\u043e\u043b\u0436\u0430\u0435\u043c \u043e\u0431\u043d\u043e\u0432\u043b\u044f\u0442\u044c\u0441\u044f \u0434\u043e <a href=\"https:\/\/github.com\/angular\/angular\/releases\/tag\/13.3.7\"><u>v13.3.7<\/u><\/a> \u0438\u043b\u0438 \u0434\u0430\u0436\u0435 <a href=\"https:\/\/github.com\/angular\/angular\/releases\/tag\/13.3.8\"><u>v13.3.8<\/u><\/a>.<\/p>\n<\/li>\n<li>\n<p>\u0438 \u043f\u0440\u043e\u0431\u043e\u0432\u0430\u0442\u044c \u0431\u0435\u0442\u0443 <a href=\"https:\/\/github.com\/angular\/angular\/releases\/tag\/14.0.0-rc.0\"><u>14.0.0-rc.0<\/u><\/a>, \u043a\u0441\u0442\u0430\u0442\u0438 \u0443\u0436\u0435 \u0440\u0435\u043b\u0438\u0437 \u043a\u0430\u043d\u0434\u0438\u0434\u0430\u0442.<\/p>\n<\/li>\n<\/ul>\n<h3>Node.js<\/h3>\n<ul>\n<li>\n<p>\u0418\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0439\u0442\u0435 <a href=\"https:\/\/github.blog\/2022-05-10-enhanced-2fa-experience-for-your-npm-account\/\"><u>2FA \u0434\u043b\u044f npm<\/u><\/a>.<\/p>\n<\/li>\n<li>\n<p><a href=\"https:\/\/blog.cloudflare.com\/introducing-the-wintercg\/\"><u>JavaScript \u0432\u043d\u0435 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u043e\u0432<\/u><\/a>. \u041d\u043e\u0432\u0430\u044f \u0438\u043d\u0438\u0446\u0438\u0430\u0442\u0438\u0432\u0430 Cloudflare, Vercel, Shopify \u043f\u043e \u0432\u043e\u043f\u0440\u043e\u0441\u0430\u043c \u0441\u043e\u0432\u043c\u0435\u0441\u0442\u0438\u043c\u043e\u0441\u0442\u0438 \u0438 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0438 \u0432\u0435\u0431 API \u0434\u043b\u044f \u043d\u0435\u0431\u0440\u0430\u0443\u0437\u0435\u0440\u043d\u044b\u0445 \u0441\u0440\u0435\u0434.<\/p>\n<\/li>\n<li>\n<p>\u0423\u0437\u043d\u0430\u0439\u0442\u0435 \u043f\u0440\u043e <a href=\"https:\/\/charliegerard.dev\/blog\/ransomware-script-node-module\/\"><u>\u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u044b-\u0432\u044b\u043c\u043e\u0433\u0430\u0442\u0435\u043b\u0435\u0439 \u0432 \u043c\u043e\u0434\u0443\u043b\u044f\u0445 node.js<\/u><\/a>.<\/p>\n<\/li>\n<li>\n<p><a href=\"https:\/\/yonatankra.com\/how-to-use-the-new-ecmascript-module-in-typescript\/\"><u>Nodenext \u0438 TS<\/u><\/a>. \u0423\u0437\u043d\u0430\u0439\u0442\u0435 \u043f\u0440\u043e \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u0443 \u043c\u043e\u0434\u0443\u043b\u0435\u0439 ES \u0432 TS.<\/p>\n<\/li>\n<li>\n<p>\u041f\u0440\u043e <a href=\"https:\/\/fusebit.io\/blog\/github-pulls-api-manage-prs\/\"><u>Github Pulls AP \u0434\u043b\u044f \u0443\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u044f \u043f\u0443\u043b\u0440\u0435\u043a\u0432\u0435\u0441\u0442\u0430\u043c\u0438<\/u><\/a>.\u00a0\u00a0<\/p>\n<\/li>\n<li>\n<p><a href=\"https:\/\/fusebit.io\/blog\/manage-oauth-user-creds\/\"><u>\u0423\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u0435 OAuth \u0443\u0447\u0451\u0442\u043d\u044b\u043c\u0438 \u0434\u0430\u043d\u043d\u044b\u043c\u0438 \u0432 node.js \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0438<\/u><\/a>.<\/p>\n<\/li>\n<\/ul>\n<h3>Vue<\/h3>\n<p><em>\u042f \u0432\u0438\u0434\u0435\u043b \u0432\u0430\u0448\u0438 \u043f\u0440\u043e\u0441\u044c\u0431\u044b \u0434\u043e\u0431\u0430\u0432\u043b\u044f\u0442\u044c \u0438\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u044e \u043f\u0440\u043e Vue. \u0421\u043f\u0430\u0441\u0438\u0431\u043e \u0432\u0430\u043c \u0437\u0430 \u043e\u0431\u0440\u0430\u0442\u043d\u0443\u044e \u0441\u0432\u044f\u0437\u044c. \u0412 \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0435\u043c \u0432\u044b\u043f\u0443\u0441\u043a\u0435 \u0434\u043e\u0431\u0430\u0432\u043b\u044e.<\/em><\/p>\n<h4>\u041f\u0440\u043e\u0438\u0437\u0432\u043e\u0434\u0438\u0442\u0435\u043b\u044c\u043d\u043e\u0441\u0442\u044c<\/h4>\n<ul>\n<li>\n<p><a href=\"https:\/\/calibreapp.com\/blog\/priority-hints\"><u>\u041f\u043e\u0432\u043b\u0438\u044f\u0439\u0442\u0435 \u043d\u0430 \u0442\u043e, \u043a\u0430\u043a \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u044b \u0438\u0437\u0432\u043b\u0435\u043a\u0430\u044e\u0442 \u0440\u0435\u0441\u0443\u0440\u0441\u044b<\/u><\/a>.<\/p>\n<\/li>\n<li>\n<p><a href=\"https:\/\/www.smashingmagazine.com\/2022\/05\/google-crux-analysis-comparison-performance-javascript-frameworks\/\"><u>\u0421\u0440\u0430\u0432\u043d\u0438\u0442\u0435 \u043f\u0440\u043e\u0438\u0437\u0432\u043e\u0434\u0438\u0442\u0435\u043b\u044c\u043d\u043e\u0441\u0442\u044c JavaScript-\u0444\u0440\u0435\u0439\u043c\u0432\u043e\u0440\u043a\u0430\u0445 \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e Google CrUX<\/u><\/a>.<\/p>\n<\/li>\n<li>\n<p>\u0423\u0437\u043d\u0430\u0439\u0442\u0435 <a href=\"https:\/\/blog.atomrc.dev\/p\/js-performance-profiling\/\"><u>\u043a\u0430\u043a \u0440\u0430\u0431\u043e\u0442\u0430\u0442\u044c \u0441 \u043f\u0440\u043e\u0444\u0438\u043b\u0438\u0440\u043e\u0432\u0449\u0438\u043a\u043e\u043c \u043f\u0440\u043e\u0438\u0437\u0432\u043e\u0434\u0438\u0442\u0435\u043b\u044c\u043d\u043e\u0441\u0442\u0438 \u0432 DevTools<\/u><\/a>.<\/p>\n<\/li>\n<\/ul>\n<h4>\u0418\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u044b<\/h4>\n<ul>\n<li>\n<p><a href=\"https:\/\/github.com\/reaviz\/reagraph\"><u>reagraph<\/u><\/a> \u2014  \u0432\u0438\u0437\u0443\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u044f \u0441\u0435\u0442\u0435\u0432\u044b\u0445 \u0433\u0440\u0430\u0444\u043e\u0432, \u0432 \u043a\u043e\u0442\u043e\u0440\u043e\u0439 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u0442\u0441\u044f WebGL \u0434\u043b\u044f 2D \u0438 3D-\u0440\u0435\u043d\u0434\u0435\u0440\u0438\u043d\u0433\u0430.<\/p>\n<\/li>\n<li>\n<p><a href=\"https:\/\/babylonjs.medium.com\/babylon-js-5-0-beyond-the-stars-2d11d4c3d07\"><u>Babylon.js 5.0<\/u><\/a> \u2014  \u0434\u0432\u0438\u0436\u043e\u043a \u0434\u043b\u044f \u0440\u0435\u043d\u0434\u0435\u0440\u0438\u043d\u0433\u0430 3D.<\/p>\n<\/li>\n<li>\n<p>\u0415\u0449\u0451 \u043d\u0435 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u0442\u0435 AVIF? \u0422\u043e\u0433\u0434\u0430 \u0443\u0437\u043d\u0430\u0439\u0442\u0435 <a href=\"https:\/\/css-tricks.com\/useful-tools-for-creating-avif-images\/\"><u>\u0441\u043f\u0438\u0441\u043e\u043a \u0438\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u043e\u0432, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043f\u043e\u043c\u043e\u0433\u0443\u0442 \u0432\u0430\u043c \u0441\u043e\u0437\u0434\u0430\u0442\u044c AVIF<\/u><\/a>.<\/p>\n<\/li>\n<li>\n<p><a href=\"https:\/\/github.com\/sindresorhus\/crypto-random-string\"><u>crypto-random-string<\/u><\/a> \u2014  \u0434\u043b\u044f \u0433\u0435\u043d\u0435\u0440\u0430\u0446\u0438\u0438 \u043a\u0440\u0438\u043f\u0442\u043e\u0433\u0440\u0430\u0444\u0438\u0447\u0435\u0441\u043a\u0438 \u0441\u0442\u043e\u0439\u043a\u043e\u0439 \u0441\u043b\u0443\u0447\u0430\u0439\u043d\u043e\u0439 \u0441\u0442\u0440\u043e\u043a\u0438. \u0420\u0430\u0431\u043e\u0442\u0430\u0435\u0442 \u0432 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0435 \u0438 node.js.<\/p>\n<\/li>\n<li>\n<p><a href=\"https:\/\/motion.dev\/tools\"><u>Motion DevTools<\/u><\/a> \u0434\u043b\u044f \u043e\u0442\u043b\u0430\u0434\u043a\u0438 \u0430\u043d\u0438\u043c\u0430\u0446\u0438\u0439 \u0432 DevTools.<\/p>\n<\/li>\n<\/ul>\n<h4>\u00a0\u0411\u0440\u0430\u0443\u0437\u0435\u0440\u044b<\/h4>\n<ul>\n<li>\n<p><a href=\"https:\/\/www.theverge.com\/2022\/4\/29\/23049015\/microsoft-free-built-in-vpn-edge-browser-edge-secure-network\"><u>\u0412 Edge \u043f\u043e\u044f\u0432\u0438\u0442\u0441\u044f \u0431\u0435\u0441\u043f\u043b\u0430\u0442\u043d\u044b\u0439 \u0432\u0441\u0442\u0440\u043e\u0435\u043d\u043d\u044b\u0439 VPN<\/u><\/a>.<\/p>\n<\/li>\n<\/ul>\n<h4>\u041e\u0431\u0449\u0435\u0435<\/h4>\n<ul>\n<li>\n<p><a href=\"https:\/\/www.smashingmagazine.com\/2022\/04\/boosting-ux-with-design-kpis\/\"><u>\u0423\u043b\u0443\u0447\u0448\u0430\u0439\u0442\u0435 UX \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e \u0434\u0438\u0437\u0430\u0439\u043d KPI<\/u><\/a>.<\/p>\n<\/li>\n<li>\n<p><a href=\"https:\/\/uxdesign.cc\/unethical-design-of-cookie-consent-windows-857ef68f1bd6\"><u>\u0418\u0441\u043f\u0440\u0430\u0432\u044c\u0442\u0435 UX \u0432\u0430\u0448\u0435\u0433\u043e \u043e\u043a\u043d\u0430 \u0441\u043e\u0433\u043b\u0430\u0441\u0438\u044f \u043d\u0430 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435 cookie.<\/u><\/a><\/p>\n<\/li>\n<li>\n<p>\u0420\u0435\u0448\u0438\u0442\u0435 <a href=\"https:\/\/medium.com\/@lodestar-design\/the-dark-yellow-problem-in-design-system-color-palettes-a0db1eedc99d\"><u>\u043f\u0440\u043e\u0431\u043b\u0435\u043c\u0443 \u0436\u0451\u043b\u0442\u043e\u0433\u043e \u0446\u0432\u0435\u0442\u0430 \u0434\u043b\u044f \u0446\u0432\u0435\u0442\u043e\u0432\u044b\u0445 \u043f\u0430\u043b\u0438\u0442\u0440<\/u><\/a>.<\/p>\n<\/li>\n<li>\n<p>\u0417\u0430\u0446\u0435\u043d\u0438\u0442\u0435 \u043d\u043e\u0432\u044b\u0439 <a href=\"https:\/\/material.io\/blog\/roboto-flex\"><u>Roboto Flex \u0441 \u043e\u0433\u0440\u043e\u043c\u043d\u044b\u043c \u0434\u0438\u0430\u043f\u0430\u0437\u043e\u043d\u043e\u043c \u0432\u0435\u0441\u0430 \u0438 \u0448\u0438\u0440\u0438\u043d\u044b<\/u><\/a>.<\/p>\n<\/li>\n<li>\n<p>\u041d\u0435 \u0432\u044b\u0433\u043e\u0440\u0430\u0439\u0442\u0435. \u0423\u0437\u043d\u0430\u0439\u0442\u0435 <a href=\"https:\/\/www.zdnet.com\/education\/professional-development\/developers-are-facing-burnout-heres-how-companies-are-trying-to-fix-it\/\"><u>\u043a\u0430\u043a \u043a\u043e\u043c\u043f\u0430\u043d\u0438\u0438 \u043f\u043e\u043c\u043e\u0433\u0430\u044e\u0442 \u0441\u0432\u043e\u0438\u043c \u0441\u043e\u0442\u0440\u0443\u0434\u043d\u0438\u043a\u0430\u043c<\/u><\/a>.<\/p>\n<\/li>\n<li>\n<p><a href=\"https:\/\/techcrunch.com\/2022\/05\/05\/apple-google-microsoft-passwordless-logins\/\"><u>Apple, Google \u0438 Microsoft \u043e\u0431\u044a\u0435\u0434\u0438\u043d\u0438\u043b\u0438\u0441\u044c, \u0447\u0442\u043e\u0431\u044b \u0441\u043e\u0437\u0434\u0430\u0442\u044c \u0432\u0445\u043e\u0434 \u0432 \u0441\u0438\u0441\u0442\u0435\u043c\u0443 \u0431\u0435\u0437 \u043f\u0430\u0440\u043e\u043b\u044f<\/u><\/a>.<\/p>\n<\/li>\n<li>\n<p>\u0423\u0437\u043d\u0430\u0439\u0442\u0435 <a href=\"https:\/\/www.wearecollins.com\/ideas\/101-design-rules\/\"><u>101 \u043f\u0440\u0438\u043d\u0446\u0438\u043f \u0434\u0438\u0437\u0430\u0439\u043d\u0430<\/u><\/a>.<\/p>\n<\/li>\n<li>\n<p>\u0423\u0437\u043d\u0430\u0439\u0442\u0435 <a href=\"https:\/\/www.smashingmagazine.com\/2022\/05\/designing-better-language-selector\/\"><u>\u043a\u0430\u043a \u0441\u043e\u0437\u0434\u0430\u0442\u044c \u043b\u0443\u0447\u0448\u0438\u0439 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442 \u043f\u043e \u043f\u0435\u0440\u0435\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u044e \u044f\u0437\u044b\u043a\u0430<\/u><\/a>.<\/p>\n<\/li>\n<\/ul>\n<h4>\u041a\u0430\u043a \u0447\u0438\u0442\u0430\u0442\u044c \u0441\u0442\u0430\u0442\u044c\u0438 \u043d\u0430 \u0430\u043d\u0433\u043b\u0438\u0439\u0441\u043a\u043e\u043c \u044f\u0437\u044b\u043a\u0435<\/h4>\n<p>\u0412 \u0434\u0430\u0439\u0434\u0436\u0435\u0441\u0442\u0435 \u043c\u043d\u043e\u0433\u043e \u0441\u0442\u0430\u0442\u0435\u0439 \u0438 \u0432\u0438\u0434\u0435\u043e \u043d\u0430 \u0430\u043d\u0433\u043b\u0438\u0439\u0441\u043a\u043e\u043c \u044f\u0437\u044b\u043a\u0435, \u0447\u0442\u043e\u0431\u044b \u044d\u0442\u043e \u043d\u0435 \u0441\u0442\u0430\u043b\u043e \u043f\u0440\u0435\u043f\u044f\u0442\u0441\u0442\u0432\u0438\u0435\u043c: \u0432 Google Chrome \u0435\u0441\u0442\u044c \u0444\u0443\u043d\u043a\u0446\u0438\u044f \u043f\u0435\u0440\u0435\u0432\u043e\u0434\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b \u0441 \u043b\u044e\u0431\u043e\u0433\u043e \u043f\u043e\u043f\u0443\u043b\u044f\u0440\u043d\u043e\u0433\u043e \u044f\u0437\u044b\u043a\u0430, \u0430 \u0432\u0438\u0434\u0435\u043e \u043c\u043e\u0436\u043d\u043e \u043f\u0435\u0440\u0435\u0432\u0435\u0441\u0442\u0438 \u0432 \u042f\u043d\u0434\u0435\u043a\u0441 \u0411\u0440\u0430\u0443\u0437\u0435\u0440\u0435.<\/p>\n<\/p>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"v-portal\" style=\"display:none;\"><\/div>\n<\/div>\n<p> <!----> <!----><br \/> \u0441\u0441\u044b\u043b\u043a\u0430 \u043d\u0430 \u043e\u0440\u0438\u0433\u0438\u043d\u0430\u043b \u0441\u0442\u0430\u0442\u044c\u0438 <a href=\"https:\/\/habr.com\/ru\/company\/htmlacademy\/blog\/665844\/\"> https:\/\/habr.com\/ru\/company\/htmlacademy\/blog\/665844\/<\/a><br \/><\/br><\/br><\/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-333154","post","type-post","status-publish","format-standard","hentry"],"_links":{"self":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/posts\/333154","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=333154"}],"version-history":[{"count":0,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/posts\/333154\/revisions"}],"wp:attachment":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=333154"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=333154"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=333154"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}