Дайджест свежих материалов из мира фронтенда за последнюю неделю №440 (2 — 8 ноября 2020)

---

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

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

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

[1] Медиа: #media

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

[3] CSS: #css

[4] JavaScript: #js

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

[6] Подкаст «Сделайте мне красиво», Выпуск №48: Ты не должен отходить от робота: https://soundcloud.com/begebot/ep48

[7] Подкаст «Веб-стандарты» №254: Mozilla против фич, Microsoft против IE, от высоты, миниапы в суперапах, дизайнер в Яндексе: https://soundcloud.com/web-standards/episode-254

[8] «Новости 512» от CSSSR: NodeJS 14.15.0 LTS, NextJS 10, serverless-ужасы, offline-аналитика, package-lock.json, npm roadmap: https://soundcloud.com/csssr/nodejs-14150-lts-nextjs-10-serverless-uzhasy-offline-analitika-package-lockjson-npm-roadmap

[9] Как разобраться в API HTML?: https://habr.com/ru/company/ruvds/blog/525838/

[10] Как стать фронтенд-разработчиком? Пошаговый гид в мир фронтенда: https://habr.com/ru/company/domclick/blog/526244/

[11] Как анимировать элемент Details с помощью WAAPI: https://css-tricks.com/how-to-animate-the-details-element-using-waapi/

[12] Топография скорости сайта : https://csswizardry.com/2020/11/site-speed-topography/

[13] Интернационализация и локализация статических сайтов: https://www.smashingmagazine.com/2020/11/internationalization-localization-static-sites/

[14] «Live DOM» не «медленный», «плохой» или «неправильный». Проблема в веб-разработчиках.: https://levelup.gitconnected.com/the-live-dom-is-not-slow-bad-or-wrong-web-developers-are-2bf86c3b9e2e

[15] Играйте в игру Chrome dino на геймпаде с помощью Gamepad API : https://web.dev/gamepad/

[16] Обзор редакторов кода: https://htmlacademy.ru/blog/boost/tools/editors-for-the-coders

[17] Как изменять сторонние веб-сайты с помощью браузерных инструментов разработчика : https://christianheilmann.com/2020/11/03/how-to-persistently-change-third-party-web-sites-with-browser-developer-tools/

[18] Adobe XD для Visual Studio Code: https://letsxd.com/vscode

[19] Доступные шрифты: пожалуйста, прекратите использовать PX!: https://levelup.gitconnected.com/accessible-fonts-please-stop-using-px-for-screen-f0df20efcf8c

[20] Как найти и исправить популярные проблемы веб-доступности : https://www.sitepoint.com/how-to-find-fix-common-website-accessibility-issues/

[21] Что такое Section 508 и почему это важно?: https://www.deque.com/blog/what-is-section-508/

[22] Декларативный Shadow DOM для изоляции стилей: https://www.youtube.com/watch?v=ZjYKzrBEEuI

[23] Сравнение различных способов скрытия вещей в CSS: https://css-tricks.com/comparing-various-ways-to-hide-things-in-css/

[24] Как писать циклы с препроцессорами: https://css-tricks.com/how-to-write-loops-with-preprocessors/

[25] В Chromium прибывают Container Queries!: https://www.bram.us/2020/11/05/container-queries-are-coming-to-chromium/?ref=heydesigner

[26] Руководство по CSS Grid : https://www.telerik.com/blogs/guide-css-grid

[27] Аддитивные анимации в CSS: https://danielcwilson.com/blog/2020/10/additive-css-animations/

[28] Нативный CSS Masonry Layout в CSS Grid: https://www.smashingmagazine.com/native-css-masonry-layout-css-grid/

[29] Как делать CSS анимации: https://www.imaginarycloud.com/blog/how-to-make-css-animations/

[30] Утилита Flow CSS : https://piccalil.li/quick-tip/flow-css-utility/

[31] JS и его запретные тайны: https://habr.com/ru/post/523092/

[32] 12 полезных книг по JavaScript: https://htmlacademy.ru/blog/education/all/javascript-books

[33] LocalStorage vs. Cookies: все, что вам нужно знать о безопасном хранении токенов JWT во фронтенде: https://indepth.dev/localstorage-vs-cookies

[34] 24 современных сниппетов ES6 для решения практических задач JavaScript: https://medium.com/swlh/24-modern-es6-code-snippets-to-solve-practical-js-problems-3609f301859e

[35] What the f*ck JavaScript? — Список забавных и хитрых примеров JavaScript кода : https://github.com/denysdovhan/wtfjs

[36] Неизменяемость в JavaScript: https://webdevblog.ru/neizmenyaemost-v-javascript/

[37] ES2020 Optional Chaining и динамический импорт меняют правила игры. Вот почему.: https://blog.bitsrc.io/es2020-optional-chaining-and-dynamic-imports-are-game-changers-heres-why-cbbf7efae3ee

[38] Что делает JS JSом? Прототипное наследование: https://dmitripavlutin.com/javascript-prototypal-inheritance/

[39] 7 способов сделать Dependency Injection в функциональном JavaScript без фреймворка: https://happy-css.com/articles/dependency-injection-in-java-script/

[40] Начало работы с современным JavaScript — Arrow Functions: https://indepth.dev/getting-started-with-modern-javascript-arrow-functions

[41] ES модули в деталях: https://ui.dev/esmodules/

[42] Что нового в Next.js V10? : https://medium.com/better-programming/whats-new-in-next-js-v10-27ecf7407c5f

[43] Ленивая загрузка вашего приложения на React: https://www.telerik.com/blogs/lazy-loading-your-react-app

[44] Как создать расширяемое поле для комментариев: https://letsbuildui.dev/articles/how-to-build-an-expandable-comment-box

[45] Алгебраические эффекты для React разработчиков : https://reesew.io/posts/react-algebraic-effects

[46] Представляем Quarkly – инструмент для react-разработчиков и дизайнеров, который поможет оптимизировать вашу разработку: https://habr.com/ru/company/quarkly/blog/526874/

[47] Quasar — швейцарский нож для Vue: https://habr.com/ru/company/vdsina/blog/525382/

[48] Vue 3 на Typescript: https://habr.com/ru/post/524998/

[49] Методы обхода защиты приложений VueJS: https://webdevblog.ru/metody-obhoda-zashhity-prilozhenij-vuejs/

[50] Отложенная загрузка компонентов во Vue 3: https://webdevblog.ru/otlozhennaya-zagruzka-komponentov-vo-vue-3/

[51] Инспектирование Vue приложений на продакшене: https://www.damianmullins.com/inspecting-a-vue-application-in-production/

[52] Быстрое использование LocalStorage во Vue: https://css-tricks.com/quick-localstorage-usage-in-vue/

[53] Основные проблемы, с которыми я столкнулся при переходе на Vue 3: https://dev.to/ghalex/top-problems-i-got-switching-to-vue-3-28i6

[54] Самые сложные моменты изучения Angular: https://medium.com/javascript-in-plain-english/the-hardest-parts-of-learning-angular-5b9ba1a4bbb6

[55] Отзывчивые компоненты Angular : https://indepth.dev/responsive-angular

[56] Общие стили Angular с отложенной загрузкой, специфичные для функционального модуля: https://indepth.dev/angular-lazy-load-common-styles-specific-to-a-feature-module

[57] The Ember Times — Issue No. 167: https://dev.to/embertimes/the-ember-times-issue-no-167-2bcl

[58] Предварительный просмотр ревизий с помощью ember-cli-deploy-s3-index: https://www.effective-ember.com/blog/preview-revisions-with-ember-cli-deploy-s3-index/

[59] первый взгляд на svelte-kit: https://dev.to/ajcwebdev/a-first-look-at-svelte-kit-372h

[60] Что такое SvelteKit? : https://svelte.dev/blog/whats-the-deal-with-sveltekit

[61] Simorgh — инструмент BBC для создания Single Page приложений и поддержкой PWA/AMP: https://github.com/bbc/simorgh

[62] Dojo3D — Универсальная библиотека создания трехмерных историй, предназначенная для программистов любого возраста.: https://github.com/webprofusion/dojo3d

[63] Graphery SVG — функциональная обертка для SVG : https://www.graphery.org/svg/

[64] NETSCAPE: Хроника взлетов и падений: https://habr.com/ru/company/ruvds/blog/526698/

[65] Vivaldi для Linux — открытое признание: https://habr.com/ru/company/vivaldi/blog/526300/

[66] В Chrome планируют добавить собственное хранилище корневых сертификатов: https://www.opennet.ru/opennews/art.shtml?num=54008

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

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

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

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

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