Дайджест свежих материалов из мира фронтенда за последнюю неделю №481 (15 — 22 августа 2021)

Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него.

Дайджест свежих материалов из мира фронтенда за последнюю неделю №481 (15 — 22 августа 2021) - 1

Медиа ^[1] | Веб-разработка ^[2] | CSS ^[3] | JavaScript ^[4]

Автор:
alexzfort

Источник ^[51]

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

Путь до страницы источника: https://www.pvsm.ru/javascript/367271

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

[1] Медиа: #media

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

[3] CSS: #css

[4] JavaScript: #js

[5] Прямой эфир на Хекслет: собеседуем фронтенд-разработчика: https://ru.hexlet.io/blog/posts/pryamoy-efir-sobeseduem-frontend-razrabotchika

[6] «Новости 512» от CSSSR: Демистификация промисов, Yarn 3, стили и Shadow DOM, SQL в вебе, TypeScript 4.4 RC и Joomla 4.0: https://soundcloud.com/csssr/demistifikatsiya-promisov-yarn-3-stili-i-shadow-dom-sql-v-vebe-typescript-44-rc-i-joomla-40

[7] Подкаст «Callback Hell» от CSSSR: Xsolla и биг дата, 30 лет вебу, снова Rust: https://soundcloud.com/csssr/xsolla-i-big-data-30-let-vebu-snova-rust

[8] Подкаст «Веб-стандарты» №295. WDA, Firefox 91, GitHub Codespaces, HTTP/3, алертгейт, чем мешал IE11, что пошёл к бабуле: https://soundcloud.com/web-standards/episode-295

[9] Критерии качества вёрстки 2021: https://habr.com/ru/company/htmlacademy/blog/566244/

[10] Добавить две кнопки — почему так дорого?: https://habr.com/ru/post/573424/

[11] Эффективный поиск XSS-уязвимостей: https://habr.com/ru/company/jugru/blog/569270/

[12] Лучшие стратегии фронтенд-разработки в 2022 году: https://itnext.io/the-best-frontend-development-strategies-in-2022-cb02dd7aa48b

[13] Jamstack CMS: прошлое, настоящее и будущее: https://www.smashingmagazine.com/2021/08/history-future-jamstack-cms/

[14] Дополнительные уровни заголовков: удачное решение или не очень?: https://web-standards.ru/articles/extra-heading-levels/

[15] Руководство по разработке доступных индикаторов фокуса, совместимых с WCAG.: https://www.sarasoueidan.com/blog/focus-indicators/

[16] Доступность с нуля: https://kittygiraudel.com/2021/08/20/accessibility-from-the-ground-up/

[17] Как на Three.Js сделать анимированный туннель из частиц: https://habr.com/ru/company/skillfactory/blog/570560/

[18] Плавные и простые переходы страниц с помощью shared element transition API: https://developer.chrome.com/blog/shared-element-transitions-for-spas/

[19] Создание слайд-шоу с абстрактными изображениями с помощью OGL, GLSL и GSAP: https://tympanus.net/codrops/2021/08/16/abstract-image-carousel-ogl-glsl-gsap/

[20] Рейтинг со звездочками: решение на SVG: https://ishadeed.com/article/star-rating-svg/

[21] Большая проблема с кастомными свойствами CSS: https://css-tricks.com/the-big-gotcha-with-custom-properties/

[22] Повышайте свой уровень CSS-линтинга с помощью Stylelint: https://blog.logrocket.com/using-stylelint-improve-lint-css-scss-sass/

[23] Улучшает ли shadow DOM производительность стилей?: https://nolanlawson.com/2021/08/15/does-shadow-dom-improve-style-performance/

[24] Инструменты для CSS Grid в DevTools: https://developer.chrome.com/blog/css-grid-tooling/

[25] Практическое использование математических функций CSS: calc, clamp, min, max: https://moderncss.dev/practical-uses-of-css-math-functions-calc-clamp-min-max/

[26] Почему jQuery все еще жив?: https://blog.devgenius.io/why-is-jquery-alive-today-4cb807d7079c

[27] TypeScript 4.4: хорошее, плохое и не такое уж плохое: https://blog.openreplay.com/typescript-4-4-the-good-the-bad-and-the-not-so-bad

[28] Цепочка методов JavaScript… Это все так глупо!: https://medium.com/codex/javascript-method-chaining-its-all-so-stupid-4236e5c64370

[29] Forever Functional: ожидание с промисами: https://blog.openreplay.com/forever-functional-waiting-with-promises

[30] Создание компонента интерактивной диаграммы Ганта с помощью ванильного JavaScript: https://www.smashingmagazine.com/2021/08/interactive-gantt-chart-component-vanilla-javascript/

[31] Создание одного и того же приложения с jQuery, React, Angular, Vue и Svelte: https://dev.to/sammyshear/building-the-same-app-5-times-5d8l

[32] Правда и ложь: когда в JavaScript все не равно: https://www.sitepoint.com/javascript-truthy-falsy/

[33] Микро-фронтенды: взаимодействие между приложениями с помощью Single-Spa и RxJS.: https://obaranovskyi.medium.com/micro-frontends-cross-application-communication-with-single-spa-and-rxjs-aa55084bf344

[34] GSAP + React, первые шаги и удобные техники. : https://greensock.com/react/

[35] Простой drag'n'drop в React: https://medium.com/nmc-techblog/easy-drag-and-drop-in-react-22778b30ba37

[36] Руководство 70-х годов о том, как разделить компоненты React: https://joaoforja.com/blog/guideline-on-how-to-decompose-a-react-component/

[37] Custom React Hooks: зачем нам контекст: https://indepth.dev/posts/1475/custom-react-hooks-why-do-we-need-a-context

[38] Стилизация SVG иконок в React.js: https://wendeehsu.medium.com/styling-svg-icon-in-react-js-bfd3d826901d

[39] Material-UI 5 на подходе: вот от чего я в восторге: https://blog.bitsrc.io/material-ui-5-is-coming-heres-what-i-m-excited-about-f04fd72713f5

[40] Как локализовать Vue.js приложение: https://habr.com/ru/post/573894/

[41] Что такое v9s, и почему потребовалось писать еще одну библиотеку валидации?: https://habr.com/ru/post/574044/

[42] Оптимизация производительности ваших приложений на Vue с помощью веб-воркеров: https://blog.openreplay.com/optimizing-the-performance-of-your-vue-apps-using-web-workers

[43] Vue.js — Как я вызываю метод в компоненте извне компонента во Vue 2: https://levelup.gitconnected.com/vue-js-how-to-call-a-method-in-a-component-from-outside-the-component-1ac090f6af45

[44] Компоненты-конструкторы: мощь ng-content в Angular: https://habr.com/ru/company/tinkoff/blog/573660/

[45] Я пробовал Angular в качестве React-разработчика. Вот 6 вещей, которые мне в нем нравятся: https://javascript.plainenglish.io/angular-vs-react-8125a541dd2a

[46] Проблемы ООП в Angular: https://indepth.dev/posts/1473/how-oop-is-mistreated-in-angular

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

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

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

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

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

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