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

---

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

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

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

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

[2] CSS: #css

[3] Javascript: #js

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

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

[6] У дизайнера новая идея? Что может быть проще: https://habr.com/en/post/438834/

[7] Обзорная статья по A-Frame: https://habr.com/ru/post/439416/

[8] Что можно узнать при разработке аудио плеера для разных браузеров: https://habr.com/ru/post/438952/

[9] Play Store теперь принимает прогрессивные веб-приложения (PWA): https://habr.com/en/post/439238/

[10] Как быстро создать десктопное приложение на HTML, CSS и JavaScript: https://medium.com/web-standards/desktop-app-5b9f008966cd

[11] Где вы изучаете HTML и CSS в 2019 году?: https://css-tricks.com/where-do-you-learn-html-css-in-2019/

[12] PWA на iOS 12.2 beta: хорошее, плохое и «еще не уверен, хорошое»: https://medium.com/@firt/pwas-on-ios-12-2-beta-the-good-the-bad-and-the-not-sure-yet-if-good-a37b6fa6afbf

[13] CSS и производительность сети: https://css-live.ru/articles/css-i-proizvoditelnost-seti.html

[14] Google: показатель PageSpeed Insights может меняться независимо от изменений на сайте: https://www.searchengines.ru/pagespeed-score.html

[15] Рендеринг в вебе: https://developers.google.com/web/updates/2019/02/rendering-on-the-web

[16] GTMetrix — Как использовать GTMetrix для анализа и повышения скорости сайта: https://onextrapixel.com/gtmetrix-how-to-use-gtmetrix-to-analyze-and-boost-website-speed/

[17] Как время загрузки страницы влияет на доход вашего сайта?: https://www.machmetrics.com/speed-blog/how-does-page-load-time-affect-your-site-revenue/

[18] Делаем Google Шрифты Быстрее: https://medium.com/clio-calliope/making-google-fonts-faster-aadf3c02a36d

[19] Список инструментов разработчика JavaScript: https://tproger.ru/translations/javascript-tool-list/

[20] Новые функции в Webpack 5: https://blog.logrocket.com/new-features-in-webpack-5-2559755adf5e

[21] git-history: быстрый просмотр истории любого GitHub файла: https://github.com/pomber/git-history

[22] Пожалуйста, прекратите создавать недоступные формы (и как их исправить): https://blog.kentcdodds.com/please-stop-building-inaccessible-forms-and-how-to-fix-them-72c59e2729c6

[23] Возвращаясь к элементу abbr: https://bitsofco.de/revisiting-the-abbr-element/

[24] Ссылки, которые никуда не ведут, должны быть кнопками: https://christianheilmann.com/2019/02/05/links-that-dont-go-anywhere-should-be-buttons/

[25] The “C” Is For Accessibility: https://vimeo.com/312101489

[26] SVG фильтры 101: https://habr.com/en/post/439282/

[27] Эффекты фильтров SVG: контурный текст при помощи feMorphology: https://habr.com/ru/post/439722/

[28] Эффект искажения текста с помощью Blotter.js: https://tympanus.net/codrops/2019/02/06/text-distortion-effects-using-blotter-js/

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

[30] Пузырная анимация текста с помощью SVG и Text Clipping: https://css-tricks.com/animate-blob-text-with-svg-text-clipping/

[31] Telegram опять раздаёт деньги за разработку простых шаблонов CSS: https://habr.com/en/post/438926/

[32] Новые логические свойства в CSS!: https://medium.com/@ABatickaya/logical-css-props-c5046c563640

[33] Руководство по CSS Support в браузерах: https://www.smashingmagazine.com/2019/02/css-browser-support/

[34] Использование малоизвестной функции CSS element () для создания навигационной мини-карты: https://css-tricks.com/using-the-little-known-css-element-function-to-create-a-minimap-navigator

[35] Буквы на чистом CSS, плохая, но забавная идея: https://kennethormandy.com/journal/pure-css-lettering-a-bad-and-fun-idea/

[36] Классика: как создать бьющееся сердце на чистом CSS для вашей валентинки: https://medium.freecodecamp.org/how-to-create-a-beating-heart-with-pure-css-for-your-valentine-2aeb05e2d36e

[37] Единственная причина, по которой ваш CSS не работает: https://blog.logrocket.com/the-only-reason-your-css-fails-8e4388d562af

[38] Создание современной карусели с CSS scroll snap, плавной прокруткой и pinch-zoom: https://nolanlawson.com/2019/02/10/building-a-modern-carousel-with-css-scroll-snap-smooth-scrolling-and-pinch-zoom/

[39] Position: stuck; — и способ это исправить: https://uxdesign.cc/position-stuck-96c9f55d9526

[40] HTML-слайдер без фреймворков, просто CSS: https://www.chenhuijing.com/blog/html-slides-without-frameworks/

[41] Что нового в JavaScript ES2019: https://habr.com/ru/post/439532/

[42] Новые функции JavaScript, которые изменят то, как вы пишете Regex: https://www.smashingmagazine.com/2019/02/regexp-features-regular-expressions/

[43] Как справиться с пятью распространенных задачами на интервью по JavaScript: https://www.sitepoint.com/5-common-coding-interview-challenges/

[44] React vs. Vue (Todo App) на примере: https://medium.com/js-dojo/react-vs-vue-exact-todo-app-comparison-by-example-14cc56efc5e5

[45] 7 шаблонизаторов JavaScript с примерами кода: https://www.developerdrive.com/2019/02/best-javascript-templating-engines/

[46] Нуждаемся ли мы все еще в JavaScript-фреймворках?: https://medium.freecodecamp.org/do-we-still-need-javascript-frameworks-42576735949b

[47] Первые мысли о Deno, JavaScript/TypeScript, выполняющегося на лету: https://43081j.com/2019/01/first-look-at-deno

[48] Обфусцированный javascript, мошеннические электронные письма и American Express: https://blog.jonlu.ca/posts/deobfuscating-amex-scammer

[49] Точная оценка времени чтения статей на Medium в JavaScript: https://medium.freecodecamp.org/how-to-more-accurately-estimate-read-time-for-medium-articles-in-javascript-fb563ff0282a

[50] Как обнаружить последовательность нажатий клавиш в JavaScript: https://medium.com/javascript-in-plain-english/how-to-detect-a-sequence-of-keystrokes-in-javascript-83ec6ffd8e93

[51] Анимируйте ваши цифры как Робингуд: https://blog.usejournal.com/animate-your-digits-like-robinhood-2fd3e24bdc16

[52] Подробности о JavaScript-объектах: https://habr.com/en/company/ruvds/blog/438794/

[53] Разбираемся с асинхронностью в JavaScript [Перевод статьи Sukhjinder Arora]: https://habr.com/ru/post/439620/

[54] Работа с часовыми поясами в JavaScript : https://habr.com/ru/company/mailru/blog/438286/

[55] Как работают генераторы в JavaScript.: https://medium.freecodecamp.org/yield-yield-how-generators-work-in-javascript-3086742684fc

[56] Мастер JavaScript: как дела с ‘this’?: https://itnext.io/javascript-wizard-whats-up-with-this-92ca309172d6

[57] русским переводом: https://github.com/reactjs/ru.reactjs.org/blob/master/TRANSLATION.md

[58] Ден Абрамов: https://twitter.com/dan_abramov/status/1094334802147401728

[59] украинский язык: https://github.com/reactjs/reactjs.org-translation/pull/18

[60] Is React Translated Yet?: https://www.isreacttranslatedyet.com/

[61] React & БЭМ – официальная коллаборация. Часть историческая: https://habr.com/en/company/yandex/blog/438598/

[62] Redux. Простой как грабли: https://habr.com/ru/post/439104/

[63] Релиз React v16.8: того самого, который с хуками: https://reactjs.org/blog/2019/02/06/react-v16.8.0.html

[64] Как загрузить данные в React с помощью redux-thunk, redux-saga, susse, & hooks: https://medium.freecodecamp.org/loading-data-in-react-redux-thunk-redux-saga-suspense-hooks-666b21da1569

[65] Как начать работу с React Hooks: контролируемые формы: https://medium.com/the-andela-way/how-to-get-started-with-react-hooks-controlled-forms-9b47e9fb8c8d

[66] React как пользовательский интерфейс: https://overreacted.io/react-as-a-ui-runtime/

[67] Глобальное управление состоянием в React без бойлерплейта: https://medium.com/swlh/no-boilerplate-global-state-management-in-react-907589d9554f

[68] Создание онлайн-панели мониторинга в React: https://scotch.io/tutorials/building-an-online-retail-dashboard-in-react

[69] Релиз Vue 2.6 : https://medium.com/the-vue-point/vue-2-6-released-66aa6c8e785e

[70] Что значат хуки для Vue: https://css-tricks.com/what-hooks-mean-for-vue/

[71] Производительность в Vue — часть 2: https://medium.com/vuetify/productivity-in-vue-part-2-1dc209062cae

[72] Vuethereum: библиотека Vue, которую заслуживает Ethereum : https://blog.matryx.ai/vuethereum-the-vue-library-ethereum-deserves-de5dc66f1839

[73] Новое в Vue: ES Module Browser Build: https://vuejsdevelopers.com/2019/02/04/vue-es-module-browser-build/

[74] Оптимизация производительности приложения Vue.js: часть 2 — Lazy loading routes и вендорный bundle anti-pattern: https://itnext.io/vue-js-app-performance-optimization-part-2-lazy-loading-routes-and-vendor-bundle-anti-pattern-4a62236e09f9

[75] The Need for Speed: не маршрутизируемые модули с ленивой загрузкой в Angular : https://netbasal.com/the-need-for-speed-lazy-load-non-routable-modules-in-angular-30c8f1c33093

[76] Планы на версию 8.0 и Ivy: https://blog.angular.io/a-plan-for-version-8-0-and-ivy-b3318dfc19f7

[77] Раскройте силу форм с помощью Angular’s Reactive Forms: https://blog.angularindepth.com/unleash-the-power-of-forms-with-angulars-reactive-forms-d6be5918f408

[78] Как реализовать локализацию в Angular с помощью инструментов i18n: https://medium.freecodecamp.org/how-to-implement-localization-in-angular-using-i18n-tools-a88898b1a0d0

[79] MiniSearch: https://lucaong.github.io/minisearch/

[80] uppy: https://github.com/transloadit/uppy

[81] timetable-fns: полезные утилиты для работой с датами и временем в расписаниях: https://github.com/flightplan-tool/timetable-fns

[82] x-spreadsheet: эксель таблицы на JavaScript : https://github.com/myliang/x-spreadsheet

[83] Новое в браузерах: Firefox 66 по умолчанию блокирует видео и звук, Chromium ограничивает бюджет страниц: https://habr.com/en/company/globalsign/blog/439118/

[84] В Firefox 67 ожидается блокировщик скриптов для майнинга и скрытой идентификации: https://www.opennet.ru/opennews/art.shtml?num=50094

[85] Для Firefox развивается режим строгой изоляции страниц: https://www.opennet.ru/opennews/art.shtml?num=50106

[86] Microsoft просит перестать использовать Internet Explorer: https://shazoo.ru/2019/02/09/75821/microsoft-prosit-perestat-ispolzovat-interner-explorer

[87] Opera добавила VPN в браузер для Android: https://vc.ru/services/57974-opera-dobavila-vpn-v-brauzer-dlya-android

[88] Для Chrome реализован режим экономии ресурсов: http://www.opennet.ru/opennews/art.shtml?num=50104

[89] Из браузера Safari убирают функциональность Do Not Track: https://xakep.ru/2019/02/07/safari-dnt/

[90] Canary-сборка Chrome 74 для Windows 10 и macOS теперь сама переходит на тёмную тему, если таковая включена в настройках системы: https://9to5google.com/2019/02/07/google-chrome-dark-mode-windows-macos-respect/

[91] Империя Amazon — список всех подразделений онлайн-гиганта: https://ain.ua/2019/01/03/chto-est-amazon/

[92] Как Салман Хан создал Khan Academy и получил миллионы долларов инвестиций: https://mel.fm/obrazovaniye/8420361-khan_academy

[93] Microsoft добавила в Skype размытие фона для видеозвонков: https://itc.ua/news/microsoft-dobavila-v-skype-razmyitie-zadnego-fona-dlya-videozvonkov/

[94] Блокчейн – следующий этап эволюции интеграций: https://www.computerra.ru/234853/blokchejn-sleduyushhij-etap-evolyutsii-integratsij/

[95] Facebook — 15 лет: вот 15 событий, которые определили будущее соцсети: https://ain.ua/2019/02/05/facebook-ispolnilos-15-let/

[96] Сотрудники Facebook создали игру, которая позволит проверить, какой ты UI-дизайнер: https://ain.ua/2019/02/10/kakoj-ty-ui-dizajner/

[97] Проблему точек в адресах Gmail все еще используют хакеры: https://xakep.ru/2019/02/06/dot-accounts/

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

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

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

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

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