Дайджест свежих материалов из мира фронтенда за последнюю неделю №281 (18 — 24 сентября 2017)

---

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

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

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

[1] Медиа: #media

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

[3] CSS: #css

[4] Javascript: #js

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

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

[7] #20 – Павел Ловцевич про организацию конференций, жизнь в Минске и нетворкинг : https://soundcloud.com/frontend-weekend/fw-20

[8] #4: Meetups (Ekb, Msk), Angular 5 beta7, Angular CLI 1.4, Schematics, Forms: https://www.youtube.com/watch?v=ZZjeaAjbywA

[9] #36: Ring UI от JetBrains: https://www.youtube.com/watch?v=E0d6swYIc_s&feature=youtu.be

[10] #19: Майним биткоины на сайте с помощью пользователей: https://soundcloud.com/frontend_u/e19

[11] Ночной фронтенд #4 — FrontTalks 2017: https://medium.com/devschacht/nightly-4-1528e820c075

[12] Ночной фронтенд #5 — От атомной бомбы до персонального компьютера: https://soundcloud.com/devschacht/nightly-5

[13] Выпуск #9: «Сколько нужно программистов, чтобы очистить код»: http://spb-frontend.ru/podcast/9

[14] «Плавные переходы между страницами с Barba.js (PJAX)»: https://www.youtube.com/watch?v=pwmHB_veoko

[15] Microsoft Edge Web Summit 2017, 14 видео: https://channel9.msdn.com/Events/WebPlatformSummit/Microsoft-Edge-Web-Summit-2017

[16] Зачем нужен БЭМ: https://habrahabr.ru/company/htmlacademy/blog/337286/

[17] Как создать маску ввода для мобильных устройств: https://medium.com/@KucherDev/%D0%BA%D0%B0%D0%BA-%D1%81%D0%BE%D0%B7%D0%B4%D0%B0%D1%82%D1%8C-%D0%BC%D0%B0%D1%81%D0%BA%D1%83-%D0%B2%D0%B2%D0%BE%D0%B4%D0%B0-%D0%B4%D0%BB%D1%8F-%D0%BC%D0%BE%D0%B1%D0%B8%D0%BB%D1%8C%D0%BD%D1%8B%D1%85-%D1%83%D1%81%D1%82%D1%80%D0%BE%D0%B9%D1%81%D1%82%D0%B2-bee5a6a6872a

[18] В WordPress рассматривают агностичный подход к выбору JS-фреймворка для блоков Gutenberg: http://oddstyle.ru/wordpress-2/novosti-wordpress/v-wordpress-rassmatrivayut-agnostichnyj-podxod-k-vyboru-js-frejmvorka-dlya-blokov-gutenberg.html

[19] Какие метатеги использовать в вебе в 2017 году: https://tproger.ru/translations/meta-tags-2017/

[20] Мега-шпаргалка по HTML5: https://medium.com/level-up-web/the-mega-html5-cheatsheet-e8c479b1c521

[21] Сенсоры для веба!: https://developers.google.com/web/updates/2017/09/sensors-for-the-web

[22] Автомат Руба Голдберга: https://samsunginter.net/rube-goldberg-article/

[23] Facebook объявил о перелицензировании React, Jest, Flow и Immutable.js: http://www.opennet.ru/opennews/art.shtml?num=47253

[24] Консорциум W3С утвердил средства DRM для Web в качестве стандарта: http://www.opennet.ru/opennews/art.shtml?num=47226

[25] Релиз CoffeeScript 2: https://tproger.ru/news/coffeescript-2-0/

[26] Vue.js 3 и другие главные новости после Q&A события с разработчиками Vue: https://medium.com/@gustojs/vuejs-3-and-other-top-news-from-q-a-event-with-core-vue-devs-c9834946ae7b

[27] Изучите, как отладить JavaScript с помощью Chrome DevTools: https://medium.com/devschacht/brandon-morelli-learn-how-to-debug-javascript-with-chrome-devtools-4a8fb7db375c

[28] Простой, быстрый и удобный инструмент для коммуникации между дизайнером и клиентом/разработчиком : http://designgo.io/

[29] Генераторы кода, полезные для разработки шаблонов HTML писем: https://blog.edmdesigner.com/code-generator-tools-used-in-html-email-development/

[30] Как я урезал вдвое размер своей Webpack сборки: http://jmduke.com/posts/how-i-cut-my-webpack-bundle-size-in-half/

[31] Метрики производительности. Чем измерять, на какие значения обращать внимание и как повышать скорость загрузки: https://codeburst.io/performance-metrics-whats-this-all-about-1128461ad6b

[32] «Вам говорили, что серверный рендеринг вашего JS фреймворка повысит производительность. Но так ли это?»: https://davidea.st/articles/measuring-server-side-rendering-performance-is-tricky

[33] Разработчик из NerdWallet подробно о том, как они оптимизировали шрифты на сайте: https://medium.com/@francis.john/web-font-optimization-at-nerdwallet-6a447be9b570

[34] Hacker News Progressive Web Apps: https://blog.hnpwa.com/hacker-news-progressive-web-apps-2d8cbf7bc077

[35] Еженедельная подборка красивых эффектов на CSS/SVG/JS #54: http://css-live.ru/cssjssvg-s-podvypodvertom/ezhenedelnaya-podborka-krasivyx-effektov-nacsssvgjs-54.html

[36] Идеи для морфинга органических SVG фигур: https://tympanus.net/codrops/2017/09/19/organic-shape-morph-ideas/

[37] Начинаем работать с Web Animations Api: https://lisilinhart.info/posts/waapi-introduction

[38] Кастомные свойства.: https://habrahabr.ru/company/htmlacademy/blog/337292/

[39] Явный контроль над специфичностью в CSS?: http://css-live.ru/vecssti-s-polej/manual-specificity-control.html

[40] Исторический взгляд на FOUT и FOIT от Zach Leatherman: https://www.zachleat.com/web/fout-foit-history/

[41] Как новые шрифтовые технологии (вариативность и параметричность) улучшат веб в будущем: https://www.smashingmagazine.com/2017/09/new-font-technologies-improve-web/

[42] Как Safari работает с пользовательскими свойсвами CSS: https://twitter.com/malyw/status/910510393990303744

[43] Написание CSS с мыслями о доступности: https://medium.com/@matuzo/writing-css-with-accessibility-in-mind-8514a0007939

[44] Выводим линтинг CSS на следующий уровень с помощью Stylelint: https://www.sitepoint.com/taking-css-linting-next-level-stylelint/

[45] Интригующий четвертый уровень CSS селекторов: https://webdesign.tutsplus.com/tutorials/intriguing-css-level-4-selectors--cms-29499

[46] Правда веба: CSS — это не настоящее программирование: https://christianheilmann.com/2017/09/19/web-truths-css-is-not-real-programming/

[47] Разработка сайтов под iPhone X: https://webkit.org/blog/7929/designing-websites-for-iphone-x/

[48] Событие для CSS position:sticky: https://developers.google.com/web/updates/2017/09/sticky-headers

[49] Angular vs. React vs. Vue: Сравнение 2017: https://habrahabr.ru/post/338068/

[50] Как работает JS: управление памятью, четыре вида утечек памяти и борьба с ними: https://habrahabr.ru/company/ruvds/blog/338150/

[51] Шпаргалка по современному JavaScript: https://github.com/mbeaudru/modern-js-cheatsheet

[52] JavaScript C++: Современные способы использования C++ в JavaScript проектах: https://medium.com/@zandaqo/javascript-c-modern-ways-to-use-c-in-javascript-projects-a19003c5a9ff

[53] ECMAScript 6. Регулярные выражения с поддержкой Unicode: https://habrahabr.ru/post/338366/

[54] Наконец стал доступен Promise.prototype.finally(): https://hospodarets.com/promise.prototype.finally

[55] Топ 5 функций в JavaScript ES6, которые стоит освоить: http://www.javascriptkit.com/javatutors/javascript-es6-top-five.shtml

[56] Топ 10 функций ES6 в примерах: https://blog.pragmatists.com/top-10-es6-features-by-example-80ac878794bb

[57] JavaScript декораторы: https://medium.com/jsguru/javascript-decorators-dac7d4b6bba3

[58] Почему Эван Ю считает, что JS-фреймворк Vue будет хорошим выбором для WordPress: http://oddstyle.ru/wordpress-2/novosti-wordpress/pochemu-evan-yu-schitaet-chto-js-frejmvork-vue-budet-xoroshim-vyborom-dlya-wordpress.html

[59] AMA-сессия (вопрос-ответ) на hashnode.com, где команда Vue.js отвечала на вопросы пользователей: https://hashnode.com/ama/with-vuejs-team-cj7itlrki03ae62wuv2r2005s

[60] Грядущие изменения TypeScript во Vue 2.5: https://medium.com/the-vue-point/upcoming-typescript-changes-in-vue-2-5-e9bd7e2ecf08

[61] Как создать фильтры на Vue.js, с примерами: https://scotch.io/tutorials/how-to-create-filters-in-vuejs-with-examples

[62] Как создать корзину на Vue 2 и Vuex: https://medium.com/@connorleech/build-a-shopping-cart-with-vue-2-and-vuex-5d58b93c513f

[63] 6 случайных JS задачек и их решения на VueJS: https://medium.com/@stijlbreuk/six-random-issues-and-their-solutions-in-vuejs-b16d470a6462

[64] Продвинутая анимация во Vue.js: https://medium.com/babystep/vuejs-animations-javascript-md-fa496111d200

[65] Как рисование на чистом CSS помогло мне понять React-компоненты: http://css-live.ru/articles/kak-risovanie-na-chistom-css-pomoglo-mne-ponyat-react-komponenty.html

[66] Проблемы с Redux: могут ли React, MobX и Realm спасти нас?: https://blog.qmo.io/the-problems-with-redux-and-alternatives-local-state-mobx-realm/

[67] Руководство по тестированию React компонентов: https://www.sitepoint.com/testing-react-components/

[68] Обновление лицензции React – что это означает для React разработчиков?: https://ihatetomatoes.net/react-license-updated/

[69] Redux или нет: искусство управлением состоянием в React приложениях: https://www.sitepoint.com/redux-not-art-structuring-state-react-apps/

[70] Обработка Route параметов в Angular v2+: https://scotch.io/tutorials/handling-route-parameters-in-angular-v2

[71] Прошлое, настоящее и будущее Angular CLI: https://blog.angular.io/the-past-present-and-future-of-the-angular-cli-13cf55e455f8

[72] Angular & Redux: http://codingthesmartway.com/angular-redux/

[73] Релиза Angular 5 немного задерживается: https://hackernoon.com/angular-version-5-release-was-delayed-e7b5c26b0624

[74] vuetify: https://github.com/vuetifyjs/vuetify

[75] ngraph.path: https://github.com/anvaka/ngraph.path

[76] nanoevents: https://github.com/ai/nanoevents

[77] bosket: https://github.com/elbywan/bosket

[78] winamp2-js: https://github.com/captbaritone/winamp2-js

[79] В Chrome будет принудительно включаться HTTPS для доменов .dev и .foo: http://www.opennet.ru/opennews/art.shtml?num=47258

[80] Будущие обновления Audio/Video в Chrome 62: https://developers.google.com/web/updates/2017/09/chrome-62-media-updates

[81] Chrome 62 Beta: API для предсказания качества сети, вариативные OpenType шрифты и захват медиа с элементов DOM: https://blog.chromium.org/2017/09/chrome-62-beta-network-quality.html

[82] Технические детали Safari Technology Preview 40: https://webkit.org/blog/7922/release-notes-for-safari-technology-preview-40/

[83] Майнить криптовалюту можно прямо через браузеры пользователей. Это уже делают Pirate Bay и хакеры: https://xakep.ru/2017/09/18/browser-mining/

[84] Google определила самый небезопасный веб-браузер: https://tproger.ru/news/safari-most-insecure/

[85] Майнинг криптовалюты через браузер. Сколько на этом можно заработать?: http://itc.ua/blogs/mayning-kriptovalyutyi-cherez-brauzer-skolko-na-etom-mozhno-zarabotat/

[86] Googlebot всё ещё не сканирует HTTP/2: https://www.searchengines.ru/http2-googlebot.html

[87] Капитализация Apple снизилась почти на $50 млрд за 10 дней после презентации новых iPhone: https://vc.ru/26648-apple-down-stock-50

[88] Хакеры взломали популярнейший «чистильщик» CCleaner и использовали его для распространения вредоносного ПО: http://itc.ua/news/hakeryi-vzlomali-populyarneyshiy-chistilshhik-ccleaner-i-ispolzovali-ego-dlya-rasprostraneniya-vredonosnogo-po/

[89] Как Apple обманула пользователей насчет «дифференциальной безопасности»: https://ain.ua/2017/09/24/differencialnoj-bezopasnosti

[90] Stack Overflow выпустила новую версию зарплатного калькулятора: https://tproger.ru/news/stack-overflow-calculator/

[91] GitHub объявила о выходе из беты приложения GitHub Desktop: https://tproger.ru/news/github-desktop/

[92] Google приобретёт часть мобильного бизнеса HTC за $1,1 млрд: https://vc.ru/26590-google-htc-deal

[93] Создатель смайлика Скотт Фалман: «Это самая „ботанская“ штука на свете!»: http://www.bbc.com/russian/features-41314288

[94] iOS 11 достигла более 6% пользователей всего интернета всего за два дня: http://gs.statcounter.com/press/ios-11-rockets-to-over-6-internet-usage-in-just-two-days

[95] Дэн Абрамов: что я выучил после работы в Facebook за почти два года?: https://hashnode.com/post/what-have-you-learned-after-working-at-facebook-for-almost-two-years-have-you-grown-as-a-developer-and-what-are-some-of-the-key-takeaways-cj7q3gkjx019xkhwujchsrtho

[96] Дайджест за прошлую неделю: https://habrahabr.ru/company/zfort/blog/338122/

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

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

[99] Источник: https://habrahabr.ru/post/338632/?utm_source=habrahabr&utm_medium=rss&utm_campaign=best

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