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

---

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

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

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

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

[2] CSS: #css

[3] Javascript: #js

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

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

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

[7] 2017 — год, который фронтенд разработчики должны посвятить основам: https://medium.com/high-technologies-center/2017-%D0%B3%D0%BE%D0%B4-%D0%BA%D0%BE%D1%82%D0%BE%D1%80%D1%8B%D0%B9-%D1%84%D1%80%D0%BE%D0%BD%D1%82%D0%B5%D0%BD%D0%B4-%D1%80%D0%B0%D0%B7%D1%80%D0%B0%D0%B1%D0%BE%D1%82%D1%87%D0%B8%D0%BA%D0%B8-%D0%B4%D0%BE%D0%BB%D0%B6%D0%BD%D1%8B-%D0%BF%D0%BE%D1%81%D0%B2%D1%8F%D1%82%D0%B8%D1%82%D1%8C-%D0%BE%D1%81%D0%BD%D0%BE%D0%B2%D0%B0%D0%BC-412c67e8c529#.mmqxt2tqr

[8] Записи видео конференции The Rolling Scopes 2017: https://www.youtube.com/playlist?list=PLe--kalBDwjiiVq-AxoChmYbArhioKhQw

[9] Тестирование скорости HTTP/2 в реальном мире: https://css-tricks.com/http2-real-world-performance-test-analysis/

[10] Трюк с добавлением заддержки в отладчике для дебага интерактивных элементов, которые сложно отловить: https://css-tricks.com/set-timed-debugger-web-inspect-hard-grab-elements/

[11] Подробное введение в Webpack: https://www.smashingmagazine.com/2017/02/a-detailed-introduction-to-webpack/

[12] Аудит производительности и nytimes.com : https://docs.google.com/document/d/1Oax3j0-wsYlNQCfgJTtPHlOWJ-ilRvk-I9E3mhiyl5I/edit#heading=h.mxlya9axneww

[13] Начало работы с VoiceOver & Accessibility: https://bocoup.com/blog/getting-started-with-voiceover-accessibility

[14] Панели инструментов, клавиатуры и вьюпорты: https://medium.com/samsung-internet-dev/toolbars-keyboards-and-the-viewports-10abcc6c3769

[15] Отрибуты форм в HTML5 (часть 1): https://www.sitepoint.com/html5-form-attributes-part-1/

[16] Чеклист код-ревью: https://ana-balica.github.io/2017/02/21/code-review-checklist/

[17] The HTML5 Robot: http://html5bot.webflow.io/

[18] Нужен ли нам новый элемент для заголовков? Мы не знаем: https://jakearchibald.com/2017/do-we-need-a-new-heading-element/

[19] Достижение 60 FPS анимации с помощью принципов FLIP: https://medium.com/outsystems-experts/flip-your-60-fps-animations-flip-em-good-372281598865

[20] flatris: https://github.com/skidding/flatris

[21] Рисуем и анимируем желейные фигуры с помощью Canvas: https://scotch.io/tutorials/drawing-and-animating-jelly-shapes-with-canvas

[22] Победитель конкурса по созданию логотипа WebAssembly: https://medium.com/@carlosbaraza/won-webassembly-logo-contest-7dc4623f5cf

[23] Ещё больше о том как работает Flexbox — объясняем на больших, красочных GIF’ках: https://tuhub.ru/frontend/eshhyo-bolshe-o-tom-kak-rabotaet-flexbox-obyasnyaem-na-bolshih-krasochnyh-gif-kah/

[24] Трюк: раздельные функции CSS-трансформации: http://css-live.ru/tricks/tryuk-razdelnye-funkcii-css-transformacii.html

[25] Два новых первых публичных черновика CSS: http://css-live.ru/vecssti-s-polej/dva-novyx-pervyx-publichnyx-chernovika-css.html

[26] Неожиданная мощь единиц вьюпорта в CSS: https://www.lullabot.com/articles/unexpected-power-of-viewport-units-in-css

[27] Отзывчивый дизайн за пределами Media Query: https://medium.com/@ZURB/responsive-design-beyond-the-media-query-2e067c096ee8

[28] Адаптивные CSS паттерны без медиа-выражений: https://www.sitepoint.com/responsive-css-patterns-without-media-queries/

[29] Почему я люблю Element Queries и вы тоже должны: https://hashnode.com/post/why-i-love-element-queries-and-you-should-too-cizgq4uyy000m7m53dsyeghst

[30] Масштабирование SVG Clipping Paths для использования в CSS: http://meyerweb.com/eric/thoughts/2017/02/24/scaling-svg-clipping-paths-for-css-use/

[31] Вариабельные шрифты: https://adactio.com/journal/11935

[32] Начинаем работать с вариабельными шрифтами: http://clagnut.com/blog/2389/

[33] CSS Grid: изучаем новую разметку: https://bocoup.com/blog/css-grid-learning-new-layout

[34] Шпаргалка по выравниванию блоков: https://rachelandrew.co.uk/css/cheatsheets/box-alignment

[35] Нюансы CSS Transitionend Events: https://seesparkbox.com/foundry/css_transitionend_event

[36] Пониимание и применение рекурсии в CSS: https://webuilddesign.com/understand-apply-recursion-css/

[37] Как использовать CSS анимацию профессионально: https://stories.jotform.com/how-to-use-css-animations-like-a-pro-dfacc1e97338

[38] Propeller: http://propeller.in/

[39] spacegrid: https://jonathanspeek.github.io/spacegrid/

[40] Emoji.prototype.length — рассказ об эмоциональных символах в Юникоде: https://habrahabr.ru/post/322446/

[41] Современные приложения на JavaScript с помощью Neutrino: https://davidwalsh.name/neutrino

[42] Зачем изучать функциональное программирование в JavaScript?: https://medium.com/javascript-scene/why-learn-functional-programming-in-javascript-composing-software-ea13afc7a257

[43] Функциональный JavaScript для ленивых разработчиков (таких, как я): https://www.sitepoint.com/functional-javascript-for-lazy-developers-like-me/

[44] Десятиминутное руководство по JS модулям, форматам, загрузчикам и сборщикам.: http://jvandemo.com/a-10-minute-primer-to-javascript-modules-module-formats-module-loaders-and-module-bundlers/

[45] Играем массивными мускулами: https://scotch.io/tutorials/flex-those-javascript-array-muscles

[46] Анимированное введение в RxJS : https://css-tricks.com/animated-intro-rxjs/

[47] Быстрый совет: сортировка списков пользователей с Flexbox и jQuery: https://www.sitepoint.com/user-sortable-lists-flexbox-jquery/

[48] babel-preset-env: пресет для конфигурации Babel под тебя: http://www.2ality.com/2017/02/babel-preset-env.html

[49] Создание клевых форм с Ember.js: https://pusher.com/sessions/meetup/ember-london/building-delicious-forms-with-emberjs

[50] Какой стек я должен использовать для моего SPA?: https://medium.com/@alexewerlof/what-stack-should-i-use-for-a-spa-d3bdbad69cf7

[51] Front-end: Angular против React против Vue: https://medium.com/@juanmartnmigliorini/front-end-angular-vs-react-vs-vue-f60609324dc0

[52] ECMAScript 2016+ in Firefox: https://blog.mozilla.org/javascript/2017/02/22/ecmascript-2016plus-in-firefox/

[53] Разберись с промисами перед началом использования async/await: https://medium.com/@bluepnume/learn-about-promises-before-you-start-using-async-await-eb148164a9c8

[54] Даже с async/await, чистые промисы всё ещё являются оптимальными при конкурентных запросах: https://medium.com/@bluepnume/even-with-async-await-you-probably-still-need-promises-9b259854c161

[55] Что нужно знать о типе Number в ES6 JavaScript: https://hackernoon.com/what-you-should-know-about-numbers-in-es6-javascript-7370be6b3469

[56] Что нужно знать про ES6 Maps: https://hackernoon.com/what-you-should-know-about-es6-maps-dc66af6b9a1e

[57] Основы AngularJS 1.x (часть 2): https://scotch.io/tutorials/angularjs-1-x-fundamentals-part-2

[58] От angular.module к ngModule: http://developer.telerik.com/topics/web-development/angular-module-ngmodule/

[59] Как React решает, что нужно перерисовать компонент?: http://lucybain.com/blog/2017/react-js-when-to-rerender/

[60] 10 мини-паттернов в React: https://hackernoon.com/10-react-mini-patterns-c1da92f068c5#.g6qqpfrh7

[61] Как масштабировать Redux приложения с Redux-Action-Recompose: https://medium.com/@insideout.develop/how-to-scale-a-redux-application-with-redux-action-recompose-d836ba27776b

[62] boundless.js — компоненты с UI для React-приложений: http://boundless.js.org/quickstart

[63] Представление redux-query: https://amplitude.engineering/introducing-redux-query-7734e7215b3b

[64] Управляем состоянием приложения с помощью Vuex: https://habrahabr.ru/post/322354/

[65] A different point of Vue: https://hackernoon.com/a-different-point-of-vue-5d3f421b1525

[66] Топ 3 онлайн курсов по Vue.js 2 : https://medium.com/codingthesmartway-com-blog/top-3-vue-js-2-online-courses-123f61ebbd2a#.mk3gr3n8p

[67] Как работает роутинг во VueJS: https://medium.com/@ongspxm/how-routing-works-in-vuejs-ea62cedbf2aa#.gu7rw3fvm

[68] Vue-geb — Global Event Bus: https://github.com/vouill/vue-geb

[69] Обработка изображений в Javascript: http://blog.webkid.io/image-processing-in-javascript/

[70] ReactiveMaps: https://github.com/appbaseio/reactivemaps/

[71] React Select: http://jedwatson.github.io/react-select/

[72] unfetch: https://github.com/developit/unfetch

[73] AR.js: https://github.com/jeromeetienne/AR.js

[74] Dwitter: https://www.dwitter.net/

[75] walletjs: https://github.com/dleitee/walletjs

[76] В Firefox началось тестирование новых возможностей SnoozeTabs и Pulse: http://www.opennet.ru/opennews/art.shtml?num=46090

[77] В Chrome 57 не будет возможности отключить DRM — механизм защиты авторских прав: https://tproger.ru/news/drm-in-chrome-57/

[78] Как использовать режим мобильной эмуляции в Chrome: https://www.sitepoint.com/use-mobile-emulation-mode-chrome/

[79] Браузер Blisk – «мечта каждого веб-разработчика»: http://www.webdesignfreebies.net/tools/blisk-every-web-developers-dream/

[80] AMP-страницы появились в основной выдаче Google.ru: https://www.searchengines.ru/amp-main-res.html

[81] Инженеры из Google представили глобальную файловую систему Upspin: http://www.opennet.ru/opennews/art.shtml?num=46082

[82] Из-за уязвимости сервис Cloudflare месяцами сливал данные клиентов: https://ain.ua/2017/02/24/uyazvimost-cloudflare-dyra-bezopasnosti

[83] Нейросеть «оживляет» рисунки котов. Выглядит жутко: http://kanobu.ru/news/nejroset-ozhivlyaet-risunki-kotov-vyiglyadit-zhutko-389351/

[84] Самое понятное объяснение принципа работы блокчейна: https://tjournal.ru/41306-samoe-ponyatnoe-obyasnenie-principa-raboti-blokcheina

[85] Google дал доступ к своему сервису, который замеряет уровень троллинга в комментариях: https://ain.ua/2017/02/25/google-dal-dostup-k-troll-servisu

[86] Жизнь мема: кто и как зарабатывает на забавных картинках из интернета: http://www.forbes.ru/karera-i-svoy-biznes/339769-zhizn-memakto-i-kak-zarabatyvaet-na-zabavnyh-kartinkah-iz-interneta

[87] Открытое письмо рекрутерам IT-сферы: https://habrahabr.ru/company/inoventica/blog/322292/

[88] Что такое алгоритмическое искусство: от Моцарта и Райха до «Нейронной обороны»: https://daily.afisha.ru/brain/4653-chto-takoe-algoritmicheskoe-iskusstvo-ot-mocarta-i-rayha-do-neyronnoy-oborony/

[89] «Бороться за глобализацию». Марк Цукерберг рассказал о новом векторе развития своей социальной сети: http://itc.ua/blogs/borotsya-za-globalizatsiyu-mark-tsukerberg-rasskazal-o-novom-vektore-razvitiya-svoey-sotsialnoy-seti/

[90] Google и Mozilla сообщили, что антивирусы снижают уровень защиты протокола HTTPS: https://tproger.ru/news/google-mozilla-study-on-https/

[91] Как алгоритмы влияют на жизнь: http://www.computerra.ru/163397/algo/

[92] Билл Гейтс: Роботы должны платить налоги, раз уж они отнимают работу у людей: http://itc.ua/news/bill-geyts-robotyi-dolzhnyi-platit-nalogi-raz-uzh-oni-otnimayut-rabotu-u-lyudey/

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

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

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

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

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