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

---

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

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

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

[1] Медиа: #media

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

[3] CSS: #css

[4] Javascript: #js

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

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

[7] Подкаст CSSSR:: https://soundcloud.com/csssr/novosti-512-25-let-php-github-actions-dizayn-css-i-optimizatsiya-instagram

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

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

[10] «Repozitorro» #24: https://www.youtube.com/watch?v=O-WZjXod37U

[11] Подкаст «Веб-стандарты»: https://medium.com/web-standards/episode-187-b581c5d9dd8e

[12] Now Live: Your SmashingConf Toronto Playlist: https://www.smashingmagazine.com/2019/08/smashingconf-toronto-2019-video/

[13] Фантастические веб-спецификации и где они обитают: https://css-live.ru/css/fantasticheskie-veb-specifikacii-i-gde-oni-obitayut.html

[14] Простое введение в Web Workers в JavaScript: https://medium.com/young-coder/a-simple-introduction-to-web-workers-in-javascript-b3504f9d9d1c

[15] Создание интерактивных оптимизированных электронных писем с помощью AMP Framework от Google: https://designmodo.com/amp-emails/

[16] Почему современная веб-разработка так сложна? Длинное, но поспешное объяснение: часть 1: https://www.vrk.dev/2019/07/11/why-is-modern-web-development-so-complicated-a-long-yet-hasty-explanation-part-1/

[17] Что лучше: программа лояльности PWA или мобильное приложение?: https://www.smashingmagazine.com/2019/08/loyalty-program-pwa-or-mobile-app/

[18] Contact Picker API: https://developers.google.com/web/updates/2019/08/contact-picker

[19] Блеск Mavo при создании интерактивных веб-приложений: https://css-tricks.com/let-mavo-shine-in-building-interactive-web-applications/

[20] Особенности Google PageSpeed: улучшение оценки сайта и его рейтинга в поиске: https://habr.com/en/company/ruvds/blog/462005/

[21] Largest Contentful Paint (LCP): https://web.dev/largest-contentful-paint/

[22] Time to First Byte: что это такое и почему это важно: https://csswizardry.com/2019/08/time-to-first-byte-what-it-is-and-why-it-matters/

[23] Нативная ленивая загрузка в вебе: https://web.dev/native-lazy-loading

[24] Нативный Lazy-Loading уже работает в Chrome 76!: https://scotch.io/bar-talk/native-lazy-loading-launched-on-chrome-76

[25] Установите сетевые подключения заранее, для улучшения воспринимаемой скорости страницы: https://web.dev/preconnect-and-dns-prefetch/

[26] Высокопроизводительная обработка инпута в вебе: https://nolanlawson.com/2019/08/11/high-performance-input-handling-on-the-web/

[27] 5 полезных плагинов для webpack: https://habr.com/ru/company/constanta/blog/461105/

[28] Руководство по горячим клавишам Visual Studio Code, для более высокой продуктивности и 30 моих любимых сокращений, которые стоит выучить: https://dev.to/lampewebdev/the-guide-to-visual-studio-code-shortcuts-higher-productivity-and-30-of-my-favourite-shortcuts-you-need-to-learn-mb3

[29] SVG Gobbler: https://github.com/rossmoody/svg-gobbler

[30] Web Accessibility vs. Usability: https://www.telerik.com/blogs/web-accessibility-vs-usability

[31] Неожиданные советы по доступности: https://www.cjcid.com/articles/unexpected-a11y-tips/

[32] Эффект оставления следов изображениями при движении мыши: https://tympanus.net/codrops/2019/08/07/image-trail-effects/

[33] Подобка впечатляющих сайтов Inspirational Websites Roundup #7: https://tympanus.net/codrops/2019/08/06/inspirational-websites-roundup-7/

[34] Как создать веб-анимацию с Anime.js: https://www.sitepoint.com/get-started-anime-js/

[35] Пользовательские CSS-атрибуты как механизм передачи данных из JavaScript в CSS: https://css-live.ru/articles/polzovatelskie-css-atributy-kak-mexanizm-peredachi-dannyx-iz-javascript-v-css.html

[36] Writing Modes и CSS Layout: https://www.smashingmagazine.com/2019/08/writing-modes-layout/

[37] Изучение CSS, читая спецификации: https://www.chenhuijing.com/blog/learning-css-by-reading-specifications/

[38] Client-side JS Redirects: может ли робот Googlebot их обнаружить?: https://www.youtube.com/watch?v=_SDIN0KiQp4&list=PLKoqnv2vTMUM9wKeb-Gvm8bgpFM72yiXw&index=5&linkId=71744213

[39] Обработка неиспользуемого CSS в SASS для повышения производительности: https://www.smashingmagazine.com/2019/08/handling-unused-css-sass-performance/

[40] CSS :empty Selector: https://dev.to/samanthaming/css-empty-selector-b6f

[41] Еженедельные новости платформы: CSS font-style: oblique, webhin browser extension, CSS Modules V1: https://css-tricks.com/weekly-platform-news-css-font-style-oblique-webhin-browser-extension-css-modules-v1/

[42] Принципы дизайна для разработчиков: процессы и советы по CSS для лучшего веб-дизайна: https://css-tricks.com/design-principles-for-developers-processes-and-css-tips-for-better-web-design/

[43] Перемещение текста по изогнутой траектории: https://css-tricks.com/moving-text-on-a-curved-path/

[44] 5 классных CSS Grid генераторов для ваших раскладок: https://www.sitepoint.com/css-grid-generators/

[45] Субпиксельный рендеринг и границы: https://www.chenhuijing.com/blog/about-subpxiel-rendering-in-browsers/

[46] Как я не занял первое место в конкурсе для JavaScript-разработчиков от Telegram: https://habr.com/ru/company/lanit/blog/460625/

[47] Современный учебник JavaScript: https://learn.javascript.ru/

[48] Как реализовать Drag & Drop для HTML элементов и файлов с помощью Javascript: https://medium.com/@ReeOnTheWeb/how-to-drag-drop-html-elements-and-files-using-javascript-d31d15279369

[49] Создание моего первого приложения на Svelte: мысли и впечатления: https://scotch.io/tutorials/building-my-first-svelte-app-thoughts-and-impressions

[50] Часто задаваемые вопросы о системах типов: https://habr.com/ru/company/ruvds/blog/462481/

[51] Defined or Undefined? Нюансы создания массивов в JavaScript: https://habr.com/ru/post/463041/

[52] Использование let объявлений переменных и особенности образуемых при этом замыканий в JavaScript: https://habr.com/ru/post/462971/

[53] Design Patterns #1 — Singleton (Одиночка): https://www.youtube.com/watch?v=GrYs0qDQEp0

[54] Работаем с ECMAScript 2019 Asynchronous Iteration с помощью for-of: https://medium.com/better-programming/working-with-ecmascript-2019-asynchronous-iteration-using-for-of-b9d3e14621ea

[55] Intl.NumberFormat: https://v8.dev/features/intl-numberformat

[56] Интересные варианты использования битовых операторов JavaScript: https://blog.logrocket.com/interesting-use-cases-for-javascript-bitwise-operators/

[57] JavaScript Promise комбинаторы: .all(), .race(), .allSettled(): https://2ality.com/2019/08/promise-combinators.html

[58] Анимированное руководство по базовым механизмам React: https://habr.com/ru/company/ruvds/blog/463069/

[59] Релиз React v16.9.0 и обновление дорожной карты: https://reactjs.org/blog/2019/08/08/react-v16.9.0.html#an-update-to-the-roadmap

[60] Что нового в React v16.9: https://alligator.io/react/whats-new-in-react-16.9/

[61] Как работает Development Mode Work?: https://overreacted.io/how-does-the-development-mode-work/

[62] Создание мобильных приложений с Ionic и React: https://www.smashingmagazine.com/2019/08/building-mobile-apps-ionic-react/

[63] useEffect или useLayoutEffect на простом доступном языке: https://blog.logrocket.com/useeffect-vs-uselayouteffect/

[64] Использование Immer для управлением состоянием React приложения: https://css-tricks.com/using-immer-for-react-state-management/

[65] Создание SPA на Vue.js поверх Headless WordPress: https://webdevblog.ru/sozdanie-spa-na-vue-js-poverh-headless-wordpress/

[66] Как настроить среду разработки для Vue: https://www.sitepoint.com/vue-development-environment/

[67] Модификация данных компонента с помощью источников событий во Vue.js: https://blog.logrocket.com/modifying-component-data-with-event-emitters-in-vue-js/

[68] Получая больше от асинхронных Vue компонентов: https://logaretm.com/blog/getting-more-out-of-vue-async-components/

[69] Использование функции async-await в Angular: https://medium.com/@balramchavan/using-async-await-feature-in-angular-587dd56fdc77

[70] Асинхронные модули и компоненты в Angular Ivy: https://blog.angularindepth.com/asynchronous-modules-and-components-in-angular-ivy-1c1d79d45bd3

[71] На пути к Angular 9: три исправленных ошибки в Angular 9: https://helpdev.eu/on-the-way-to-angular-9-three-bugfixes-in-angular-9/

[72] Как обмениваться Angular компонентами между проектами и приложениями: https://blog.bitsrc.io/how-to-share-angular-components-between-project-and-apps-5eb0600d99d2

[73] sharec: https://github.com/lamartire/sharec/

[74] Frosted Panel: https://github.com/cryptodescriptor/frosted-panel

[75] murphyjs: простой способ реализовать анимацию, основанную на прокрутке, в ваших компонентах.: https://github.com/cesarolvr/murphyjs

[76] Найден метод для определения просмотра в режиме инкогнито в Chrome 76: http://www.opennet.ru/opennews/art.shtml?num=51226

[77] В Chrome 78 Canary тестируется функция принудительного тёмного режима для всех сайтов: https://tproger.ru/news/chrome-78-canary-dark-mode/

[78] В ночные сборки Firefox добавлен режим строгой изоляции страниц: http://www.opennet.ru/opennews/art.shtml?num=51263

[79] Заметки к релизу Safari Technology Preview 89: https://webkit.org/blog/9497/release-notes-for-safari-technology-preview-89/

[80] Атака на системы фронтэнд-бэкенд, позволяющая вклиниться в сторонние запросы: http://www.opennet.ru/opennews/art.shtml?num=51242

[81] Google выделила подкасты в результатах поиска: https://vc.ru/media/78679-google-vydelila-podkasty-v-rezultatah-poiska

[82] Huawei официально представила распределённую операционную систему HarmonyOS: https://itc.ua/news/huawei-oficzialno-predstavila-raspredelyonnuyu-operaczionnuyu-sistemu-harmonyos/

[83] В процессорах выявлена новая уязвимость, обходящая защиту против Spectre и Meltdown: https://3dnews.ru/992074/#5d4bc747b4182e61248b457e

[84] Подрядчики Microsoft прослушивают некоторые разговоры пользователей Skype: https://xakep.ru/2019/08/08/not-so-private-skype/

[85] Придумать популярную игру, но не заработать на ней: история «Тетриса» и его изобретателя : https://vc.ru/story/78735-pridumat-populyarnuyu-igru-no-ne-zarabotat-na-ney-istoriya-tetrisa-i-ego-izobretatelya

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

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

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

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

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