Дайджест свежих материалов из мира фронтенда за последнюю неделю №448 (28 декабря — 3 января 2021)

---

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

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

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

[1] Медиа: #media

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

[3] CSS: #css

[4] JavaScript: #js

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

[6] Подкаст «Веб-стандарты» №262. JS-андерхуд, фокус, фавиконки, JS-фреймворки, React Server Components, Basecamp Hotwire: https://soundcloud.com/web-standards/episode-262

[7] Подкаст CSSSR: «Новогодний спецвыпуск 2021»: https://soundcloud.com/csssr/novogodiy-spetsvypusk-2021

[8] Подкаст Фронтенд Юность #168: Биг дата в гульфике: https://soundcloud.com/frontend_u/e168

[9] Подкаст «Сделайте мне красиво» №53 — Наша работа не дала результатов: https://soundcloud.com/begebot/no53

[10] Обновление вашего PWA в продакшене: https://habr.com/ru/post/535428/

[11] Обзор npm 7: https://habr.com/ru/company/tinkoff/blog/535510/

[12] Варианты браузерных хранилищ и их состояние в 2021 году: https://blog.bitsrc.io/browser-storage-options-and-their-state-in-2021-6808b949087a

[13] Что такое Jamstack в 2021 году?: https://remotesynthesis.com/blog/jamstack-in-2021

[14] Пошаговое руководство по пониманию и применению npm 7 : https://medium.com/better-programming/the-step-by-step-guide-to-understanding-and-adopting-npm-7-914504f7090f

[15] Мы отрендерили миллион страниц, чтобы понять, из-за чего тормозит веб: https://habr.com/ru/company/vdsina/blog/535570/

[16] Максимальная оптимизация загрузки изображений для веба в 2021 году : https://www.industrialempathy.com/posts/image-optimizations/

[17] 4 способа сократить время CORS Preflight в веб-приложениях: https://blog.bitsrc.io/4-ways-to-reduce-cors-preflight-time-in-web-apps-1f47fe7558

[18] Доступность в технологиях улучшилась в 2020 году, но необходимо сделать больше : https://www.engadget.com/accessibility-in-tech-2020-150002855.html

[19] Выделение доступного контента в Twitter: https://meyerweb.com/eric/thoughts/2021/01/01/highlighting-accessible-twitter-content/

[20] Будущее CSS: пользовательские свойства более высокого уровня для управления несколькими объявлениями: https://www.bram.us/2020/12/30/the-future-of-css-higher-level-custom-properties-to-control-multiple-declarations/

[21] Индивидуальные CSS свойства transform в Safari Technology Preview : https://css-tricks.com/css-individual-transform-properties-in-safari-technology-preview/

[22] Имитация падающих теней с помощью CSS Paint API: https://css-tricks.com/simulating-drop-shadows-with-the-css-paint-api/

[23] Пуленепробиваемый компонент флажка: https://www.jayfreestone.com/writing/bulletproof-flag/

[24] 6 советов по разработке c Tailwind CSS: https://dev.to/joserfelix/6-tips-for-tailwind-css-development-with-resources-33i4

[25] Преодоление ограничений CSS для плавной анимации высоты контейнера: https://levelup.gitconnected.com/overcoming-css-not-calculating-auto-height-for-transitions-f98a7e062f07

[26] Способы использования Math.random() в JavaScript: https://habr.com/ru/company/ruvds/blog/534108/

[27] Делаем свой minecraft на JavaScript: https://habr.com/ru/post/535992/

[28] Что не так с классами в JavaScript?: https://blog.bitsrc.io/whats-wrong-with-javascript-s-classes-3378c73205af

[29] Основные фреймворки и технические тенденции JavaScript на 2021 год: https://medium.com/javascript-scene/top-javascript-frameworks-and-tech-trends-for-2021-d8cb0f7bda69

[30] Вероятно, вы неправильно инициализируете свои resource objects (блокировка JS): https://www.talkinghightech.com/en/initializing-js-lock/

[31] Практическое введение в Dependency Injection: https://www.smashingmagazine.com/2020/12/practical-introduction-dependency-injection/

[32] Пользовательские события в JavaScript: полное руководство : https://blog.logrocket.com/custom-events-in-javascript-a-complete-guide/

[33] Обработка вызовов multi-page API с помощью React Hooks: https://dev.to/joefstack/handling-multi-page-api-calls-with-react-hooks-19jd

[34] Интересные возможности NextJS V10: https://blog.bitsrc.io/exciting-features-in-nextjs-v10-a790edb752b6

[35] Супероптимизированные статические сайты: https://jacobdoescode.com/2020/12/30/super-optimised-static-sites

[36] Создание компонента загрузки файлов с помощью react-uploady и Ant Design : https://blog.logrocket.com/building-a-file-upload-component-with-react-uploady-and-ant-design/

[37] Куда пойдет Vue в 2021 году?: https://www.vuemastery.com/blog/2020-in-revue/

[38] Создание приложений на Vue.js без webpack: https://markus.oberlehner.net/blog/goodbye-webpack-building-vue-applications-without-webpack/

[39] Type-safe Vue.js Injections: https://logaretm.com/blog/2020-12-23-type-safe-provide-inject/

[40] Taiga UI — новый Angular UI Kit, который вам стоит попробовать: https://indepth.dev/posts/1413/taiga-ui

[41] Производительность в Angular: 5 примеров использования OnPush Change Detection: https://medium.com/better-programming/angular-onpush-change-detection-f629cbce0bfa

[42] Ember со Storybook – за кулисами: https://gos.si/blog/ember-with-storybook-behind-the-scenes/

[43] Когда пересчитывается @cached в EmberJS: https://dev.to/michalbryxi/when-does-cached-get-recomputed-in-emberjs-58k6

[44] Создание Glimmer Router с помощью page.js: https://dev.to/rajasegar/building-a-glimmer-router-with-page-js-hb5

[45] Как я переписал график-гистограмму с ReactJs на Svelte : https://dev.to/keefdrive/how-i-re-wrote-a-hand-coded-reactjs-bar-chart-to-svelte-4ag5

[46] Что нового в Svelte: январь 2021 года : https://svelte.dev/blog/whats-new-in-svelte-january-2021

[47] Компания Mozilla работает над новым оформлением Firefox: https://www.opennet.ru/opennews/art.shtml?num=54346

[48] TabFS — файловая система для работы со вкладками браузера: https://www.opennet.ru/opennews/art.shtml?num=54348

[49] 15 шуток про Internet Explorer, которые могут вам понравиться: https://medium.com/javascript-in-plain-english/15-internet-explorer-jokes-you-can-all-relate-to-fae322c515f9

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

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

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

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

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