Дайджест свежих материалов из мира фронтенда за последнюю неделю №364 (6 — 12 мая 2019)

Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него.

Дайджест свежих материалов из мира фронтенда за последнюю неделю №364 (6 — 12 мая 2019) - 1

Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.

Дайджест за прошлую неделю ^[91].
Материал подготовили dersmoll ^[92] и alekskorovin ^[93].

Автор: alexzfort

Источник ^[94]

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

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

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

[1] Медиа: #media

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

[3] CSS: #css

[4] Javascript: #js

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

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

[7] 175. IE mode in Edge, Chromium, slow CSS, CSSWG, stages in CSS, Houdini: https://medium.com/web-standards/episode-175-cdef68cad3ff

[8] #79: Разработка опенсорс на примере React Styleguidist и mrm: https://medium.com/devschacht/devschacht-79-37035f559b84

[9] #78: Как программисту переехать в Берлин и стоит ли оно того: https://medium.com/devschacht/nightly-78-1ef4f147968a

[10] #92 Firefox убивает интернет: https://soundcloud.com/frontend_u/e92

[11] Выпуск №16 — Замена Lodash, снова о TDD и куда может расти Senior : https://soundcloud.com/begebot/ep16

[12] Где взять идею для стартапа?: https://www.youtube.com/watch?v=1gSBpBCwWEk

[13] «Image transition with PIXI.JS»: https://www.youtube.com/watch?v=Q1uNf54jjgU

[14] HTTP-заголовки для ответственного разработчика: https://habr.com/ru/company/mailru/blog/450816/

[15] Favicons: возможно, наименее понятая веб-функция: https://dougsillars.com/2019/05/07/favicons-perhaps-the-least-understood-web-feature/

[16] Новый вечнозеленый Googlebot: https://webmasters.googleblog.com/2019/05/the-new-evergreen-googlebot.html

[17] Гибридный Lazy Loading: прогрессивная миграция к нативному Lazy Loading: https://www.smashingmagazine.com/2019/05/hybrid-lazy-loading-progressive-migration-native/

[18] SVG-компоненты для IoT и устройств (часть 1): https://www.smashingmagazine.com/2019/05/svg-web-page-components-iot-part1/

[19] Зачем, как и когда использовать семантический HTML и ARIA: https://css-tricks.com/why-how-and-when-to-use-semantic-html-and-aria/

[20] Как выбрать лучший генератор статических сайтов для вашего проекта 2019 года: https://snipcart.com/blog/choose-best-static-site-generator

[21] Практические занятия с Portals: https://web.dev/hands-on-portals

[22] Ускоряем сборку веб-приложения с webpack: https://habr.com/ru/post/451146/

[23] Представлен GitHub Package Registry : https://habr.com/ru/company/microsoft/blog/451340/

[24] Microsoft представила Windows Terminal – новую командную строку для Windows: https://itc.ua/news/microsoft-predstavila-windows-terminal-novuyu-komandnuyu-stroku-dlya-windows/

[25] Утилита для конвертации SVG пути в относительные или абсолютные: http://lea.verou.me/2019/05/utility-convert-svg-path-to-all-relative-or-all-absolute-commands/

[26] Все об SVG анимации: https://habr.com/en/post/450924/

[27] Производительность анимаций на сайтах: https://habr.com/en/post/450484/

[28] История одной анимации: WebGL и не WebGL: https://medium.com/@akella/story-of-one-animation-webgl-and-not-webgl-c733c44f489e

[29] Подборки вдохновляющих сайтов Roundup #4: https://tympanus.net/codrops/2019/05/06/inspirational-websites-roundup-4/

[30] css-only-chat: https://github.com/kkuchta/css-only-chat

[31] Ночной режим с Mix Blend Mode: разница: https://dev.wgao19.cc/2019-05-04__sun-moon-blending-mode/

[32] Базовое руководство по специфичности CSS: https://medium.com/@kastor012/the-basic-guide-to-css-specificity-b89726c0c0bc

[33] 4 причины, по которым ваш z-index не работает (и как это исправить): https://medium.freecodecamp.org/4-reasons-your-z-index-isnt-working-and-how-to-fix-it-coder-coder-6bc05f103e6c

[34] cssfx: https://cssfx.dev/

[35] Разбираемся с расположением элементов в гридах с помощью построения периодической таблицы на HTML: https://www.chenhuijing.com/blog/understanding-grid-placement/

[36] Анонсирована поддержка `font-display` в Google Fonts: https://twitter.com/addyosmani/status/1126370518347608065

[37] CSS3 Transform: https://css-transform.moro.es/

[38] Перенос на новую строку с помощью flexbox: https://tobiasahlin.com/blog/flexbox-break-to-new-row/

[39] Ember.js: (снова) время попробовать: https://habr.com/ru/post/451050/

[40] Игра фреймворков: тренды JavaScript в 2019: https://habr.com/ru/post/450996/

[41] Пишите меньше кода: https://habr.com/ru/post/451366/

[42] Создание многопользовательской веб-игры в жанре .io: https://habr.com/ru/post/450574/

[43] Что нового в JavaScript (Google I/O ’19): https://www.youtube.com/watch?v=c0oy0vQKEZE

[44] Готов ли Google к работе с JavaScript?: https://www.onely.com/blog/is-google-ready-to-catch-up-with-javascript/

[45] Что я узнал из реверес-инженеринга библиотеки интернационализации Airbnb: https://medium.freecodecamp.org/what-i-learned-by-reverse-engineering-airbnbs-internationalization-library-85580fe56ca3

[46] Несколько функциональных применений для Intersection Observer для определения, что элемент находится в поле зрения: https://css-tricks.com/a-few-functional-uses-for-intersection-observer-to-know-when-an-element-is-in-view/

[47] Руководство по настройке Vim для разработки на JavaScript: https://freshman.tech/vim-javascript/

[48] Введение в GraphQL: https://levelup.gitconnected.com/introduction-to-graphql-2bede313f8e0

[49] В JavaScript пакете Axios обнаружена DoS-уязвимость, которая затрагивает все версии популярного HTTP-клиента: https://snyk.io/blog/a-denial-of-service-vulnerability-discovered-in-the-axios-javascript-package-affecting-all-versions-of-the-popular-http-client/

[50] Паттерны проектирования в современной JavaScript-разработке: https://habr.com/en/company/ruvds/blog/450318/

[51] ‘let’ me be a ‘const’(ant), not a ‘var’(iable)!: https://medium.freecodecamp.org/let-me-be-a-const-ant-not-a-var-iable-1be52d153462

[52] location = location… и 534 других способа перезагрузки страницы с помощью JavaScript: http://www.phpied.com/files/location-location/location-location.html

[53] Размышления об упрощении обработчиков событий: https://css-tricks.com/the-thinking-behind-simplifying-event-handlers/

[54] BEM + Vue.js — это просто: https://medium.com/@gavrilov.e/%D0%B1%D1%8D%D0%BC-vue-js-%D1%8D%D1%82%D0%BE-%D0%BF%D1%80%D0%BE%D1%81%D1%82%D0%BE-3e6a08daf27d

[55] Понимание реактивности во Vue.js (Шаг за Шагом): https://webdevblog.ru/ponimanie-reaktivnosti-vo-vue-js-shag-za-shagom/

[56] Методы обработки ошибок во Vue.js: https://webdevblog.ru/metody-obrabotki-oshibok-vo-vue-js/

[57] Введение в функцию визуализации Vue (с примерами): https://webdevblog.ru/vvedenie-v-funkciju-vizualizacii-vue-s-primerami/

[58] Структурирование модулей Vuex для взаимодействия, скорости и гибкости : https://medium.com/@gdbate/structuring-vuex-modules-for-relationships-speed-and-durability-de25f7403643

[59] Vuex: Mutations vs. actions: https://blog.logrocket.com/vuex-showdown-mutations-vs-actions-f48f2f7df54b

[60] Архитектура для масштабного приложения на Vue.js: https://medium.com/js-dojo/architect-a-large-scale-vue-js-application-eaf90dc1da05

[61] Фул-стек решение для быстрой разработки PWA: https://medium.zenika.com/a-full-stack-solution-for-fast-pwa-development-937288b055b8

[62] react-native-windows: https://github.com/microsoft/react-native-windows

[63] Вы, вероятно, не должны использовать React: https://blog.usejournal.com/you-probably-shouldt-be-using-react-2f45ca487c8e

[64] Профилирование производительности приложений на React: https://www.telerik.com/blogs/performance-profiling-your-react-app

[65] Повторное знакомство React: развеиваем мифы каждого обновления React начиная с версии 16 : https://medium.freecodecamp.org/reintroducing-react-every-react-update-since-v16-demystified-60686ee292cc

[66] Развертывание клиентских приложений с create-react-app на Microsoft Azure: https://css-tricks.com/deploying-a-client-side-rendered-create-react-app-to-microsoft-azure/

[67] Продвинутые шаблоны в React: https://www.telerik.com/blogs/advanced-patterns-in-react

[68] Новый раздел на web.dev, посвященный React: https://web.dev/react

[69] Оказывает ли React плохое влияние на Angular?: https://habr.com/ru/company/ruvds/blog/450666/

[70] Angular — все доклады с ng-conf 2019: https://nitayneeman.com/posts/all-talks-from-ng-conf-2019/

[71] Использование Renderer2 в Angular: https://itnext.io/using-renderer2-in-angular-8f80da6756f8

[72] Введение в Angular Grid: https://blog.usejournal.com/introduction-to-angular-grid-bc96548ee24a

[73] Быстрое погружение в централизацию ваших данных в Angular с помощью ngrx/router-store: https://medium.com/razroo/quick-dive-into-centralizing-your-data-in-angular-with-ngrx-router-store-ca4b177b0b10

[74] dinoql: https://github.com/victorvoid/dinoql

[75] cash: маленькая альтернатива jQuery для современных браузеров: https://github.com/kenwheeler/cash

[76] hybrids: веб-компоненты из простых объектов и чистых функций: https://github.com/hybridsjs/hybrids

[77] Build 2019: Microsoft официально представила новый браузер Edge на базе Chromium c режимом обратной совместимости IE Mode, а также показала версию для Mac: https://itc.ua/news/build-2019-microsoft-oficzialno-predstavila-novyj-brauzer-edge-na-baze-chromium-c-rezhimom-obratnoj-sovmestimosti-ie-mode-a-takzhe-pokazala-versiyu-dlya-mac/

[78] Новый браузер Microsoft Edge получил режим IE: https://overclockers.ru/blog/Scorpion81/show/26393/novyj-brauzer-microsoft-edge-poluchil-rezhim-ie

[79] Microsoft Edge получит Коллекции, расширенные настройки приватности и встроенный Internet Explorer: http://www.wincore.ru/windows-news/7727-microsoft-edge-poluchit-kollekcii-rasshirennye-nastroyki-privatnosti-i-vstroennyy-intenet-explorer.html

[80] В Chrome 76 будет по умолчанию отключен Flash: http://www.opennet.ru/opennews/art.shtml?num=50627

[81] Coinhive закрылся, но браузерный майнинг по-прежнему является проблемой: https://xakep.ru/2019/05/07/cryptojacking/

[82] Браузер Vivaldi 2.5 получил первую в своём роде интеграцию с подсветкой Razer Chroma: https://itc.ua/news/brauzer-vivaldi-2-5-poluchil-pervuyu-v-svoyom-rode-integracziyu-s-podsvetkoj-razer-chroma/

[83] Mozilla устранила проблему с неработающими дополнениями в Firefox, но у некоторых пользователей ещё могут быть затруднения: https://itc.ua/news/mozilla-ustranila-problemu-s-nerabotayushhimi-dopolneniyami-v-firefox-no-u-nekotoryh-polzovatelej-eshhyo-mogut-byt-zatrudneniya/

[84] Закулисные подробности того, как Майкрософт неожиданно решила работать вместе с Гуглом над собственным браузером Edge. : https://www.theverge.com/2019/5/6/18527550/microsoft-chromium-edge-google-history-collaboration

[85] Куда деваться стареющим программистам?: https://ain.ua/2019/05/08/starejushie-programmisty/

[86] «Facebook должен быть разрушен»: сооснователь соцсети выступил против Марка Цукерберга: https://www.forbes.ru/tehnologii/375905-facebook-dolzhen-byt-razrushen-soosnovatel-socseti-vystupil-protiv-marka

[87] Использование машинного перевода Google Translate только вредит «Википедии»: https://itc.ua/news/ispolzovanie-mashinnogo-perevoda-google-translate-tolko-vredit-vikipedii/

[88] Новая Microsoft: компания создала дизайн-систему и объединила под ней отделы разных продуктов: https://vc.ru/design/66731-novaya-microsoft-kompaniya-sozdala-dizayn-sistemu-i-obedinila-pod-ney-otdely-raznyh-produktov

[89] Google объявила Kotlin приоритетным языком программирования для разработки Android-приложений: https://vc.ru/dev/66728-google-obyavila-kotlin-prioritetnym-yazykom-programmirovaniya-dlya-razrabotki-android-prilozheniy

[90] Зафиксирована атака вредоносных шифровальщиков на Git-репозитории: http://www.opennet.ru/opennews/art.shtml?num=50671

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

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

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

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

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