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

---

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

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

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

[1] Медиа: #media

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

[3] CSS: #css

[4] JavaScript: #js

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

[6] Занимательное: #interesting

[7] Подкаст «Веб-стандарты», № 192. Firefox 69, перфоманс, File API, якоря, чат Chatix и трансляция экрана: https://medium.com/web-standards/episode-192-a92fd1cea711

[8] Подкаст «Фронтенд Юность (18+)»: #107 Тайные желания Ричарда Столлмана Pro Unlimited: https://soundcloud.com/frontend_u/e107/

[9] Подкаст «The Art Of Programming» — №197 Фронтендинг в деле : https://blog.golodnyj.ru/2019/09/197-art-of-programming-frontend.html

[10] Подкаст «Сделайте мне красиво», Выпуск №24 — Reactgate, 7 истин и Largest Contentful Paint: https://soundcloud.com/begebot/ep24

[11] 15 видео c ComponentsConf 2019 Australia: https://www.youtube.com/playlist?list=PLezbUWvTzODmyixYLrinT86NDsKJCM49U

[12] FrontSpot Show #11: Аня Селезнева про девушек в айти, обнимашки и дайверсити.: https://www.youtube.com/watch?v=2dnEynFchIQ

[13] Современная архитектура фронтенда: https://blog.webf.zone/contemporary-front-end-architectures-fb5b500b0231

[14] 5G определенно сделает веб медленнее, наверное: https://www.filamentgroup.com/lab/5g/

[15] (Почему) Некоторые конструкции в HTML являются «необязательным»: https://remysharp.com/2019/09/12/why-some-html-is-optional

[16] Как контрибьютить в open source проекты: https://css-tricks.com/how-to-contribute-to-an-open-source-project/

[17] X3D: декларативный 3D для современного Интернета: https://blog.scottlogic.com/2019/08/27/declarative-3d-for-the-modern-web.html

[18] Встречайте caniemail.com — онлайн сервис, где можно посмотреть поддержку HTML и CSS различными почтовыми клиентами: https://www.caniemail.com/news/2019-09-09-introducing-caniemail/

[19] Caniuse и MDN объявили о коллаборации и своместном использовании данных: https://hacks.mozilla.org/2019/09/caniuse-and-mdn-compat-data-collaboration/

[20] Переносим JavaScript разработку в Bash на Windows : https://www.smashingmagazine.com/2019/09/moving-javascript-development-bash-windows/

[21] Мои любимые браузерные расширения для веб-разработки: https://www.silvestar.codes/articles/my-favorite-chrome-extensions-for-web-development-mostly/

[22] Зачем вашему приложению Accessibility: https://habr.com/ru/company/oleg-bunin/blog/466629/

[23] Button Contrast Checker — онлайн-инструмент для автоматической проверки контраста кнопок: https://www.aditus.io/button-contrast-checker/

[24] Подборка креативных демок «Awesome Demos Roundup #8»: https://tympanus.net/codrops/2019/09/11/awesome-demos-roundup-8/

[25] Подборка вдохновляющих сайтов «Inspirational Websites Roundup #8»: https://tympanus.net/codrops/2019/09/05/inspirational-websites-roundup-8/

[26] CSS переменные и цветовая тема для сайта в несколько строк: https://habr.com/ru/post/466587/

[27] Быстрое, удобное, адаптивное меню для 1075 категорий (36000 товаров): https://habr.com/ru/post/467003/

[28] Как создавать уникальные, красивые веб-сайты с Tailwind CSS: https://www.sitepoint.com/tailwind-unique-beautiful-websites/

[29] Уязвимости в CSS: https://css-tricks.com/css-security-vulnerabilities/

[30] Прозрачные кнопки с hover эффектом, зависящим от стороны наведения: https://css-tricks.com/ghost-buttons-with-directional-awareness-in-css/

[31] «Заходят два браузера в скролл-бар». Зак Лезерман о поведении и возможностях кастомизации скроллбаров: https://www.filamentgroup.com/lab/scrollbars/

[32] Логические операции с CSS переменными : https://css-tricks.com/logical-operations-with-css-variables/

[33] Как убрать неиспользуемый CSS: https://learnworthy.net/how-to-remove-unused-css

[34] CSS Grid: подборка типичных журнальных раскладок: https://codepen.io/oliviale/full/GRKQoKM

[35] Быстрое введение в Svelte с точки зрения разработчика на Angular: https://habr.com/ru/post/467091/

[36] Часть 1: https://habr.com/ru/company/ruvds/blog/466537/

[37] Часть 2: https://habr.com/ru/company/ruvds/blog/466539/

[38] Первое знакомство с ReasonML: https://nikitakirsanov.com/blog/first-hands-on-experience-with-reasonml/

[39] Как находить ошибки в JavaScript коде с помощью Debugger: https://medium.com/better-programming/how-to-find-bugs-in-your-code-with-the-debugger-a7f739ea98

[40] Метрономы в JavaScript: https://meowni.ca/posts/metronomes/

[41] Практическое руководство по мониторингу ошибок браузера с помощью window.onerror: https://dev.to/omrilotan/front-end-observability-a-practical-guide-to-browser-error-monitoring-2gcm

[42] Машинное обучение для фронтенд-разработчиков с Tensorflow.js : https://www.smashingmagazine.com/2019/09/machine-learning-front-end-developers-tensorflowjs/?ref=heydesigner

[43] Более легкий V8. О техниках оптимизации памяти, которые были использованы при работе над V8 Lite: https://v8.dev/blog/v8-lite

[44] Как я отлаживаю Javascript код, который писал не я: https://itnext.io/how-i-debug-javascript-code-i-didnt-write-6c405a6a9103

[45] ECMAScript-new-features-list — полный список новых особенностей ES, включая ES6, ES7, ES8, ES9 и ES10 (2015-2019): https://github.com/daumann/ECMAScript-new-features-list

[46] Самая выдающаяся новая функция в Javascript, о которой вы должны знать: Optional Chaining: https://dev.to/lampewebdev/the-most-outstanding-new-feature-in-javascript-you-need-to-know-about-optional-chaining-2pg2

[47] 5 вещей, которые чаще всего не понимают новички в JavaScript: https://habr.com/ru/company/otus/blog/466873/

[48] Используем приёмы из функционального программирования, чтобы улучшить свой код на JavaScript: https://tproger.ru/translations/better-javascript-code-with-fp-features/

[49] Как работает JavaScript: https://webdevblog.ru/kak-rabotaet-javascript/

[50] Копирование объектов в JavaScript: https://medium.com/@stasonmars/%D0%BA%D0%BE%D0%BF%D0%B8%D1%80%D0%BE%D0%B2%D0%B0%D0%BD%D0%B8%D0%B5-%D0%BE%D0%B1%D1%8A%D0%B5%D0%BA%D1%82%D0%BE%D0%B2-%D0%B2-javascript-d25c261a7aff

[51] Очередная подборка полезных советов по JS: https://itnext.io/this-is-about-useful-js-tips-and-tricks-4a7ef25c33ad

[52] 4 способа безопасного доступа к вложенным объектам в ванильном Javascript: https://medium.com/better-programming/4-ways-to-safely-access-nested-objects-in-vanilla-javascript-8671d09348a8

[53] Повторное введение в деструктуризацию: https://www.smashingmagazine.com/2019/09/reintroduction-destructuring-assignment/

[54] Нет ничего неправильного в том что «emoji».length == 7: https://hsivonen.fi/string-length/

[55] Три типовых ошибки в сфере безопасности, о которых должен знать каждый React-разработчик: https://habr.com/ru/company/ruvds/blog/467255/

[56] Создание бокового гамбургер-меню с React Hooks и Styled Components: https://css-tricks.com/hamburger-menu-with-a-side-of-react-hooks-and-styled-components/

[57] Почему мы перешли на React Hooks: https://blog.bitsrc.io/why-we-switched-to-react-hooks-48798c42c7f

[58] React Dev Tools — Отладка в стиле ниндзя: https://medium.com/the-thinkmill/react-dev-tools-debug-like-a-ninja-c3a5d09895c6

[59] Веб-приложение на Kotlin + Spring Boot + Vue.js: https://habr.com/ru/post/467161/

[60] Передача конфигурации в Vue.js: https://webdevblog.ru/peredacha-konfiguracii-v-vue-js/

[61] Внедрение зависимостей с помощью Vue.js: https://webdevblog.ru/vnedrenie-zavisimostej-s-pomoshhju-vue-js/

[62] Создание приложения с использованием Styled Components во Vue.js : https://medium.com/javascript-in-plain-english/building-your-application-with-styled-components-in-vue-js-8d0fdd8e605a

[63] Несколько полезных трюков для Vue.js: https://medium.com/@marko.zunic/a-few-handy-vue-js-tricks-832703cff426

[64] Почему Vuejs такой клевый?: https://medium.com/@ajgihan/why-vuejs-is-so-awesome-926e6afed41

[65] Как протестировать приложения на Vue с помощью фреймворка Cypress: https://medium.com/@NAPOLEON039/how-to-test-vue-apps-with-the-popular-cypress-framework-aa9342e2bd58

[66] «Vue 3 | Looking into the Vueture: Composition Functions». Доклад Натальи Теплухиной на ComponentsConf 2019: https://www.youtube.com/watch?v=dy_ZB1TyFx4

[67] JSFoo: VueDay 2019: https://www.youtube.com/playlist?list=PL279M8GbNsetq9zfE2yXEuKcUhZR0mnz3#jsfoovueday

[68] Как создавать дружественные для поисковых систем интернационализированные веб-приложения с Angular Universal и ngx-translate: https://itnext.io/how-to-create-search-engine-friendly-internationalized-web-apps-with-angular-universal-and-510c658f2e41

[69] Добавление интернационализации (i18n) в приложение на Angular: https://levelup.gitconnected.com/add-internationalization-i18n-to-an-angular-app-b8fa8b51deea

[70] Настройка Angular CLI проекта с помощью GraphQL: https://blog.angularindepth.com/configuring-a-angular-cli-project-with-graphql-37217f66d419

[71] Что нового после Angular 8: https://blog.angularindepth.com/whats-new-after-angular-8-28d27ce3348a

[72] css-dot-js-loader — Webpack loader, позволяющий генерировать статичный CSS с помощью JavaScript: https://github.com/finom/css-dot-js-loader

[73] check-imports — CLI инструмент, который парсит импорты и автоматически добавляет зависимости в package.json, удаляя лишние: https://github.com/finom/check-imports

[74] Как одной строчкой добавить поддержку черной темы: https://medium.com/@liverm0r/dark-mode-on-your-site-with-1-line-of-code-21b52ac7ef00

[75] Google добавил официальный плагин с «Native Lazyload» в WordPress: https://wordpress.org/plugins/native-lazyload/

[76] js-fire — библиотека для автоматического создания CLI из большинства js объектов: https://github.com/hobochild/js-fire

[77] poetic: Быстрая настройка ESLint, Prettier и Airbnb одной строкой: https://medium.com/javascript-in-plain-english/configuring-eslint-prettier-and-airbnb-in-1-line-164ab8f1e8c7

[78] js-noisy-gradient — небольшая библиотека для сглаживания видимых границ в градиентах: https://github.com/apankrat/js-noisy-gradient

[79] Chrome 77 научился пересылать вкладки с одного устройства на другое: https://tproger.ru/news/chrome-77-release/

[80] Chrome 77 ломает страницы логина для устройств Netgear: https://xakep.ru/2019/09/13/netegar-login-bug/

[81] В Chrome 78 начнутся эксперименты с включением DNS-over-HTTPS: http://www.opennet.ru/opennews/art.shtml?num=51488

[82] Браузер Vivaldi вышел на платформе Android: https://itc.ua/news/brauzer-vivaldi-vyshel-na-platforme-android/

[83] Mozilla запускает Firefox Private Network в виде расширения для браузера: https://xakep.ru/2019/09/12/firefox-private-network/

[84] Суд США полностью легализовал скрапинг сайтов и запретил ему технически препятствовать: https://habr.com/ru/company/globalsign/blog/466911/

[85] Google поменял правила для nofollow-ссылок: https://ain.ua/2019/09/11/google-pomenyal-pravila-dlya-nofollow/

[86] Yoast: Google не должен был единолично менять подход к обработке rel=nofollow: https://www.searchengines.ru/yoast-nofollow.html

[87] WordPress добавит поддержку нового атрибута rel=ugc в следующем релизе: https://www.searchengines.ru/wp-ugc.html

[88] Сравнение производительности сетевого драйвера в вариантах на 10 языках программирования : http://www.opennet.ru/opennews/art.shtml?num=51475

[89] Google меняет алгоритмы ранжирования новостей в поиске, приоритет отдаётся первоисточникам оригинального контента: https://itc.ua/news/google-menyaet-algoritmy-ranzhirovaniya-novostej-v-poiske-prioritet-otdayotsya-pervoistochnikam-originalnogo-kontenta/

[90] Google начал принимать меры в отношении арендованных поддоменов: https://www.searchengines.ru/google-leasing.html

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

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

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

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

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