Дайджест свежих материалов из мира фронтенда за последнюю неделю №458 (8 — 14 марта 2021)

---

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

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

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

[1] Медиа: #media

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

[3] CSS: #css

[4] JavaScript: #js

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

[6] Подкаст «Веб-стандарты» №272. Chrome 89 и DevTools, релизы и приватность, история веба, цвета из спеки, дизайн-система Consta: https://soundcloud.com/web-standards/episode-272

[7] «Новости 512» от CSSSR #156: Gatsby 3, замедление Twitter, уязвимость git clone, фронтенд в Lyft, @scroll-timeline, Firebase 101: https://blog.csssr.com/ru/news512/episode/news-156/

[8] «Новости 512» от CSSSR #155: Мануал по TypeScript, @property, заблуждения о микрофронтендах, цена useMemo(), интервью Райана Дала: https://blog.csssr.com/ru/news512/episode/news-155/

[9] Подкаст «Фронтенд Юность» #176: Нулишкуралесинг : https://soundcloud.com/frontend_u/e176

[10] Подкаст «Фронтенд Юность» #177 Бродяги из Джиерписи: https://soundcloud.com/frontend_u/e177

[11] CSSSR: Разбор технического собеседования на позицию senior front-end developer. Часть 1.: https://www.youtube.com/watch?v=KLsJOtGDWZY

[12] Видео докладов с «Я Фронтенд 2021»: https://www.youtube.com/playlist?list=PLKaafC45L_SQvmgHWgtUeX_Y59NiZhmEF

[13] Hello, Word! Разрабатываем браузерное расширение в 2021-м: https://habr.com/ru/company/yandex_praktikum/blog/545664/

[14] Забудьте про div, семантика спасёт интернет: https://habr.com/ru/company/htmlacademy/blog/546500/

[15] Программная генерация изображений с помощью API CSS Painting: https://habr.com/ru/company/otus/blog/546170/

[16] Новости платформы от css-tricks: Defaulting to Logical CSS, Fugu APIs, Custom Media Queries, и WordPress vs. Italics: https://css-tricks.com/platform-news-defaulting-to-logical-css-fugu-apis-custom-media-queries-and-wordpress-vs-italics/

[17] Слишком много SVG засоряют вашу разметку? Попробуйте `use`.: https://css-tricks.com/too-many-svgs-clogging-up-your-markup-try-use/

[18] Веб-компоненты проще, чем вы думаете: https://css-tricks.com/web-components-are-easier-than-you-think/

[19] Когда следует использовать прогрессивные веб-приложения?: https://neilpatel.com/blog/progressive-web-apps/

[20] Создание слайд-шоу с помощью Clip-path: https://tympanus.net/codrops/2021/03/10/shape-slideshow-with-clip-path/

[21] Storybook для Webpack 5: https://storybook.js.org/blog/storybook-for-webpack-5/

[22] Новый король бандлеров здесь: всем преклониться пред Vitejs: https://blog.bitsrc.io/the-new-king-of-bundlers-is-here-all-bow-before-vitejs-fe6f42c97ce9

[23] Snowpack: альтернативный Вебпаку инструмент сборки : https://blog.bitsrc.io/snowpack-an-alternative-build-tool-to-webpack-9e8da197071d

[24] Как оптимизация CLS увеличила количество просмотров новостей Yahoo! JAPAN на 15%: https://web.dev/yahoo-japan-news/

[25] Google PageSpeed ​​Insights теперь поддерживает HTTP / 2 — оценки могут вырасти : https://www.seroundtable.com/google-pagespeed-insights-http-2-31043.html

[26] Делаем самую медленную «быструю» страницу: https://www.tunetheweb.com/blog/making-the-slowest-fast-page/

[27] Отладка сдвигов макета : https://web.dev/debugging-layout-shifts/

[28] Погружаемся в логические свойства CSS: https://habr.com/ru/company/skillfactory/blog/546108/

[29] Инструменты аудита CSS: https://www.smashingmagazine.com/2021/03/css-auditing-tools/

[30] Углубляемся в логические свойства CSS: https://ishadeed.com/article/css-logical-properties/

[31] Сделайте свой CSS читаемым и поддерживаемым с помощью CSS-шаблона «Enabling». : https://javascript.plainenglish.io/make-your-css-readable-and-maintainable-with-the-css-enabling-pattern-35b2965d7b3b

[32] Системные шрифты не должны быть уродливыми : https://iainbean.com/posts/2021/system-fonts-dont-have-to-be-ugly/

[33] HSL: цветовой формат для людей: https://cloudfour.com/thinks/hsl-a-color-format-for-humans/

[34] Адаптивный текст в зависимости от размера изображения : https://dev.to/afif/responsive-text-based-on-image-size-36n9

[35] Сборка мусора в JavaScript: браузер против сервера: https://blog.logrocket.com/javascript-garbage-collection-browser-vs-server/

[36] JavaScript: что означает this?: https://web.dev/javascript-this/

[37] По ту сторону Console.log() — Повышаем уровень навыков отладки: https://www.sitepoint.com/beyond-console-log-level-up-your-debugging-skills/

[38] 12 способов улучшить логгирование в консоли DevTools : https://blog.asayer.io/12-ways-to-improve-your-devtools-console-logging

[39] Упрощение Rest параметров в JavaScript: https://www.telerik.com/blogs/simplifying-rest-parameters-javascript

[40] Интервью с Дэном Абрамовым: React 17, Suspense, Redux, холивары: https://habr.com/ru/company/jugru/blog/545024/

[41] Нарушает ли React DOM-стандарты?: https://habr.com/ru/post/546852/

[42] Реализация архитектуры Redux на MobX. Часть 1: «Проблемные места Redux»: https://habr.com/ru/post/546606/

[43] Представляем Relay Hooks: улучшенный React API для Relay: https://developers.facebook.com/blog/post/2021/03/09/introducing-relay-hooks-improved-react-apis-relay/

[44] Полное руководство по профилированию приложений React: https://blog.asayer.io/the-definitive-guide-to-profiling-react-applications

[45] Как эффективно использовать React Context : https://kentcdodds.com/blog/how-to-use-react-context-effectively

[46] Vuex: управление состоянием для проектов на Vue: https://blog.asayer.io/vuex-state-management-for-vue-projects

[47] Руководство по Vue 3.0 от разработчика на React : https://blog.softwaremill.com/react-developers-guide-to-vue-3-0-1a52504dc7f

[48] Как мы делаем базовые компоненты в Taiga UI более гибкими: концепция контроллеров компонента в Angular: https://habr.com/ru/company/tinkoff/blog/546178/

[49] Читаем, подсвечиваем и скролим текст на Angular. С помощью TaigaUI и WebSpeechAPI: https://ashatilovdev.medium.com/angular-taigaui-webspeechapi-3dcd1ea67a79

[50] Расширьте Angular Schematics, чтобы настроить процесс разработки : https://indepth.dev/posts/1438/extend-angular-schematics-to-customize-your-development-process

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

[52] Ember.js в 2021 году — маяк производительности: https://simplabs.com/blog/2021/03/12/ember.js-in-2021---a-beacon-of-productivity/

[53] The Ember Report №002: David Tang on Ember Data: https://audio.ember.report/1680877/8080980-002-david-tang-on-ember-data

[54] Svelte NodeGUI — Создавайте производительные, нативные, кроссплатформенные настольные приложения с помощью Svelte: https://svelte.nodegui.org/

[55] Как использовать Tailwind на сайте со Svelte: https://css-tricks.com/how-to-use-tailwind-on-a-svelte-site/

[56] Svelte Tutorial: создаем блог с Sapper: https://dev.to/sanity-io/svelte-tutorial-make-a-blog-with-sapper-5po

[57] Новый, смелый, анонимный: поисковик Brave Search: https://habr.com/ru/company/brave/blog/546698/

[58] Атака по извлечению данных из кэша CPU, реализуемая в web-браузере без JavaScript: https://www.opennet.ru/opennews/art.shtml?num=54727

[59] Google снизила потребление оперативной памяти в Chrome 89 для Windows, macOS и Android: https://3dnews.ru/1034747

[60] Microsoft отправляет на покой классический Edge на EdgeHTML — поддержка браузера завершится уже сегодня: https://itc.ua/news/microsoft-otpravlyaet-na-pokoj-klassicheskij-edge-na-edgehtml-podderzhka-brauzera-zavershitsya-uzhe-segodnya/

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

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

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

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

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