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

---

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

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

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

[1] Медиа: #media

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

[3] CSS: #css

[4] Javascript: #js

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

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

[7] Выпуск №19: https://soundcloud.com/begebot/ep19

[8] Выпуск №20: https://soundcloud.com/begebot/ep20

[9] Подкаст «Фронтенд Юность (18+)»: https://soundcloud.com/frontend_u/vdsina

[10] «Frontreview» #13: https://www.youtube.com/watch?v=VYvu-oKYcSg

[11] «Repozitorro» #17: https://www.youtube.com/watch?v=iaS2zjrZ6Zw

[12] «proConf» #16: https://www.youtube.com/watch?v=3ankAUFU2CU

[13] #s3e3 ALL YOUR HTML: https://www.youtube.com/watch?v=pFpqA2xCFQY

[14] JSConf Hawaii 2019: https://www.youtube.com/playlist?list=PL37ZVnwpeshFfpar-NpSYzNQ9Yz-WO-qh

[15] JSConf EU 2019: https://www.youtube.com/playlist?list=PL37ZVnwpeshHwJPVBqEnZild7QHWhdufu

[16] 10 советов о том, как увеличить скорость загрузки страницы: https://medium.com/webbdev/speed-31716013b5e1

[17] Инструменты для организации эффективного процесса веб-разработки: https://tproger.ru/translations/organised-web-dev-flow/

[18] Технологические тренды веб-разработки 2019: https://medium.com/webbdev/trands-77d1bc549c4e

[19] Представляем новый элемент HTML — встречайте <clippy>!: https://shkspr.mobi/blog/2019/06/introducing-the-new-html-element-welcome/

[20] Интерактивная анимация HTML письмах: https://emails.hteumeuleu.com/interactive-animation-in-html-email-fde6392d76ea

[21] Когда вы должны использовать Web Workers?: https://staging.dassur.ma/things/when-workers/

[22] 7 абсолютных истин, которые я узнал как Junior разработчик: https://monicalent.com/blog/2019/06/03/absolute-truths-unlearned-as-junior-developer/

[23] Анатомия доступных форм: обязательные поля формы: https://www.deque.com/blog/anatomy-of-accessible-forms-required-form-fields/

[24] Паттерны и стратегии для доступных веб-приложений: https://accessible-app.com/

[25] Google обосновал ограничение API webRequest, используемого блокировщиками рекламы: http://www.opennet.ru/opennews/art.shtml?num=50868

[26] Fullscreen API: Как перейти в полноэкранный режим на iPad Safari: https://www.freecodecamp.org/news/going-fullscreen-on-ipad-safari/

[27] The Layout Instability API: https://web.dev/layout-instability-api/

[28] MediaStream API: https://areknawo.com/js-tidbits-mediastream-api/

[29] Нужны ли препроцессоры в 2019 году: https://medium.com/@lucyhackwrench/%D0%BD%D1%83%D0%B6%D0%BD%D1%8B-%D0%BB%D0%B8-%D0%BF%D1%80%D0%B5%D0%BF%D1%80%D0%BE%D1%86%D0%B5%D1%81%D1%81%D0%BE%D1%80%D1%8B-%D0%B2-2019-%D0%B3%D0%BE%D0%B4%D1%83-727a856d1443

[30] Стиль мышления CSS: https://medium.com/@ABatickaya/css-mindset-a24fdef7156e

[31] Анимированное руководство по CSS flex: https://tproger.ru/translations/flex-properties-on-css/

[32] Итоги ежегодного опроса «The State of CSS 2019»: https://www.freecodecamp.org/news/the-state-of-css-2019-survey-results-are-live/

[33] Стилизация в современных веб-приложениях: https://www.smashingmagazine.com/2019/06/styling-modern-web-apps/

[34] Разрыв строки в терминальном стиле с помощью CSS Text: https://blogs.igalia.com/jfernandez/2019/06/10/a-new-terminal-style-line-breaking-with-css-text/

[35] Опасности функционального CSS: https://www.browserlondon.com/blog/2019/06/10/functional-css-perils/

[36] Почему большинство разработчиков боятся CSS: https://dev.to/steffenpedersen/why-most-developers-fear-css-3h99

[37] Анимация CSS Grid Rows и Columns: https://blog.bitsrc.io/animating-css-grid-rows-and-columns-4b3b0997d06a

[38] every-layout.dev: https://every-layout.dev/

[39] Рисование реалистичных облаков с помощью SVG и CSS: https://css-tricks.com/drawing-realistic-clouds-with-svg-and-css/

[40] Размеры DOM-элемента и CSS-трансформации: https://www.impressivewebs.com/dom-element-dimensions-and-css-transforms/

[41] Делаем таблицы отзывчивыми с помощью небольшого количества CSS: https://bradleytaunt.com/2019/06/11/responsive-tables/

[42] Рассказ о том, почему я до сих пор использую jQuery: https://habr.com/en/company/ruvds/blog/455509/

[43] Протокол для общения между iframe и основным окном браузера: https://habr.com/en/company/waves/blog/455942/

[44] MAM: сборка фронтенда без боли : https://habr.com/ru/post/456288/

[45] Список (продвинутых) вопросов в JavaScript: https://github.com/lydiahallie/javascript-questions

[46] Все, что вам нужно знать о дате в JavaScript: https://css-tricks.com/everything-you-need-to-know-about-date-in-javascript/

[47] Веб-аудио для электрогитары: как подключить инструмент: https://bobrov.dev/blog/web-audio-for-electric-guitar-how-to-connect-instrument/

[48] Что записано в this? Закулисье JavaScript-объектов: https://habr.com/ru/company/ruvds/blog/455527/

[49] Мутировать или иммутировать, вот в чем вопрос: https://blog.logrocket.com/to-mutate-or-immutate/

[50] Анти-паттерн reduce ({...spread}) : https://www.richsnapp.com/blog/2019/06-09-reduce-spread-anti-pattern

[51] Использование Typescript с React – руководство для новичков: https://habr.com/ru/company/otus/blog/456124/

[52] Глубокое погружение в Redux: https://www.sitepoint.com/redux-deep-dive/

[53] Анонс styled-components v5: Режим Зверя: https://medium.com/styled-components/announcing-styled-components-v5-beast-mode-389747abd987

[54] Использование Cypress для написания тестов для React приложений: https://css-tricks.com/using-cypress-to-write-tests-for-a-react-application/

[55] Изучите React хуки, написав свой первый хук: https://buttercms.com/blog/learn-react-hooks-by-writing-your-first-hook

[56] Как использовать JQuery с Angular (когда вам абсолютно необходимо): https://blog.bitsrc.io/how-to-use-jquery-with-angular-when-you-absolutely-have-to-42c8b6a37ff9

[57] Изучение Angular & RxJS: Таймер обратного отсчета: https://medium.com/better-programming/lets-build-rxjs-countdown-in-angular-5768c8b158b8

[58] Все, что вам нужно знать о Ivy, новом движке Angular: https://blog.angularindepth.com/all-you-need-to-know-about-ivy-the-new-angular-engine-9cde471f42cf

[59] Несколько Angular приложений на одной странице: https://medium.com/swlh/multiple-angular-apps-on-a-single-page-9f49bc863177

[60] Углубленный взгляд на ng template в Angular: https://www.freecodecamp.org/news/angular-ngtemplate-in-depth/

[61] Руководство по дифференциальной загрузке в Angular 8: https://auth0.com/blog/angular-8-differential-loading/

[62] Тестирование Vue с Jest: https://webdevblog.ru/testirovanie-vue-s-jest/

[63] Vue 3.0: чего следует ожидать исходя из сообщений от Evan You & Chris Fritz: https://medium.com/vue-mastery/vue-3-0-what-evan-you-chris-fritz-say-you-should-expect-3965a466a12e

[64] Что нового в Nuxt JS 2.8.0: https://blog.bitsrc.io/whats-new-in-nuxt-js-2-8-0-4e2d793d90c0

[65] Ember в 2019 году: избавляемся от «мы и они»: https://www.salsify.com/blog/engineering/ember-in-2019-tearing-down-us-and-them

[66] Улучшение вашего DX на Ember, часть 1: Быстрые победы: https://dockyard.com/blog/2019/06/10/improving-your-dx-on-ember-part-i-quick-wins

[67] #EmberJS2019: Мой список пожеланий: https://medium.com/@abhilashlr/emberjs2019-my-wish-list-c64a99547bff

[68] Руководство по тестированию Ember.js, которое я сделал для себя: https://medium.com/@sarbbottam/the-ember-js-testing-guide-i-made-for-myself-c9a073a0c718

[69] Статические типы в EmberJs?: https://dev.to/jamesbyrne/static-types-in-emberjs-26b7

[70] Pinker.js: http://withouthaste.com/pinker/index.html

[71] Javascript Library Boilerplate Basic: https://github.com/hodgef/js-library-boilerplate-basic

[72] Macro Decorators: https://pzuraq.github.io/macro-decorators/

[73] fuzzyjs — алгоритм с нечёткой логикой поиска в js: https://github.com/gjuchault/fuzzyjs

[74] Полифил для Resize Observer: https://juggle.studio/resize-observer/

[75] Opera разработала первый в мире «геймерский браузер» Opera GX с характерным дизайном, контролем за нагрузкой на процессор и память и другими игровыми функциями: https://itc.ua/news/opera-predstavila-pervyj-v-mire-gejmerskij-brauzer-opera-gx-s-harakternym-dizajnom-kontrolem-za-nagruzkoj-na-proczessor-i-pamyat-i-drugimi-igrovymi-funkcziyami/

[76] Opera, Brave и Vivaldi не будут бороться с блокировщиками рекламы, когда обновится Chromium: https://xakep.ru/2019/06/10/manifest-v3-other-browsers/

[77] Представлены новые логотипы Firefox и связанных с ним сервисов: https://www.opennet.ru/opennews/art.shtml?num=50855

[78] Mozilla хочет внедрить в Firefox платный сервис подписки для доступа к «премиальным» функциям, но сам браузер останется бесплатным: https://itc.ua/news/mozilla-hochet-vnedrit-v-firefox-platnyj-servis-podpiski-dlya-dostupa-k-premialnym-funkcziyam-no-sam-brauzer-ostanetsya-besplatnym/

[79] Бета-версия Google Chrome 76 усложняет использование Flash и упрощает обход Paywall: https://itc.ua/news/beta-versiya-google-chrome-76-uslozhnyaet-ispolzovanie-flash-i-uproshhaet-obhod-paywall/

[80] Microsoft не отказывается от Internet Explorer в Windows 10: https://3dnews.ru/989225

[81] В Firefox 68 появится новый менеджер дополнений: https://www.opennet.ru/opennews/art.shtml?num=50873

[82] В следующей версии Chrome значок Install будет автоматически отображаться в адресной строке, если сайт соответствует критериям PWA: https://developers.google.com/web/updates/2019/06/pwa-install-addressbar

[83] Разработчики Microsoft Edge провели сессию Reddit AMA: https://www.reddit.com/r/IAmA/comments/c094uf/hi_reddit_were_the_team_behind_microsoft_edge_and/

[84] NYTimes прочитали 150 пользовательских соглашений. Выводы неутешительные: https://ain.ua/2019/06/14/nytimes-prochitali-150-polzovatelskix-soglashenij-vyvody-neuteshitelnye/

[85] Представлена новая техника скрытой идентификации системы и браузера: https://www.opennet.ru/opennews/art.shtml?num=50872

[86] Графическому формату GIF — 32 года. Посмотрите на первую «гифку»: https://itc.ua/blogs/graficheskomu-formatu-gif-31-god-posmotrite-na-pervuyu-gifku/

[87] Самые странные разделы Reddit по версии пользователей Reddit: https://tjournal.ru/internet/101481-samye-strannye-razdely-reddit-po-versii-polzovateley-reddit

[88] Google выпустила бесплатную видеоигру Game Builder, которая позволяет создавать 3D-игры в стиле Minecraft, не имея ни малейшего представления о геймдейве: https://itc.ua/news/google-vypustila-besplatnuyu-videoigru-game-builder-kotoraya-pozvolyaet-sozdavat-3d-igry-v-stile-minecraft-ne-imeya-ni-malejshego-predstavleniya-o-gejmdejve/

[89] Apple и Microsoft совместно разработали новое приложение iCloud для Windows 10: https://itc.ua/news/apple-i-microsoft-sovmestno-razrabotali-novoe-prilozhenie-icloud-dlya-windows-10/

[90] Этика ИИ: как относиться к способным мыслить и чувствовать роботам?: https://www.computerra.ru/238642/etika-ii-kak-otnositsya-k-sposobnym-myslit-i-chuvstvovat-robotam/

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

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

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

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

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