Дайджест свежих материалов из мира фронтенда за последнюю неделю №398 (13 — 19 января 2020)

---

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

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

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

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

[2] CSS: #css

[3] JavaScript: #js

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

[5] 32 совета веб-разработчику, который хочет вырасти над собой в 2020 году: https://habr.com/ru/company/ruvds/blog/483686/

[6] Выпущен «шрифт для разработчиков» JetBrains Mono: https://habr.com/ru/company/jugru/news/t/484134/

[7] Новые форматы микроразметки Google за 2019 год: https://vc.ru/seo/100571-novye-formaty-mikrorazmetki-google-za-2019-god

[8] Навигация в вебе с помощью геймпада : https://www.voorhoede.nl/en/blog/navigating-the-web-with-a-gamepad/

[9] Решение вопроса с элементом Section: https://css-tricks.com/the-deal-with-the-section-element/

[10] Вечные статьи для веб-разработчиков: https://css-tricks.com/timeless-web-dev-articles/

[11] Изучите End-to-end тестирование с помощью Puppeteer : https://www.sitepoint.com/puppeteer-end-to-end-testing/

[12] Tiny helpers — Коллекция бесплатных онлайн-инструментов для веб-разработчиков : https://tiny-helpers.dev/

[13] Тестирование вашего сайта на визуальные регрессии с BackstopJS : https://codurance.com/2020/01/16/backstopjs-tutorial/

[14] Позволяйте инструментам делать выбор: https://www.jackfranklin.co.uk/blog/letting-tools-make-choices/

[15] Ещё четыре нестандартных способа ускорить загрузку страниц сайта: https://vc.ru/seo/101151-eshche-chetyre-nestandartnyh-sposoba-uskorit-zagruzku-stranic-sayta

[16] «Лучшие» метрики производительности? Начните с этих шести : https://rigor.com/blog/six-web-performance-metrics-to-watch

[17] Оптимизация ваших изображений не улучшила ваше время загрузки? Вот почему : https://www.machmetrics.com/speed-blog/optimizing-your-images-didnt-improve-your-load-time-heres-why/

[18] Веб-производительность: 11 обязательных советов, чтобы ускорить работу вашего сайта: https://www.shopify.com/partners/blog/web-performance

[19] Доступность цифровой версии BBC — обзор 2019 : https://www.bbc.co.uk/blogs/internet/entries/aac6bdff-3580-4265-9976-8214d24246ce

[20] Web Accessibility Compliance и законодательство в ЕС: https://www.deque.com/blog/eu-web-accessibility-compliance-and-legislation/

[21] Техника 3D Folding Layout для HTML элементов: https://tympanus.net/codrops/2020/01/14/3d-folding-technique/

[22] Как делать анимацию в вебе с помощью Greensock : https://css-tricks.com/how-to-animate-on-the-web-with-greensock/

[23] Так когда же всё таки можно использовать !important?: https://habr.com/ru/post/484556/

[24] Эффект клика в стиле Material design с помощью pointer events и CSS Custom Properties: https://benfrain.com/material-design-style-click-effects-with-pointer-events-and-css-custom-properties/

[25] Стоит ли хостить Google Fonts у себя?: https://www.tunetheweb.com/blog/should-you-self-host-google-fonts/

[26] Продумывание вариантов стилизации для веб-компонентов : https://css-tricks.com/thinking-through-styling-options-for-web-components/

[27] CSS4 уже здесь!: https://www.quirksmode.org/blog/archives/2020/01/css4_is_here.html

[28] Как использовать селектор псевдо-класса :root в CSS : https://alligator.io/css/root-pseudo-class/

[29] Добавление разделителей в раскладки с CSS-in-JS : https://medium.com/pixel-and-ink/adding-separators-to-layouts-with-css-in-js-1e15017c0c68

[30] Ванильный JavaScript и HTML. Никаких фреймворков. Никаких библиотек. Никаких проблем: https://habr.com/ru/company/mailru/blog/483726/

[31] О 30-кратном увеличении параллелизма в Node.js: https://habr.com/ru/company/ruvds/blog/483688/

[32] Бандлинг JavaScript-кода и производительность: передовые методики: https://habr.com/ru/company/ruvds/blog/483682/

[33] Распространенные ошибки при работе с промисами в JavaScript, о которых должен знать каждый (перевод): https://habr.com/ru/post/484466/

[34] Чистый код для TypeScript — Часть 1: https://habr.com/ru/post/484402/

[35] 15 методов работы с массивами в JavaScript, которые необходимо знать в 2020 году: https://habr.com/ru/company/plarium/blog/483958/

[36] 9 способов работать с объектами в JavaScript в 2020 году : https://medium.com/better-programming/9-ways-to-work-with-objects-in-javascript-in-2020-d772c29db429

[37] Важные моменты при работе с массивами и объектами в рамках взаимодействия с REST API: https://medium.com/@viacheslavlushchinskiy/javascript-objects-and-arrays-manipulation-for-rest-api-b3b59a73b618

[38] Optional Chaining, Null Coalescing и как они изменят способ написания кода: https://medium.com/better-programming/optional-chaining-and-null-coalescing-a93cb3dc7bb9

[39] Новый фронтенд Одноклассников: запуск React в Java. Часть I: https://habr.com/ru/company/odnoklassniki/blog/480808/

[40] Лучшие новые функции React App 3.3 : https://www.telerik.com/blogs/best-new-features-of-create-react-app-3-3

[41] Введение в React Context API: https://www.smashingmagazine.com/2020/01/introduction-react-context-api/

[42] React-spring визуализатор : https://react-spring-visualizer.com/

[43] React с TypeScript: лучшие практики : https://www.sitepoint.com/react-with-typescript-best-practices/

[44] Доступный заголовок страницы в одностраничном приложении на React : https://hugogiraudel.com/2020/01/15/accessible-title-in-a-single-page-react-application/

[45] Релиз Next.js 9.2: https://nextjs.org/blog/next-9-2

[46] 10 практик в VSCode для ускорения процесса разработки на React : https://dev.to/jsmanifest/10-practices-in-vscode-to-hasten-your-react-development-flow-2jho

[47] Руководство по React refs: useRef и createRef : https://blog.logrocket.com/a-guide-to-react-refs/

[48] Как сделать приложения React VR : https://codersera.com/blog/how-to-make-react-vr-apps-2/

[49] 10 способов оптимизировать производительность вашего приложения React : https://blog.bitsrc.io/10-ways-to-optimize-your-react-apps-performance-e5e437c9abce

[50] Использование tailwindcss c Vue.js: https://webdevblog.ru/ispolzovanie-tailwindcss-c-vue-js/

[51] Vue + Apollo: Дырявые абстракции: https://www.youtube.com/watch?v=J247_33f9TM

[52] Создание на Vue.js рекурсивного компонента: https://webdevblog.ru/sozdanie-na-vue-js-rekursivnogo-komponenta/

[53] Vue Component Development Kit v0.4.0: https://christiankienle.github.io/cdk/components/

[54] 12 Vue.js Best Practices для профессиональных разработчиков : https://medium.com/better-programming/12-vuejs-best-practices-for-pro-developers-28d1f629018c

[55] Как добавить AutoComplete Input в ваше приложение Vue.js : https://dev.to/aumayeung/how-to-add-autocomplete-input-to-your-vue-js-app-2d0a

[56] 6 способов отписаться от Observables в Angular : https://blog.bitsrc.io/6-ways-to-unsubscribe-from-observables-in-angular-ab912819a78f

[57] Angular: как поддерживать IE11 : https://medium.com/javascript-in-plain-english/angular-how-to-support-ie11-d3b8c3d3494e

[58] Angular в 2020 и далее: https://dailycoding.io/article/wjHbPObN3jEloXiBEla4

[59] Пишем свою стратегию для виртуального скролла из Angular CDK: https://habr.com/ru/company/tinkoff/blog/484168/

[60] Как вы можете научиться использовать Svelte для вашего следующего проекта JS : https://dev.to/itnext/how-you-can-learn-to-use-svelte-for-your-next-js-project-3k8h

[61] Все, что вам нужно знать, чтобы начать писать Svelte Single File Components : https://dev.to/vannsl/all-you-need-to-know-to-start-writing-svelte-single-file-components-cbd

[62] На фоне реструктуризации из Mozilla уволено 70 сотрудников: https://www.opennet.ru/opennews/art.shtml?num=52195

[63] Google намерен до 2022 года прекратить поддержку сторонних Cookie в Chrome: https://www.opennet.ru/opennews/art.shtml?num=52189

[64] Как в новом Microsoft Edge установить расширения для Google Chrome: https://itc.ua/news/kak-v-novom-microsoft-edge-ustanovit-rasshireniya-dlya-google-chrome/

[65] Chrome, вслед за Safari и Firefox, тоже начнёт блокировать сторонние cookie, но не сразу: https://itc.ua/news/chrome-vsled-za-safari-i-firefox-tozhe-nachnyot-blokirovat-storonnie-cookie-no-ne-srazu/

[66] Microsoft будет поддерживать Edge для Windows 7 не менее 18 месяцев: https://microsoftportal.net/windows-7/11861-microsoft-budet-podderzhivat-edge-dlja-windows-7-ne-menee-18-mesjacev.html

[67] Разработчики Chromium предложили унифицировать и объявить устаревшим заголовок User-Agent: https://www.opennet.ru/opennews/art.shtml?num=52182

[68] В Chrome в течение двух лет планируют отключить поддержку сторонних cookies на сайтах: https://blog.chromium.org/2020/01/building-more-private-web-path-towards.html

[69] Обновление до нового Microsoft Edge : https://blogs.windows.com/msedgedev/2020/01/15/upgrading-new-microsoft-edge-79-chromium/

[70] Как мы делали Picture-in-Picture в Firefox Desktop для большего контроля над видео : https://hacks.mozilla.org/2020/01/how-we-built-picture-in-picture-in-firefox-desktop/

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

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

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

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

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