Дайджест свежих материалов из мира фронтенда за последнюю неделю №492 (1 — 7 ноября 2021)

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

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

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

[1] Медиа: #media

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

[3] CSS: #css

[4] JavaScript: #js

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

[6] «Новости 512» от CSSSR: HolyJS Piter 2021, бандлинг c Webpack 5 in deep, чего ждать от PHP 8.1, Babel 7.16, снова о ES2022: https://soundcloud.com/csssr/holyjs-piter-2021-bandling-c-webpack-5-in-deep-chego-zhdat-ot-php-81-babel-716-snova-o-es2022

[7] Подкаст «Веб-стандарты» №306. Новинки Safari TP, API и тихий релиз Safari 15.1, Photoshop в браузере, Node.js и веб-платформа : https://soundcloud.com/web-standards/episode-306

[8] Подкаст «Фронтенд Юность» #211 Нейрофронтенд в космосе : https://soundcloud.com/frontend_u/e211

[9] АйТиБорода: JavaScript — ЗЛО! / Безопасность в сети НЕВОЗМОЖНА / Интервью с Андреем Викторовичем Столяровым: https://www.youtube.com/watch?v=o111yYPqLHU

[10] Школа разработки интерфейсов 2021 — запись лекций: https://www.youtube.com/playlist?list=PLKaafC45L_SSUUku_N10BBkVWXkKzqZFI

[11] Front-end Science c Сергеем Пузанковым: Стать фронтендером после 30: из работников цирка во фронтенд-разработчики: https://www.youtube.com/watch?v=ktdN2upYX1I

[12] Все, что было анонсировано на Chrome Dev Summit 2021: https://web.dev/cds2021-updates/

[13] Favicons: как сделать так, чтобы браузеры загружали только SVG версию : https://css-tricks.com/favicons-how-to-make-sure-browsers-only-download-the-svg-version/

[14] Разрушили ли одностраничные приложения (SPA) веб?: https://css-tricks.com/have-single-page-apps-ruined-the-web-transitional-apps/

[15] История веба, часть 10: Браузерные войны: https://css-tricks.com/chapter-10-browser-wars/

[16] Chrome DevTools: Хитрости при отладке: https://habr.com/ru/post/587146/

[17] часть 1 из 4: https://habr.com/ru/post/586776/

[18] часть 2 из 4: https://habr.com/ru/post/587516/

[19] Секреты инструментов разработчика, которые не должны быть секретами: https://christianheilmann.com/2021/11/01/developer-tools-secrets-that-shouldnt-be-secrets/

[20] Depp — Быстрая проверка неиспользуемых и дублированных пакетов: https://github.com/CryogenicPlanet/depp

[21] 10 лучших продвинутых настроек VS Code для разработчиков: https://javascript.plainenglish.io/top-10-advanced-vs-code-settings-for-senior-developers-46e348351bd6

[22] Google представил обновленную версию PageSpeed Insights: https://searchengines.guru/ru/news/2053347

[23] Навстречу к новой метрике плавности анимации: https://web.dev/smoothness/

[24] Требуется обратная связь: экспериментальный показатель отзывчивости: https://web.dev/responsiveness/

[25] Пользовательские потоки Lighthouse: https://web.dev/lighthouse-user-flows/

[26] Name, labels, ARIA, что с ними делать?: https://www.scottohara.me/blog/2021/11/02/names-and-labels.html

[27] Доступные переключатели: https://css-irl.info/accessible-toggles/

[28] Связанная с прокруткой анимация с помощью Web Animations API (WAAPI) и ScrollTimeline: https://css-tricks.com/scroll-linked-animations-with-the-web-animations-api-waapi-and-scrolltimeline/

[29] Как создать анимированную диаграмму вложенных квадратов с помощью масок: https://css-tricks.com/how-to-create-an-animated-chart-of-nested-squares-using-masks/

[30] Нестандартное всплывающее меню с SVG наложением и анимацией в фоне: https://tympanus.net/codrops/2021/11/02/svg-overlay-and-infinite-menu-background-animation/

[31] Создание реальных компонентов: Chat Bubble в Facebook Messenger: https://ishadeed.com/article/facebook-messenger-chat-component/

[32] CSS-ing Candy Ghost Buttons: https://css-tricks.com/css-ing-candy-ghost-buttons/

[33] Полное руководство по word-wrap, overflow-wrap, и word-break в CSS: https://blog.logrocket.com/complete-guide-word-wrap-overflow-wrap-word-break-css/

[34] Прощай, CSS-модули, привет, TailwindCSS: https://www.polytomic.com/blog-posts/goodbye-css-modules-hello-tailwindcss

[35] Как работает CSS: https://medium.com/front-end-weekly/how-css-works-5a9741cf4ab9

[36] Разбираемся в сортах реактивности: https://habr.com/ru/company/timeweb/blog/586450/

[37] Глубокое погружение в Serverless UI с помощью TypeScript: https://www.smashingmagazine.com/2021/11/deep-dive-into-serverless-ui-typescript/

[38] Как создать собственную криптовалюту с помощью JavaScript: https://blog.logrocket.com/how-to-create-cryptocurrency-javascript/

[39] Map против Set в JavaScript: выбор структуры данных: https://webdevblog.ru/map-protiv-set-v-javascript-vybor-struktury-dannyh/

[40] Кучи (heap) в JavaScript: https://stackfull.dev/heaps-in-javascript

[41] ES2022: Полное руководство по приватным полям классов, методам и статическим блокам инициализации: https://betterprogramming.pub/es2022-a-complete-guide-on-private-static-class-fields-methods-and-static-initialization-blocks-f12943a86b2d

[42] Как работает React: подробное руководство: https://habr.com/ru/company/timeweb/blog/586972/

[43] Веб стал еще быстрее. Релиз Next.js 12: https://habr.com/ru/post/587358/

[44] React Router v6 : https://remix.run/blog/react-router-v6

[45] 5 новых киллер-фич в Next.js 12: https://betterprogramming.pub/5-new-killer-features-of-next-js-12-dfd1d766b539

[46] Gatsby 4: Использование SSR и DSG: https://medium.com/@8025918/gatsby-4-using-ssr-and-dsg-14742eaecb66

[47] Как мы улучшили производительность приложения и качество кода, обновив React Navigation: https://medium.com/opendoor-labs/how-we-improved-app-performance-and-code-quality-by-upgrading-react-navigation-25ccd8363432

[48] Краткое знакомство с Elm для разработчиков React: https://blog.theodo.com/2021/10/intro-to-elm-for-react-devs/

[49] Сравнение трех лучших библиотек для лайтбоксов в React: https://blog.logrocket.com/comparing-the-top-3-react-lightbox-libraries/

[50] Распространенные ошибки React хуков, которые следует избегать: https://blog.bitsrc.io/common-react-hooks-mistakes-every-developer-should-avoid-defd47d09d8c

[51] Стилизация однофайловых Vue компонентов: https://habr.com/ru/post/587604/

[52] I18n. Интернационализация в приложениях на Vue: https://carodigital.medium.com/i18n-internationalization-in-vue-applications-53d868f831bd

[53] Почему мне нравится Composition API Vue 3: https://www.mokkapps.de/blog/why-i-love-vue-3-s-composition-api/

[54] Angular v13 уже доступен: https://blog.angular.io/angular-v13-is-now-available-cce66f7bc296

[55] Angular 13 в деталях: https://dsebastien.medium.com/angular-13-in-depth-83be8f979e26

[56] Как использовать преобразователи маршрутов Angular с NgRx store: https://medium.com/@faid.affandi/how-to-use-route-parameters-with-ngrx-store-and-angular-resolvers-1bc5ac9f226e

[57] Hot Module Reloading для контента в Sveltekit: https://imfeld.dev/writing/hmr_for_markdown_in_sveltekit

[58] Создайте свою собственную библиотеку компонентов с помощью Svelte: https://blog.logrocket.com/build-your-own-component-library-svelte/

[59] Smooth Scrollbar — Настраиваемое, подключаемое и высокопроизводительное решение для полосы прокрутки на JavaScript: https://github.com/idiotWu/smooth-scrollbar

[60] Theatre.js: создавайте сложные и мощные анимации на JavaScript.: https://blog.logrocket.com/theatre-js-creating-intricate-powerful-animations/

[61] Изменение правил каталога дополнений к Firefox: https://www.opennet.ru/opennews/art.shtml?num=56103

[62] Релиз Firefox 94: https://www.opennet.ru/opennews/art.shtml?num=56089

[63] LibreWolf 94 — вариант Firefox, сфокусированный на конфиденциальности и безопасности: https://www.opennet.ru/opennews/art.shtml?num=56116

[64] Браузер Microsoft Edge теперь доступен для Linux: https://www.theverge.com/2021/11/2/22759123/microsoft-edge-linux-stable-channel

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

[66] dersmoll: https://habr.com/ru/users/dersmoll/

[67] alekskorovin: https://habr.com/ru/users/alekskorovin/

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

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