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

---

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

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

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

[1] Медиа: #media

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

[3] CSS: #css

[4] Javascript: #js

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

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

[7] Подкаст «Веб-стандарты»: https://medium.com/web-standards/episode-177-2c156a771c3d

[8] Подкаст «devschacht»: https://medium.com/devschacht/nightly-81-a4edd741b3a2

[9] «Repozitorro»: https://www.youtube.com/watch?v=mLHPsdJuHdI

[10] день первый: https://www.youtube.com/watch?v=V95bBGB-89Y&feature=youtu.be

[11] день второй: https://www.youtube.com/watch?v=a5kq-Yk28po&feature=youtu.be

[12] Статический веб: возврат к истокам?: https://habr.com/ru/post/453656/

[13] Как eBay делал сканер штрих-кодов на WebAssembly: https://habr.com/ru/post/453712/

[14] W3C и WHATWG: неужели долгожданный мир?: https://css-live.ru/vecssti-s-polej/w3c-i-whatwg-neuzheli-dolgozhdannyj-mir.html

[15] Начало работы с GraphQL: это довольно просто!: https://levelup.gitconnected.com/getting-started-with-graphql-its-pretty-easy-3ea803426298

[16] How !important are we?: https://christianheilmann.com/2019/05/28/how-important-are-we/

[17] Анонс Cloudflare Image Resizing: упрощение оптимальной доставки изображений: https://blog.cloudflare.com/announcing-cloudflare-image-resizing-simplifying-optimal-image-delivery/

[18] Lighthouse плагин, который помогает измерять значение производительности у реальных пользователей, а не в эмулированной среде.: https://github.com/treosh/lighthouse-plugin-field-performance

[19] Ваш первый бюджет производительности с Lighthouse: https://bitsofco.de/your-first-performance-budget-with-lighthouse/

[20] Self-Host для ваших статических ассетов: https://csswizardry.com/2019/05/self-host-your-static-assets/

[21] 10 полезных советов по реализации Pixel Perfect дизайна во Front-end разработке (на примере работы с редактором Sketch): https://habr.com/en/post/453794/

[22] Entropic — новый распределенный реестр пакетов для Node.js: https://habr.com/ru/post/454506/

[23] Удалённая разработка в VS Code: ваша жизнь никогда не будет прежней: https://habr.com/ru/post/454280/

[24] Что нового в DevTools (Chrome 76): https://developers.google.com/web/updates/2019/05/devtools

[25] Разница между навигацией с клавиатурой и при помощи скринридера: https://tink.uk/the-difference-between-keyboard-and-screen-reader-navigation/

[26] Инструменты измерения доступности цветового контраста: https://css-tricks.com/color-contrast-accessibility-tools/

[27] Исправьте 85% проблем с веб-доступностью с помощью 5 простых шагов: https://dev.to/alvaromontoro/fix-85-of-your-web-accessibility-issues-in-5-easy-steps-pnf

[28] Tabindex: использование редко бывает положительным: https://www.scottohara.me/blog/2019/05/25/tabindex.html

[29] CSS Subgrid новости: https://habr.com/en/post/451514/

[30] Вертикальное и горизонтальное центрирование всего и вся в CSS Flexbox: https://medium.com/@stasonmars/%D0%B2%D0%B5%D1%80%D1%82%D0%B8%D0%BA%D0%B0%D0%BB%D1%8C%D0%BD%D0%BE%D0%B5-%D0%B8-%D0%B3%D0%BE%D1%80%D0%B8%D0%B7%D0%BE%D0%BD%D1%82%D0%B0%D0%BB%D1%8C%D0%BD%D0%BE%D0%B5-%D1%86%D0%B5%D0%BD%D1%82%D1%80%D0%B8%D1%80%D0%BE%D0%B2%D0%B0%D0%BD%D0%B8%D0%B5-%D0%B2%D1%81%D0%B5%D0%B3%D0%BE-%D0%B8-%D0%B2%D1%81%D1%8F-%D0%B2-css-flexbox-fafd369fc71f

[31] Utility-first CSS:: невероятно быстрая разработка интерфейса практически для любого дизайна: https://blog.usejournal.com/utility-first-css-ridiculously-fast-front-end-development-for-almost-every-design-503130d8fefc

[32] Использование метода Grid Shepherd для упорядочивания данных с помощью CSS: https://css-tricks.com/using-the-grid-shepherd-technique-to-order-data-with-css/

[33] Понимание CSS-переменных: https://medium.com/techradiant/understanding-css-variables-a0f956b281e0

[34] Многострочное подчеркивание текста с закругленными краями: https://codepen.io/Ash/pen/WBMxpp

[35] xstyled: https://www.smooth-code.com/open-source/xstyled/

[36] Почему мы предпочитаем кастомные свойства CSS вместо переменных SASS: https://codyhouse.co/blog/post/css-custom-properties-vs-sass-variables

[37] Свойство CSS background-image как анти-паттерн: https://nystudio107.com/blog/the-css-background-image-property-as-an-anti-pattern

[38] API IntersectionObserver и ленивая загрузка изображений: https://habr.com/ru/company/ruvds/blog/453586/

[39] Разрабатываем игру на Svelte 3: https://habr.com/ru/post/452684/

[40] SEO тест: индексация JavaScript-сайтов: https://vc.ru/seo/69857-seo-test-indeksaciya-javascript-saytov

[41] 9 вопросов для получения должности JavaScript-разработчик: https://proglib.io/p/9-js-questions/

[42] Анонс TypeScript 3.5: https://devblogs.microsoft.com/typescript/announcing-typescript-3-5/

[43] Почему я до сих пор использую jQuery в 2019 году: https://arp242.net/jquery.html

[44] Самый быстрый способ рендера DOM: https://medium.com/better-programming/the-fastest-way-to-render-the-dom-e3b226b15ca3

[45] 5 способов преобразовать значение в строку в JavaScript: https://medium.com/dailyjs/5-ways-to-convert-a-value-to-string-in-javascript-6b334b2fc778

[46] Функциональный JavaScript: пять способов вычисления среднего значения с array reduce: https://jrsinclair.com/articles/2019/five-ways-to-average-with-js-reduce/

[47] Реализация приватных переменных в JavaScript: https://css-tricks.com/implementing-private-variables-in-javascript/

[48] Управление стейтом с помощью React Hooks – без Redux и Context API: https://habr.com/ru/company/vk/blog/454348/

[49] Запрос к API c React Hooks, HOC или Render Prop: https://habr.com/ru/post/453866/

[50] Uibook — инструмент для визуального тестирования React-компонентов с медиа-запросами: https://habr.com/ru/post/454176/

[51] Как Fiber сделал React значительно быстрее: https://www.youtube.com/watch?v=4p9ISqIx1zI

[52] React 16 + Three.js, советы по интеграции (2019): https://codeburst.io/react-16-three-js-integration-tips-2019-b6afe19c0b83

[53] Typing React (1) – Основы: https://charlee.li/typeing-react-1-basic/

[54] zoom-level: https://github.com/xobotyi/zoom-level

[55] Возвращаем null из setState в React 16: https://blog.logrocket.com/returning-null-from-setstate-in-react-16-5fdb1c35d457/

[56] Готовьтесь: Angular 8 уже близко: https://habr.com/ru/company/ruvds/blog/453584/

[57] Двустороннее связывание Angular, чуть больше понимания: https://habr.com/ru/post/453696/

[58] Версия 8 Angular — меньшие бандлы, CLI API и согласование с экосистемой: https://blog.angular.io/version-8-of-angular-smaller-bundles-cli-apis-and-alignment-with-the-ecosystem-af0261112a27

[59] Angular & RxJS: обнаружение утечек памяти: https://itnext.io/angular-rxjs-detecting-memory-leaks-bdd312a070a0

[60] Изучение порталов Angular CDK: https://itnext.io/checking-out-angulars-cdk-portals-d34bfd8a5647

[61] Ember.js: The Documentary (Русская версия): https://www.youtube.com/watch?v=7Ym2ADCn77Q&feature=youtu.be

[62] Релиз Ember 3.10 : https://blog.emberjs.com/2019/05/21/ember-3-10-released.html

[63] EmberData — превращаем разочарование в праздник : https://medium.com/@skocadam/ember-data-turn-frustration-into-celebration-52891fdf3df8

[64] Динамические компоненты в Ember : https://dockyard.com/blog/2019/05/21/conditionally-wrapping-components-with-ember-js

[65] Vue.js и SEO: как оптимизировать реактивные сайты для поисковых систем и ботов: https://webdevblog.ru/vue-js-i-seo-kak-optimizirovat-reaktivnye-sajty-dlya-poiskovyh-sistem-i-botov/

[66] Как создать расширение для Chrome с помощью Vue: https://www.sitepoint.com/build-vue-chrome-extension/

[67] Vue.js встречается с bootstrap: представлен новый проект Vootstrap: https://github.com/igormatyushkin014/Vootstrap

[68] Классы компонентов во Vue отклонены: https://scotch.io/bar-talk/class-components-in-vue-are-no-longer-happening

[69] tiptap: расширяемый редактор форматированного текста для Vue.js: https://github.com/scrumpy/tiptap

[70] Представлен Zdog 1.0, псевдо-3D движок для Web, использующий Canvas и SVG: http://www.opennet.ru/opennews/art.shtml?num=50777

[71] atomico: https://github.com/atomicojs/atomico

[72] Scene.js: https://github.com/daybrush/scenejs

[73] pickr: простая и расширяемая библиотека для добавления пипетки с выбором цвета, без jQuery зависимости: https://github.com/Simonwep/pickr

[74] Как включить тёмную тему в Chrome на Android: https://itc.ua/blogs/kak-vklyuchit-tyomnuyu-temu-v-chrome-na-android/

[75] Google продолжает настаивать на ограничении API, востребованного в блокировщиках рекламы: http://www.opennet.ru/opennews/art.shtml?num=50781

[76] Волна вредоносных дополнений в каталоге Firefox, прикрывающихся Adobe Flash: http://www.opennet.ru/opennews/art.shtml?num=50775

[77] Представлен менеджер паролей Firefox Lockwise: http://www.opennet.ru/opennews/art.shtml?num=50790

[78] Tor Browser — первая стабильная версия анонимного браузера для Android : https://prostotech.com/softnews/10506-tor-browser-pervaya-stabilnaya-versiya-anonimnogo-brauzera-dlya-android.html

[79] В Google Chrome теперь можно переопределять геолокацию для тестирования сайтов: https://www.searchengines.ru/geo-override.html

[80] Google заставляет пользователей Microsoft Edge Preview использовать Chrome для полноценной работы YouTube: https://www.thurrott.com/google/207371/google-now-forces-microsoft-edge-preview-users-to-use-chrome-for-the-modern-youtube-experience

[81] До Netscape: забытые веб-браузеры начала 1990-х: https://arstechnica.com/information-technology/2019/05/before-netscape-forgotten-web-browsers-of-the-early-1990s/

[82] С июля Google будет индексировать новые сайты по мобильным версиям: https://ain.ua/2019/05/29/s-iyulya-google-budet-indeksirovat-novye-sajty-po-mobilnym-versiyam/

[83] Все, что Google отслеживает о вас — и как это остановить: https://ain.ua/2019/05/29/google-sledit-za-toboj-2/

[84] Microsoft делает преобразование текста в речь более доступным и вместе с Alphabet X открывает обучающие курсы по квантовым вычислениям: https://itc.ua/news/microsoft-delaet-preobrazovanie-teksta-v-rech-bolee-dostupnym-i-vmeste-s-alphabet-x-otkryvaet-obuchayushhie-kursy-po-kvantovym-vychisleniyam/

[85] Взвесить слона без весов: Рид Хоффман о собеседованиях в Кремниевой долине и важности обучения: https://vc.ru/hr/70046-vzvesit-slona-bez-vesov-rid-hoffman-o-sobesedovaniyah-v-kremnievoy-doline-i-vazhnosti-obucheniya

[86] Прогнозы экспертов: лучшие и худшие варианты развития событий в конфликте Huawei и США: https://vc.ru/tech/69999-prognozy-ekspertov-luchshie-i-hudshie-varianty-razvitiya-sobytiy-v-konflikte-huawei-i-ssha

[87] Microsoft описала видение будущего Windows: «невидимые» фоновые обновления, облачные приложения и поддержка 5G: https://vc.ru/tech/69701-microsoft-opisala-videnie-budushchego-windows-nevidimye-fonovye-obnovleniya-oblachnye-prilozheniya-i-podderzhka-5g

[88] Большая чистка: из стандартной библиотеки Python удалят множество модулей: https://infostart.ru/journal/news/tekhnologii/bolshaya-chistka-iz-standartnoy-biblioteki-python-udalyat-mnozhestvo-moduley_1069809/

[89] Новости WP: Запуск Gutenberg Block Kit на Glitch: https://developer.wordpress.com/2019/05/29/launching-gutenberg-block-kit-on-glitch/

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

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

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

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

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