Дайджест свежих материалов из мира фронтенда за последнюю неделю №462 (5 — 11 апреля 2021)

---

Сайт-источник PVSM.RU: https://www.pvsm.ru

Путь до страницы источника: https://www.pvsm.ru/razrabotka-veb-sajtov/363281

Ссылки в тексте:

[1] Медиа: #media

[2] Веб-разработка: #development

[3] CSS: #css

[4] JavaScript: #js

[5] Браузеры: #browser

[6] «Новости 512» от CSSSR: TypeScript 4.3 beta, воркшоп по TDD c React, Husky 6, сравнение Hyperapp с React, RGB и HSL: https://soundcloud.com/csssr/typescript-43-beta-vorkshop-po-tdd-c-react-husky-6-sravnenie-hyperapp-s-react-rgb-i-hsl

[7] «Новости 512» от CSSSR: Prototype pollution, Tailwind CSS 2.1, Ruby 3.0.1, Cypress 7.0, security-обновления Node.js: https://soundcloud.com/csssr/prototype-pollution-tailwind-css-21-ruby-301-cypress-70-security-obnovleniya-nodejs

[8] Подкаст «Веб-стандарты» 276. Safari, static в V8, Deno, Sublime Text, HSL и LCH, F1, WordPress, SPA, гидрация и Next.js: https://soundcloud.com/web-standards/episode-276

[9] Подкаст «Фронтенд Юность» #181 Эйблизм открытого ПО: https://soundcloud.com/frontend_u/e181

[10] Веб-империя правительства UK: все во имя человека, для блага человека: https://habr.com/ru/post/551044/

[11] DevTools для «чайников»: https://habr.com/ru/post/548898/

[12] PWA для SSR приложения в 5 строк на Workbox 6.: https://vadim-budarin.medium.com/pwa-%D0%B4%D0%BB%D1%8F-ssr-%D0%BF%D1%80%D0%B8%D0%BB%D0%BE%D0%B6%D0%B5%D0%BD%D0%B8%D1%8F-%D0%B2-5-%D1%81%D1%82%D1%80%D0%BE%D0%BA-%D0%BD%D0%B0-workbox-6-dc89fc513361

[13] Руководство по SEO в Jamstack : https://bejamas.io/blog/jamstack-seo-guide/

[14] HTML атрибут ping для якорных элементов (ссылок): https://www.stefanjudis.com/today-i-learned/html-defines-a-ping-attribute-on-anchor-elements-links/

[15] Обновление архитектуры DevTools: перенос DevTools на TypeScript: https://developer.chrome.com/blog/migrating-to-typescript/

[16] Создание переключателя с поддержкой доступности: https://kittygiraudel.com/2021/04/05/an-accessible-toggle/

[17] Эффект перехода на полноразмерную страницу по клику на превью: https://tympanus.net/codrops/2021/04/07/preview-to-full-content-page-transition/

[18] 5 плохих CSS практик: https://habr.com/ru/post/549606/

[19] Псевдоклассы CSS :where и :is : https://itnext.io/css-where-is-pseudo-class-functions-33964d0de461

[20] Устранение проблем с темным режимом Gmail с помощью CSS Blend Modes: https://www.hteumeuleu.com/2021/fixing-gmail-dark-mode-css-blend-modes/

[21] Современные обновления CSS для улучшения доступности: https://moderncss.dev/modern-css-upgrades-to-improve-accessibility/

[22] Инспектирование элементов как способ удовлетворить свое любопытство: https://ishadeed.com/article/inspect-element-curiosity/

[23] Возвращение к CSS Pie таймеру : https://kittygiraudel.com/2021/04/11/css-pie-timer-revisited/

[24] Спецификация ECMAScript 2021 для JavaScript приближается к финишу: https://webdevblog.ru/specifikaciya-ecmascript-2021-dlya-javascript-priblizhaetsya-k-finishu/

[25] Шпаргалка по переходу с jQuery на ванильный JavaScript: https://tobiasahlin.com/blog/move-from-jquery-to-vanilla-javascript/

[26] Сниппеты кода на ванильном JavaScript : https://www.smashingmagazine.com/2021/04/vanilla-javascript-code-snippets/

[27] Создание умной панели навигации на ванильном JavaScript : https://css-tricks.com/creating-a-smart-navbar-with-vanilla-javascript/

[28] Лечебная сила JavaScript: https://www.wired.com/story/healing-power-javascript-code-programming/

[29] 5 способов предотвратить внедрение кода в JavaScript и Node.js: https://snyk.io/blog/5-ways-to-prevent-code-injection-in-javascript-and-node-js/

[30] Замена let на const: https://charles-stover.medium.com/replacing-let-with-const-86797b790775

[31] JS классы — это не «просто синтаксический сахар»: https://webreflection.medium.com/js-classes-are-not-just-syntactic-sugar-28690fedf078

[32] Создание PDF в React: так же просто, как 1-2-3 : https://www.telerik.com/blogs/generating-pdf-react-easy-as-1-2-3

[33] 5 методов сохранения состояния между перезагрузками страницы в React: https://blog.bitsrc.io/5-methods-to-persisting-state-between-page-reloads-in-react-8fc9abd3fa2f

[34] Создание To-Do списка в React с помощью Redux Toolkit в TypeScript: https://javascript.plainenglish.io/making-a-react-to-do-list-with-redux-toolkit-in-typescript-dd852bfb2c67

[35] Как работает состояние в React — объяснение на примерах кода: https://www.freecodecamp.org/news/what-is-state-in-react-explained-with-examples/

[36] Полное руководство по React на 2021 год — изучение основных концепций React путем создания проекта: https://www.freecodecamp.org/news/react-tutorial-build-a-project/

[37] Битва управления состоянием в React 2021: Hooks, Redux и Recoil: https://javascript.works-hub.com/learn/state-management-battle-in-react-2021-hooks-redux-and-recoil-9977a

[38] Dapp. Vue.js + ethers.js: https://habr.com/ru/post/551710/

[39] Миграция с Vue CLI на Vite: https://web-standards.ru/articles/vue-cli-to-vite/

[40] Что нового в Vite 2.0 : https://blog.logrocket.com/whats-new-in-vite-2-0/

[41] Vue 3 не будет поддерживать IE11 [RFC]: https://github.com/vuejs/rfcs/blob/ie11/active-rfcs/0000-vue3-ie11-support.md

[42] Эта техника в Angular значительно снизит дублирование кода в крупных проектах.: https://levelup.gitconnected.com/this-angular-technique-will-significantly-lower-code-duplication-in-big-projects-28fd62c3eadd

[43] Как работают pure and impure pipes в Angular Ivy: https://indepth.dev/posts/1447/how-pure-and-impure-pipes-work-in-angular-ivy

[44] Как использовать TS декораторы для добавления логики кеширования к API вызовам : https://indepth.dev/posts/1450/how-to-use-ts-decorators-to-add-caching-logic-to-api-calls

[45] Поддержка многоязычных приложений Angular с помощью i18n: https://medium.com/dailyjs/maintaining-multi-language-angular-applications-26b74df8d085

[46] The Ember Times — Issue No. 177: https://blog.emberjs.com/the-ember-times-issue-177/

[47] Перенос контроллеров на верхний уровень компонентов в Ember: https://dev.to/juanazam/migrating-controllers-to-top-level-components-in-ember-ggc

[48] EmberConf 2021: https://www.youtube.com/playlist?list=PL4eq2DPpyBbkc3vz8_N4xkeboowQcPQbK

[49] Заметки с EmberConf 2021 : https://alexdiliberto.com/posts/emberconf-2021-notes/

[50] Координация анимации в Svelte с помощью XState: https://css-tricks.com/coordinating-svelte-animations-with-xstate/

[51] Создавайте веб-компоненты с помощью Svelte: https://dev.to/ptkdev/make-awesome-webcomponents-with-svelte-516e

[52] kaboom.js — JavaScript библиотека, которая помогает делать игры быстрыми и увлекательными.: https://kaboomjs.com/

[53] moovie.js — HTML5 плеер, ориентированный на фильмы: https://github.com/BMSVieira/moovie.js

[54] Coolify — Альтернатива Heroku и Netlify c открытым исходным кодом: https://coollabs.io/coolify

[55] Шпион, выйди вон: что делают браузеры после установки?: https://habr.com/ru/company/brave/blog/551588/

[56] Google Chrome заблокировал HTTP, HTTPS и FTP-доступы на порте 10080 из-за хакерской угрозы: https://tproger.ru/news/google-chrome-zablokiroval-http-https-i-ftp-dostupy-na-porte-10080-iz-za-hakerskoj-ugrozy/

[57] 10 малоизвестных возможностей браузера Google Chrome: https://3dnews.ru/1036418

[58] Дайджест за прошлую неделю: https://habr.com/ru/post/550648/

[59] dersmoll: http://habrahabr.ru/users/dersmoll/

[60] alekskorovin: http://habrahabr.ru/users/alekskorovin/

[61] Источник: https://habr.com/ru/post/551884/?utm_source=habrahabr&utm_medium=rss&utm_campaign=551884

Нажмите здесь для печати.