Дайджест свежих материалов из мира фронтенда за последнюю неделю №253 (6 — 12 марта 2017)

---

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

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

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

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

[2] CSS: #css

[3] Javascript: #js

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

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

[6] Подкаст Веб-стандарты, Выпуск №58: https://soundcloud.com/web-standards/episode-58

[7] Подкаст RadioJS, Выпуск 47: Все полимеры: https://radiojs.ru/2017/03/radiojs-47/

[8] W3C обновляет свой рабочий процесс: http://css-live.ru/vecssti-s-polej/w3c-obnovlyaet-svoj-rabochij-process.html

[9] Краткое руководство по работе с Web Audio API: https://tuhub.ru/frontend/vvedenie-v-web-audio-api/

[10] microicon: https://icon.now.sh/

[11] Изучаем новые функции SVG 2: http://www.creativebloq.com/news/explore-the-exciting-new-features-in-svg-2

[12] SVGs в вебе — неудачные моменты: https://hashnode.com/post/svgs-on-web-the-bad-parts-cj01cmq35003tky53yfnb6ejz

[13] Должен ли я изучать [вставьте любой новый инструмент]?: https://zellwk.com/blog/learn-tools/

[14] Универсальные веб-компоненты: https://scotch.io/bar-talk/universal-web-components

[15] AMP и веб: https://timkadlec.com/2017/03/amp-and-the-web/

[16] Мысли об AMP: Accelerated Mobile Project: http://www.afast.site/2017/03/07/thoughts-on-amp-accelerated-mobile-project/

[17] Тестирование Service Workers: https://medium.com/dev-channel/testing-service-workers-318d7b016b19

[18] Создавай веб расширения, просто потому что ты можешь это: https://blog.codeship.com/building-web-extensions-because-you-can/

[19] WebAssembly: под капотом с Mozilla: https://www.youtube.com/watch?v=o52_5qAJhNg

[20] Оптимизация шрифтов: http://nicothin.pro/page/webfonts-min

[21] Линтинг HTML с помощью CSS: https://bitsofco.de/linting-html-using-css/

[22] Грид + флексбокс: мощнейшее комбо в веб-раскладке: http://css-live.ru/articles-css/grid-fleksboks-moshhnejshee-kombo-v-veb-raskladke.html

[23] CSS Grid Layout и PostCSS: Now Kiss !: https://medium.com/@SylvainPV/css-grid-layout-and-postcss-now-kiss-5e35f61a6f00

[24] CSS Grid Layout: новый модуль раскладки для веба: https://webkit.org/blog/7434/css-grid-layout-a-new-layout-module-for-the-web/

[25] Играемся с CSS Grids: https://14islands.com/blog/2017/03/07/playing-with-CSS-grids/

[26] Eric Meyer: Добро пожаловать в Grid!: http://meyerweb.com/eric/thoughts/2017/03/07/welcome-to-the-grid/

[27] Коллекция примеров использования Grid Layout на CodePen: http://codepen.io/collection/DgwjNL/

[28] CSS Grid Layout — шаблон страницы поста в блоге: http://codepen.io/stacy/pen/NpbBKG

[29] Простой пример использования `vmin` : https://css-tricks.com/simple-little-use-case-vmin/

[30] Как мы сделали EQCSS & и почему ты тоже должен попробовать создать полифилы: https://www.sitepoint.com/how-we-built-eqcss-why-you-should-try-building-your-own-polyfills-too/

[31] CSS реминификация: совершенно безумная идея, которая сработала: https://luisant.ca/remynifier

[32] Использование CSS Transitions для раскрывающихся блоков: https://css-tricks.com/using-css-transitions-auto-dimensions/

[33] Можете ли вы центрировать сетку изображений с помощью CSS?: https://medium.com/badoo-developers/can-you-center-a-grid-of-images-using-only-css-890e83a7421d

[34] Исправляем белое свечение для фильтра CSS blur(): http://codepen.io/tigt/post/fixing-the-white-glow-in-the-css-blur-filter

[35] Реализация Facebook Emoji Reactions с помощью CSS: https://codepad.co/snippet/AAL0PnwH

[36] Интервью с Håkon Wium Lie (создателем CSS) о стилях для печати: http://tosbourn.com/interview-hakon-wium-lie/

[37] История о том, как мы перевели проект в почти четверть миллиона строк на TypeScript и остались в живых: https://habrahabr.ru/company/ruvds/blog/323612/

[38] Инструменты для JS разработки: https://dev.to/kayis/the-tools-of-the-js-trade

[39] Подробно о скроллинге в вебе: https://blogs.windows.com/msedgedev/2017/03/08/scrolling-on-the-web/

[40] hyperHTML: альтернатива для Virtual DOM: https://medium.com/@WebReflection/hyperhtml-a-virtual-dom-alternative-279db455ee0e

[41] Какая лучшая книга для изучения JavaScript?: https://www.sitepoint.com/best-book-for-learning-javascript/

[42] Интервью с Kris Borchers, исполнительныи директором JS Foundation: https://www.sitepoint.com/interview-kris-borchers-js-foundation/

[43] Анализ использования устаревших JavaScript-библиотек в интернете: https://blog.acolyer.org/2017/03/07/thou-shalt-not-depend-on-me-analysing-the-use-of-outdated-javascript-libraries-on-the-web/

[44] Частота известных уязвимостей в библиотеках JavaScript: https://snyk.io/blog/known-vulnerabilities-in-javascript/

[45] Рефакторинг устаревшего JavaScript кода для использования классов: хороший, плохой, злой: https://arxiv.org/abs/1703.01690

[46] Использование Neutrino для быстрого начала разработки на JavaScript: https://habrahabr.ru/company/badoo/blog/323572/

[47] Создаем изоморфное/универсальное приложение на Next.JS + Redux: https://habrahabr.ru/post/323588/

[48] Разработка механики игры Bounce от Nokia на JavaScript: https://habrahabr.ru/post/323622/

[49] Пишем модульный JavaScript  — ч.2: https://medium.com/@jrschwane/writing-modular-javascript-pt-2-d7140d15c982

[50] Шаблон навигации горизонтального скроллинга для тача и мыши с движущимся индикатором активного элемента: https://benfrain.com/a-horizontal-scrolling-navigation-pattern-for-touch-and-mouse-with-moving-current-indicator/

[51] Нативные модули ECMAScript: атрибут nomodule для миграции: https://blog.hospodarets.com/native-ecmascript-modules-nomodule

[52] 80/20 руководство по Async/Await в Node.js : http://thecodebarbarian.com/80-20-guide-to-async-await-in-node.js.html

[53] Возможности ES6 — десять примеров использования Proxy: http://dealwithjs.io/es6-features-10-use-cases-for-proxy/

[54] Что взять за основу React приложения: https://habrahabr.ru/post/323458/

[55] Упрощаем универсальное/изоморфное приложение на React + Router + Redux + Express: https://habrahabr.ru/post/323500/

[56] Подкаст 5minreact #7 — Preact: http://5minreact.ru/7-preact/

[57] Перевод поиска Airbnb на React: https://medium.com/airbnb-engineering/moving-airbnb-search-to-react-b85b815e166c

[58] react2angular — простой способ внедрения React компонентов в приложения Angular 1 : https://github.com/coatue/react2angular

[59] Vue.js Component Style Guide: https://github.com/pablohpsilva/vuejs-component-style-guide

[60] Эй! Слышали ли вы о Vue.js?: https://medium.com/@kevin.buhrer/hey-have-you-heard-about-vue-js-8075b7c06cae

[61] Интерактивная инфографика с помощью SVGs & Vue.js: https://medium.com/coding-artist/interactive-infographic-using-svg-vue-js-357a3fb69079

[62] How do people React to my point of Vue: https://medium.com/@nycudr/how-do-people-react-to-my-point-of-vue-7158ead90a8f

[63] ПереVue-зировка: https://teabreak.e-spres-oh.com/an-overvue-eb0a1408dd65

[64] Коллекция примеров с UI компонентами на Vue.js: http://vuejsexamples.com/

[65] End-to-End тестирование Vue.js с TestCafe: https://alligator.io/vuejs/e2e-testing-testcafe/

[66] vue-parallax-js: https://github.com/jsnanigans/vue-parallax-js

[67] vue-recyclist — бесконечная прокрутка: https://github.com/xtongs/vue-recyclist

[68] Сравнение Angular 2 и React: https://rubygarage.org/blog/the-angular-2-vs-react-contest-only-livens-up

[69] Использование Material компонентов в Angular 2: https://medium.com/@P1xt/using-material-components-in-angular-2-c0fe9b22974

[70] Лучшие десять статей по Angular 2 за последний месяц: https://medium.mybridge.co/angular-2-0-top-10-articles-for-the-past-month-84aa098c9b10

[71] Эмиттеры событий в Angular: https://netbasal.com/event-emitters-in-angular-13e84ee8d28c

[72] Angular Gauge 1.2.0: https://ashish-chopra.github.io/angular-gauge/

[73] Numscrubber.js: https://mburakerman.github.io/numscrubberjs/

[74] eslint-plugin-compat: https://github.com/amilajack/eslint-plugin-compat

[75] franc: https://github.com/wooorm/franc

[76] Service Worker Toolchain: https://github.com/pinterest/service-workers

[77] blurify: https://github.com/JustClear/blurify

[78] webpack-blocks: https://github.com/andywer/webpack-blocks

[79] Firefox 52: Представляем Web Assembly, CSS Grid и Grid Inspector: https://hacks.mozilla.org/2017/03/firefox-52-introducing-web-assembly-css-grid-and-the-grid-inspector/

[80] Релиз Firefox 52: http://www.opennet.ru/opennews/art.shtml?num=46155

[81] блоге Марата Таналина: http://tanalin.com/blog/2017/03/firefox-52/

[82] Анонс CSS Grid & the Firefox Grid Inspector Tool: https://www.youtube.com/watch?v=16enLRDbOyY

[83] Оценка потребления памяти Firefox в многопроцессном режиме: http://www.opennet.ru/opennews/art.shtml?num=46177

[84] Выпуск web-браузера Chrome 57: http://www.opennet.ru/opennews/art.shtml?num=46170

[85] Новое в Chrome 57: https://developers.google.com/web/updates/2017/03/nic57

[86] Что нового в DevTools (Chrome 58) : https://developers.google.com/web/updates/2017/03/devtools-release-notes

[87] Samsung Internet Beta теперь доступен без регистрации: https://medium.com/samsung-internet-dev/samsung-internet-beta-now-available-without-sign-up-e0d5d4010838

[88] Нам нужно поговорить про Opera Mini: https://www.chenhuijing.com/blog/we-need-to-talk-about-opera-mini/

[89] 14 нужных советов по работе с Chrome Dev Tools: https://www.youtube.com/watch?v=xkzDaKwinA8

[90] AMP станут доступны для ещё 1 млрд пользователей в Азии: https://www.searchengines.ru/google-amp-asia.html

[91] Почему новые условия использования GitHub всколыхнули общественность: разбор ситуации без лишних эмоций: https://tproger.ru/news/github-tos-fairly/

[92] В Google Photos добавили функцию автоматического баланса белого: http://itc.ua/news/v-google-photos-dobavili-funktsiyu-avtomaticheskogo-balansa-belogo/

[93] Система нейронного перевода Google Translate стала доступна на русском языке: https://tproger.ru/news/google-neural-translation-russian/

[94] «Капча» Google стала невидимой: компания обновила популярную систему reCAPTCHA: https://tproger.ru/news/googles-recaptcha-invisible/

[95] Технологии машинного обучения Google научились распознавать объекты в видео: http://itc.ua/news/tehnologii-mashinnogo-obucheniya-google-nauchilis-raspoznavat-obektyi-v-video/

[96] Google обновила Hangouts для конкуренции со Slack.: https://ain.ua/2017/03/10/google-obnovila-hangouts-dlya-konkurencii-so-slack

[97] «Как думаете, какой запрос самый распространенный?»: https://meduza.io/feature/2017/03/07/kak-dumaete-kakoy-zapros-samyy-rasprostranennyy

[98] Помощь учёным, майнинг криптовалют, поиск далёких галактик: как использовать ресурсы «спящего» компьютера: https://vc.ru/p/computer-resources

[99] Как Google Maps определяет загруженность парковок благодаря машинному обучению: https://ain.ua/2017/03/05/kak-google-maps-opredelyaet-zagruzhennost-parkovok

[100] Как оценить часы на разработку: https://dou.ua/lenta/articles/estimate-development-time/

[101] Тренды вычислительной техники: программируем компьютеры будущего: https://dou.ua/lenta/columns/trends-in-computer-technology/

[102] Подкаст hexlet, №08. Эпоха возрождения и программирование в каменном веке : https://ru.hexlet.io/blog/posts/podcast_08

[103] Разработчик создал рейтинг самых упоминаемых книг на Stack Overflow: https://ain.ua/2017/03/09/rejting-samyx-upominaemyx-knig-stack-overflow

[104] Как GitHub влияет на вашу карьеру программиста: https://ain.ua/2017/03/08/kak-github-vliyaet-na-vashu-kareru-programmista

[105] Что такое Windows 10 Cloud и почему она так важна для Microsoft?: http://gagadget.com/windows/26027-chto-takoe-windows-10-cloud-i-pochemu-ona-tak-vazhna-dlya-microsoft/

[106] IBM рекордно снизила долю ошибок в компьютерном распознавании речи: http://www.cossa.ru/news/154960/

[107] Нейросеть научили предсказывать наводнения по Flickr: https://naked-science.ru/article/hi-tech/neyroset-nauchili-predskazyvat-0

[108] Правила для создания паролей — ерунда: https://blog.codinghorror.com/password-rules-are-bullshit/

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

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

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

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

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