Дайджест свежих материалов из мира фронтенда за последнюю неделю №377 (19 — 25 августа 2019)

---

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

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

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

[1] Медиа: #media

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

[3] CSS: #css

[4] Javascript: #js

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

[6] Подкаст «Frontend Weekend», Remote #1: https://soundcloud.com/frontend-weekend/fws-1

[7] Подкаст «devschacht» #91: https://medium.com/devschacht/devschacht-91-5dbfe0d06480

[8] Подкаст «devschacht» #92: https://soundcloud.com/devschacht/devschacht-92

[9] Подкаст «Сделайте мне красиво», Выпуск №23: https://soundcloud.com/begebot/ep23

[10] SPA Meetup #5 в Авито: https://www.youtube.com/playlist?list=PLknJ4Vr6efQHOdSjVkBDWdlHby6v-lO12

[11] На AMP-страницы теперь можно добавлять пользовательский JavaScript: https://www.searchengines.ru/amp-js-2.html

[12] В чем действительно нуждается HTML6 (Living standard): https://itnext.io/what-html6-really-needs-living-standard-be0d962a7997

[13] Необязательный HTML: все, что вам нужно знать: https://meiert.com/en/blog/optional-html/

[14] Ускоренная загрузка изображений благодаря встроенному предварительному просмотру изображений: https://www.smashingmagazine.com/2019/08/faster-image-loading-embedded-previews/

[15] Использование rel = ”preconnect” для раннего установления сетевых подключений и повышения производительности: https://css-tricks.com/using-relpreconnect-to-establish-network-connections-early-and-increase-performance/

[16] Как подружить дизайнера, верстальщика и «Фигму» с помощью дизайн-системы, ломика и какой-то матери: https://habr.com/ru/post/464115/

[17] Анонс NodeGUI и React NodeGUI — создание собственных приложений для настольных ПК с использованием JavaScript и CSS: https://blog.atulr.com/nodegui-intro/

[18] Преобразование текста в речь в браузере с помощью Web Speech API: https://www.twilio.com/blog/speech-to-text-browser-web-speech-api

[19] Native File System API: упрощение доступа к локальным файлам: https://developers.google.com/web/updates/2019/08/native-file-system

[20] Что я узнал о доступности от Tumblr : https://www.nicchan.me/blog/what-tumblr-taught-me-about-accessibility/

[21] Топ 5 ресурсов для работы с доступностью веб-приложений: https://www.telerik.com/blogs/top-5-resources-web-app-accessibility

[22] Доклад ADA о доступности веба и приложений: https://blog.usablenet.com/midyear-ada-web-accessibility-lawsuit-report-blog

[23] Многопользовательские Крестики-нолики с использованием GraphQL: https://css-tricks.com/multiplayer-tic-tac-toe-with-graphql/

[24] Как создать многопользовательскую реал-тайм игру с VR (часть 1): https://www.smashingmagazine.com/2019/08/real-time-multiplayer-virtual-reality-game-part-1/

[25] Создание анимированной фавиконки: https://css-tricks.com/the-making-of-an-animated-favicon/?ref=heydesigner

[26] Откуда появились названия цветов в CSS?: https://www.chenhuijing.com/blog/where-did-css-named-colours-come-from/

[27] Список лучших CSS библиотек во фронтенде: https://medium.com/better-programming/heres-a-list-of-top-css-front-end-libraries-eb0330c04148

[28] Как увидеть стили для печати, применяемые непосредственно в браузере?: https://css-tricks.com/can-you-view-print-stylesheets-applied-directly-in-the-browser/

[29] Элемент, отскакивающий от краев вьюпорта, реализованный на CSS: https://css-tricks.com/bounce-element-around-viewport-in-css/

[30] CSS может сделать это… И это ужасно!: https://www.aaron-powell.com/posts/2019-08-14-css-can-do-this-and-its-terrifying/

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

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

[33] Dependency Injection, JavaScript и ES6-модули: https://habr.com/ru/post/464347/

[34] Ключевое слово this в JavaScript. Полное* руководство: https://habr.com/ru/post/464163/

[35] Работаем с асинхронной итерацией в ECMAScript 2019, используя for-of: https://medium.com/@stasonmars/%D1%80%D0%B0%D0%B1%D0%BE%D1%82%D0%B0%D0%B5%D0%BC-%D1%81-%D0%B0%D1%81%D0%B8%D0%BD%D1%85%D1%80%D0%BE%D0%BD%D0%BD%D0%BE%D0%B8%CC%86-%D0%B8%D1%82%D0%B5%D1%80%D0%B0%D1%86%D0%B8%D0%B5%D0%B8%CC%86-%D0%B2-ecmascript-2019-%D0%B8%D1%81%D0%BF%D0%BE%D0%BB%D1%8C%D0%B7%D1%83%D1%8F-for-of-cc0baa81cdd8

[36] Используйте функции генератора JavaScript, чтобы уменьшить использование памяти: https://levelup.gitconnected.com/how-i-met-your-javascript-generators-reduce-memory-used-on-your-browser-and-server-8ed2c5077d5c

[37] Использование нативных модулей JavaScript на продакшене: https://philipwalton.com/articles/using-native-javascript-modules-in-production-today/

[38] Debouncing и Throttling в JavaScript: https://www.telerik.com/blogs/debouncing-and-throttling-in-javascript

[39] JS: чему научиться, чтобы стать Senior: https://itnext.io/javascript-things-newbies-should-know-e04bab10449f

[40] React: Создание доступного компонента FAQ: https://medium.com/@gaurav5430/react-building-an-accessible-faq-component-bac135116532

[41] 5 советов, которые помогут вам избежать подводных камней React Hooks: https://kentcdodds.com/blog/react-hooks-pitfalls

[42] Локализация с помощью React: https://medium.com/@danielmjung/localization-with-react-dc26fb013028

[43] Использование requestAnimationFrame с React Hooks: https://css-tricks.com/using-requestanimationframe-with-react-hooks/

[44] Современное тестирование React, часть 2: Jest and Enzyme: https://blog.sapegin.me/all/react-testing-2-jest-and-enzyme/

[45] Состояние семантического JSX: https://blog.logrocket.com/semantic-jsx/

[46] Как легко загружать динамические изображения в Vue и Nuxt: https://blog.lichter.io/posts/how-to-load-dynamic-images-in-vue-and-nuxt-with-ea/

[47] Производительность Vue.js Router: https://vueschool.io/articles/vuejs-tutorials/vue-js-router-performance/

[48] Как использовать Vuetify в Vue.js: https://medium.com/@hohanga/how-to-use-vuetify-in-vue-js-467f9fd07ecd

[49] Как избежать нарушения принципов SOLID в приложениях на VueJS : https://medium.com/@manuustenko/https-medium-com-manuustenko-how-to-avoid-solid-principles-violations-in-vue-js-application-1121a0df6197

[50] Основы верстки в Angular c Redux и Nx. Часть 1. Верстка Header и Navbar.: https://medium.com/fafnur/%D0%BE%D1%81%D0%BD%D0%BE%D0%B2%D1%8B-%D0%B2%D0%B5%D1%80%D1%81%D1%82%D0%BA%D0%B8-%D0%B2-angular-c-redux-%D0%B8-nx-2da5e0b8e3e8

[51] 7 способов сделать ваше Angular приложение более доступным: https://www.telerik.com/blogs/7-ways-to-make-your-angular-app-more-accessible

[52] Angular Search & Pagination: https://itnext.io/angular-search-pagination-41572ef0078f

[53] Почему вы никогда не должны использовать вызовы функций в выражениях шаблонов Angular: https://medium.com/showpad-engineering/why-you-should-never-use-function-calls-in-angular-template-expressions-e1a50f9c0496

[54] Ember.js и React.js: Сравнение некоторых продвинутых функций: https://medium.com/@abdullah2891/ember-js-and-react-js-comparisons-between-some-of-the-advanced-features-1dea688edffb

[55] The Ember Atlas: https://www.notion.so/The-Ember-Atlas-4094f81c86c34badb4a562ed29414ae1

[56] Создание Electron приложения с помощью Ember JS: https://dev.to/mitchartemis/making-an-electron-app-with-ember-js-part-1-initial-setup-11c0

[57] Commit Porto '19: Процветание в цикле хайпа: история Ember.js(Ricardo Mendes): https://www.youtube.com/watch?v=ECkbVa0iC4k

[58] Fingerprinting браузера. Как отслеживают пользователей в Сети: https://habr.com/ru/post/464589/

[59] Microsoft Edge Insider: старт тестирования «Коллекций», рабочие учётные записи и другие улучшения: http://www.wincore.ru/windows-news/7833-microsoft-edge-insider-start-testirovaniya-kollekciy-rabochie-uchetnye-zapisi-i-drugie-uluchsheniya.html

[60] В Firefox, Chrome и Safari заблокирован внедряемый в Казахстане «национальный сертификат»: http://www.opennet.ru/opennews/art.shtml?num=51329

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

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

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

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

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