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

---

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

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

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

[1] Медиа: #media

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

[3] CSS: #css

[4] Javascript: #js

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

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

[7] #87 – Михаил Трошев о том, как эффективно руководить распределённой командой в Яндексе: https://soundcloud.com/frontend-weekend/fw-87

[8] Новости 512 — Выпуск №34 (14.01 — 20.01): https://soundcloud.com/csssr/novosti-512-vypusk-34-1401-2001

[9] «Макаронный монстр из полосок и шейдеров»: https://www.youtube.com/watch?v=esgRzxghD0Q

[10] Видео с Odessa Frontend MeetUps #7-9: https://dou.ua/forums/topic/25966/

[11] Electron: разработка настольных приложений с использованием HTML, CSS и JavaScript: https://habr.com/ru/company/ruvds/blog/436466/

[12] 12 странных вещей, которые могут произойти после установки npm пакета: https://habr.com/ru/post/436132/

[13] Типы инпутов в HTML5: что сейчас с ними?: https://www.smashingmagazine.com/2019/01/html5-input-types/

[14] Новичок в JAMstack? Все, что нужно знать для начала работы с ним: https://snipcart.com/blog/jamstack

[15] Веб-стандарты: что, почему и как: https://www.smashingmagazine.com/2019/01/web-standards-guide/

[16] Лучше один раз увидеть, чем сто раз услышать, лица и штрих-коды — Shape Detection API: https://developers.google.com/web/updates/2019/01/shape-detection

[17] Почему GraphQL выигрывает у традиционных API: https://webapplog.com/graphql/

[18] GraphQL: руководство для начинающих: https://vanillaweb.ru/graphql-tutorial-dlja-nachinaushih/

[19] Использование функции аудита Chrome DevTools для измерения и оптимизации производительности (часть 1): https://medium.com/chingu/using-the-chrome-devtools-audit-feature-to-measure-and-optimize-performance-part-1-868a20bbfde8

[20] Как использовать Chrome Dev Tools для поиска узких мест в производительности: https://scotch.io/tutorials/how-to-use-chrome-dev-tools-to-find-performance-bottlenecks

[21] Как повышение производительности сайта может помочь спасти планету: https://www.smashingmagazine.com/2019/01/save-planet-improving-website-performance/

[22] Что такое Client Hints и стоит ли их использовать: https://www.keycdn.com/blog/client-hints

[23] Оптимизация рендеринга в браузере для фронтенд-разработки: https://scotch.io/tutorials/browser-rendering-optimizations-for-frontend-development

[24] Puppeteer для краулинга страниц сайта и сохранения их в Markdown: https://medium.com/web-standards/puppeteer-crawl-to-markdown-7752dff36b68

[25] STAR (Design Systems + TypeScript + Apollo GraphQL + React): новое поколение фронтенд-инструментария для разработки: https://css-tricks.com/star-apps-a-new-generation-of-front-end-tooling-for-development-workflows/

[26] Как перейти на Gulp.js 4.0: https://www.sitepoint.com/how-to-migrate-to-gulp-4/

[27] wpk — продвинутый, но интуитивно понятный неофициальный CLI для webpack: https://github.com/wpk-cli/wpk

[28] Визуализатор кода функций с экспортом в SVG: https://crubier.github.io/code-to-graph/

[29] Как разрабатывать макеты сайтов для скринридеров: https://medium.freecodecamp.org/how-to-design-website-layouts-for-screen-readers-347b7b06e9cc

[30] Почему внедрение веб-доступности продолжает терпеть неудачу: https://medium.com/@maxvanderschee/why-the-adoption-of-web-accessibility-keeps-failing-e78fe4c94149

[31] Большая судебная победа веб-доступности в деле Domino’s Pizza: https://www.lflegal.com/2019/01/dominos-ninth-circuit/

[32] Продвинутый Three.js: шейдерные материалы и постобработка: https://habr.com/ru/post/436482/

[33] Руководство по созданию множества интерактивных частиц на Three.js: https://tympanus.net/codrops/2019/01/17/interactive-particles-with-three-js/

[34] Как создать глитч-эффект для текста и изображений в CSS: https://www.creativebloq.com/how-to/how-to-create-glitch-text-and-image-effects-in-css

[35] SVG Filters 101: https://tympanus.net/codrops/2019/01/15/svg-filters-101/

[36] Как CSS специфичность работает в браузере: https://habr.com/ru/post/436610/

[37] Создание WEB компонента для управления звуковым каналом | Нестандартный подход к применению CSS Grid: https://www.youtube.com/watch?v=f62kjyAIqLA

[38] Анимация CSS Grid Layout, что мы имеем?: https://medium.com/@sergeytovarov/css-grid-animation-c8145a7a7cdf

[39] Та же история, только с CSS: https://medium.com/web-standards/css-vs-js-same-story-62627d40babe

[40] Насколько хорошо вы знаете CSS Layout?: https://css-tricks.com/how-well-do-you-know-css-layout/

[41] Использование псевдокласса: lang с селектором атрибута lang для языковых стилей: https://bitsofco.de/use-the-lang-pseudo-class-over-the-lang-attribute-for-language-specific-styles/

[42] 2019 CSS Wishlist: https://css-tricks.com/2019-css-wishlist/

[43] В защиту Utility-First CSS: https://frontstuff.io/in-defense-of-utility-first-css

[44] Полное руководство по SCSS / SASS: https://medium.com/@js_tut/the-complete-guide-to-scss-sass-49ac053fcde5

[45] Переносим 30 000 строк кода с Flow на TypeScript: https://habr.com/ru/post/436554/

[46] Learn Vanilla JS: https://learnvanillajs.com/

[47] Анимация URL с помощью Javascript и Emojis: http://matthewrayfield.com/articles/animating-urls-with-javascript-and-emojis/

[48] Как удалить неиспользуемый код с помощью DevTools: https://web.dev/fast/remove-unused-code

[49] Vue vs React: выбор лучшего инструмента для вашего проекта в 2019 году: https://www.codica.com/blog/react-vs-vue-2019/

[50] Как удалить дубликаты массивов в ES6: https://medium.com/dailyjs/how-to-remove-array-duplicates-in-es6-5daa8789641c

[51] Почему я перестал экспортировать дефолтные значения из моих JavaScript-модулей : https://humanwhocodes.com/blog/2019/01/stop-using-default-exports-javascript-module/

[52] Мутирует ли метод данные : https://doesitmutate.xyz/

[53] JavaScript: вопросы и ответы: https://habr.com/ru/company/ruvds/blog/436454/

[54] Краткая история JavaScript. Часть 3: https://medium.com/webbdev/js-856ffaf2469c

[55] Модули JavaScript: от IIFE до CommonJS и ES6: https://tylermcginnis.com/javascript-modules-iifes-commonjs-esmodules/

[56] Практическое руководство по написанию более функционального JavaScript: https://medium.freecodecamp.org/a-practical-guide-to-writing-more-functional-javascript-db49409f71

[57] Работа с часовыми поясами в JavaScript: https://medium.com/@toastui/handling-time-zone-in-javascript-547e67aa842d

[58] Переиспользуемые инпуты форм в React. Просто и гибко!: https://medium.com/moment-team/reusable-form-inputs-in-react-simple-and-flexible-d42fac20e451

[59] Введение в React Hooks: https://css-tricks.com/intro-to-react-hooks/

[60] Использование React Portals для отрисовки дочерних элементов вне иерархии DOM: https://css-tricks.com/using-react-portals-to-render-children-outside-the-dom-hierarchy/

[61] Как создать прогрессивное веб-приложение на React-е (PWA): https://blog.bitsrc.io/how-to-build-a-react-progressive-web-application-pwa-b5b897df2f0a

[62] Добавляем поддержку мультиязычности в Angular: https://www.creativebloq.com/how-to/add-multi-language-support-to-angular

[63] Как настроить Webpack 4 с Angular 7: полное руководство: https://medium.freecodecamp.org/how-to-configure-webpack-4-with-angular-7-a-complete-guide-9a23c879f471

[64] Angular, Autoprefixer, IE11, и CSS Grid заходят в бар...: https://daverupert.com/2019/01/angular-autoprefixer-ie11-and-css-grid-walk-into-a-bar/

[65] Управление состоянием приложений в Angular используя Firebase: https://www.toptal.com/angular/state-management-in-angular-using-firebase

[66] Плюсы и минусы выбора Angular для разработки веб приложений: http://ddi-dev.com/blog/programming/pros-and-cons-of-angular-web-app-development/

[67] 8 худших вопросов на собеседовании по Vue.js: https://habr.com/ru/company/constanta/blog/435700/

[68] Vue RFCs (request for comments) : https://github.com/vuejs/rfcs

[69] Проектирование Progressive Web App с использованием Vue CLI 3: https://manu.ninja/scaffolding-a-progressive-web-app-using-vue-cli-3

[70] Facebook опубликовал Spectrum 1.0.0, библиотеку для работы с изображениями: http://www.opennet.ru/opennews/art.shtml?num=49990

[71] shiny: https://github.com/rikschennink/shiny

[72] jsdiff: нахождение разницы в тексте, реализованное на JavaScript : https://github.com/kpdecker/jsdiff

[73] Mozilla сворачивает программу Test Pilot и сервис Firefox Screenshots: http://www.opennet.ru/opennews/art.shtml?num=49959

[74] Firefox 67 начнёт использовать отдельные профили для разных установок: http://www.opennet.ru/opennews/art.shtml?num=49946

[75] В Firefox 69 планируется по умолчанию отключить поддержку Flash: http://www.opennet.ru/opennews/art.shtml?num=49943

[76] Ретроспектива Firefox DevTools WebConsole 2018: https://nicolaschevobbe.com/2019/01/17/webconsole-2018-retrospective.html

[77] Дополненная реальность и браузер — экспериментальное приложение: https://hacks.mozilla.org/2019/01/augmented-reality-and-the-browser%e2%80%8a-%e2%80%8aan-app-experiment/

[78] Hello world! Или англоязычный Хабр, v1.0 : https://habr.com/ru/company/tm/blog/435766/

[79] WordPress.com собрал $2.4 млн от Google и партнеров на создание новостной платформы публикации Newspack: http://oddstyle.ru/wordpress-2/novosti-wordpress/wordpress-com-sobral-2-4-mln-ot-google-i-partnerov-na-sozdanie-novostnoj-platformy-publikacii-newspack.html

[80] часть 1: https://www.computerra.ru/234239/istoriya-bolshih-dannyh-big-data-chast-1/

[81] Часть 2: https://www.computerra.ru/234346/istoriya-bolshih-dannyh-big-data-chast-2/

[82] Microsoft: голосовой помощник Cortana больше не будет конкурировать с Alexa и Google Assistant: https://vc.ru/tech/55880-microsoft-golosovoy-pomoshchnik-cortana-bolshe-ne-budet-konkurirovat-s-alexa-i-google-assistant

[83] Мнение: почему 10 year challenge — идеальный флешмоб для обучения ИИ: https://ain.ua/2019/01/16/10-year-challenge-dlya-ii/

[84] Как выходец из Индии стал CEO Google: история Сундара Пичаи: https://ain.ua/2019/01/15/istoriya-sundara-pichai/

[85] Microsoft попрощается с Windows 10 Mobile в конце этого года: https://gagadget.com/windows-phone/43125-microsoft-poproschaetsya-s-windows-10-mobile-v-kontse-etogo-goda/

[86] Обнаружен дамп, содержащий 773 млн email-адресов и 21 млн уникальных паролей: https://xakep.ru/2019/01/18/collection-1/

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

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

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

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

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