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

---

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

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

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

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

[2] CSS: #css

[3] Javascript: #js

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

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

[6] WebAssembly – путь к новым горизонтам производительности: https://habrahabr.ru/company/ruvds/blog/319834/

[7] Введение в WebAssembly: https://rsms.me/wasm-intro

[8] Что поправить в верстке перед выпуском в продакшн?: https://habrahabr.ru/post/319664/

[9] Первый официальный релиз Webpack 2. Что нового по сравнению с Webpack 1?: https://habrahabr.ru/company/devexpress/blog/319906/

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

[11] 14 основных этапов развития веб-разработки за последние 20 лет: http://blog.thefirehoseproject.com/posts/14-major-web-development-milestones-last-20-years/

[12] Использование атрибута aria-current: http://tink.uk/using-the-aria-current-attribute/

[13] Сложности элемента input type=date: https://medium.com/samsung-internet-dev/making-input-type-date-complicated-a544fd27c45a

[14] Определение шаблона структуры страницы сайта: https://www.sitepoint.com/defining-sample-sites-page-structure/

[15] Сборка модулей и Webpack простым языком: http://arianv.com/post/Module-Bundling-and-Webpack-in-Simple-Terms/

[16] Большая подборка публичных API: https://github.com/abhishekbanthia/Public-APIs

[17] Приключения с NPM или: Как я перестал использовать npm shrinkwrap и полюбил Yarn: https://medium.com/work-market-engineering/adventures-with-npm-shrinkwrap-facebook-yarn-fc157b713ac4

[18] Проблема с AMP: https://80x24.net/post/the-problem-with-amp/

[19] Стилизованные компоненты: используем лучшие практики в системах компонентов: https://www.smashingmagazine.com/2017/01/styled-components-enforcing-best-practices-component-based-systems/

[20] Простые радиальные диаграммы с SVG: https://hackernoon.com/a-simple-pie-chart-in-svg-dbdd653b6936

[21] Отзывчивые, многоцветные SVG иконки: https://medium.com/shopify-ux/responsive-multicolor-svg-icons-b9068594b97b#.sqz44lb5j

[22] WebSlides — простой инструмент для создания HTML презентаций: https://webslides.tv/

[23] Little Fragments: создание креативных эффектов для плакатов: https://tympanus.net/codrops/2017/01/19/little-fragments-creating-a-simple-image-poster-effect/

[24] Эволюция CSS: от CSS, SASS, BEM и CSS–модулей до styled-components: https://habrahabr.ru/company/mailru/blog/319956/

[25] Темизация с помощью CSS переменных: https://medium.com/@NateBaldwin/theming-with-css-variables-d7acddd3a699#.bmhzqosgq

[26] Ack для CSS разработчиков: http://csswizardry.com/2017/01/ack-for-css-developers/

[27] Выровняйте SVG иконки в тексте и попрощайтесь иконочными шрифтами: https://blog.prototypr.io/align-svg-icons-to-text-and-say-goodbye-to-font-icons-d44b3d7b26b4

[28] Понимание пути критического рендера: https://bitsofco.de/understanding-the-critical-rendering-path/

[29] Анимация различных конечных состояний с помощью одного набора CSS Keyframes: https://css-tricks.com/animate-different-end-states-using-one-set-css-keyframes/

[30] Креативный лоадер на CSS, вдохновленный Elite Dangerous: http://codepen.io/jpanter/full/PWWQXK/

[31] Пишем Element Queries сегодня с помощью EQCSS: https://www.sitepoint.com/eqcss-a-javascript-plugin-to-write-element-queries/

[32] Примеры правильной анимации для эффектов движения: http://codepen.io/sdras/full/JbaGwg/

[33] Генератор цветовых схем: http://colorsupplyyy.com/app/

[34] Полное руководство по непрямоугольным хедерам (часть 1): https://codepen.io/ahmadnassri/post/non-rectangular-headers-part-1

[35] Убийцы оптимизации JS уже не такие страшные: https://habrahabr.ru/post/319936/

[36] Чистый javascript. Объекты и структуры данных. Асинхронность. Обработка ошибок: https://habrahabr.ru/post/319894/

[37] Нативные модули Native ECMAScript — первый обзор: https://blog.hospodarets.com/native-ecmascript-modules-the-first-overview

[38] Восходящие звезды JavaScript 2016 : https://risingstars2016.js.org/

[39] Пять лучших JS фреймворков в 2017-м: https://hackernoon.com/5-best-javascript-frameworks-in-2017-7a63b3870282

[40] 5 отличных способов реализации Lazy Load изображений для ускорения загрузки страницы: http://blog.dynamicdrive.com/5-brilliant-ways-to-lazy-load-images-for-faster-page-loads/

[41] Все что вы должны знать о JavaScript Source Maps: https://scotch.io/tutorials/%e2%80%8beverything-you-wanted-to-know-about-javascript-source-maps

[42] Парсинг абсолютно всего в JavaScript с помощью алгоритма Earley: https://medium.com/@gajus/parsing-absolutely-anything-in-javascript-using-earley-algorithm-886edcc31e5e

[43] Беседа с Brendan Eich-ом (создателем JavaScript): https://sideway.com/room/ao

[44] Короткая история языка JavaScript: https://auth0.com/blog/a-brief-history-of-javascript/

[45] Функциональное программирование в Javascript: https://vmayakumar.wordpress.com/2017/01/17/functional-programing-in-javascript/

[46] Асинхронные JavaScript генераторы: https://www.bignerdranch.com/blog/asyncing-feeling-about-javascript-generators/

[47] Чистим код с Eslint — Spacedojo Code Kata: https://www.youtube.com/watch?v=Vh_gOMfOod8&list=PLtujUkEY1JlppEZrQky2cx0_DL5c0nou0&index=1

[48] Angular vs React  — камень преткновения: https://medium.com/@dominik.tarnowski2/angular-vs-react-the-deal-breaker-7d76c04496bc

[49] Angular 2: почему на TypeScript?: https://habrahabr.ru/company/piter/blog/320064/

[50] Angular vs Angular 2: ключевые различия: https://habrahabr.ru/post/320014/

[51] Что такое Angular?: http://developer.telerik.com/topics/web-development/what-is-angular/

[52] Должны ли вы учить Angular 1.x или 2?: https://toddmotto.com/should-you-learn-angular-1-or-angular-2

[53] Progressive Web Apps с angular 2+: https://houssein.me/progressive-angular-applications

[54] Вкус четвёртой версии Angular: https://netbasal.com/a-taste-from-angular-version-4-50be1c4f3550

[55] Angular 2 в продакшене: http://blog.mgechev.com/2017/01/17/angular-in-production/

[56] Angular 2: что уже работает, что нуждается в доработке и к чему всё идёт: https://www.programmableweb.com/news/angular-2-what%E2%80%99s-working-what-needs-work-and-where-it%E2%80%99s-heading/analysis/2017/01/17

[57] React в 60fps: https://hackernoon.com/react-at-60fps-4e36b8189a4c

[58] Интернационализация React приложений: https://www.smashingmagazine.com/2017/01/internationalizing-react-apps/

[59] Создание PWA с использованием React, Webpack, и остального: https://pub.scotch.io/@zhirzh/building-a-pwa-using-react-webpack-and-other-stuff

[60] Неизменяемость в JavaScript с использованием Redux: https://www.toptal.com/javascript/immutability-in-javascript-using-redux

[61] Крестики-нолики на React и Redux: https://medium.com/@marcinbaraniecki/tic-tac-toe-game-in-react-and-redux-155beefa09b0

[62] Мыслить терминами Redux (если всё, что ты знаешь — это MVC): https://hackernoon.com/thinking-in-redux-when-all-youve-known-is-mvc-c78a74d35133

[63] React Table — работа с таблицами для React: https://github.com/tannerlinsley/react-table

[64] Vue.js 2.0 менее чем за 30 минут для начинающих [2017]: https://www.youtube.com/watch?v=VPUdtEf3oXI

[65] Начало работы с Vue + Vuex : https://medium.com/@bradfmd/vue-vuex-getting-started-f78c03d9f65

[66] Интеграция RxJS с Vue.js: https://alligator.io/vuejs/using-rxjs/

[67] vue-weather-notifier: https://github.com/sdras/vue-weather-notifier

[68] swarm-numberformat: https://github.com/erosson/swarm-numberformat

[69] when-dom-ready — аналог $(document).ready() на промисах: https://github.com/lukechilds/when-dom-ready

[70] Mitt: https://github.com/developit/mitt

[71] Создатели Firefox представили новый логотип и фирменный стиль компании: https://vc.ru/n/mozilla-newlogo

[72] В Chrome появится поддержка FLAC: http://itc.ua/blogs/v-chrome-poyavitsya-podderzhka-flac/

[73] В Firefox по умолчанию будут предложены новые темы оформления: http://www.opennet.ru/opennews/art.shtml?num=45865

[74] Рассматривается возможность выноса Firefox Developer Tools в системное дополнение: http://www.opennet.ru/opennews/art.shtml?num=45877

[75] Первый юблией движка Chakra: https://blogs.windows.com/msedgedev/2017/01/13/chakracores-first-anniversary/

[76] В сборку Edge nightly добавили полноцветные эмодзи: https://twitter.com/MSEdgeDev/status/821436421160333312

[77] Софт ИИ обучается делать ИИ: учёные сообщают об успехах в самообучении искусственного интеллекта: https://geektimes.ru/post/284978/

[78] Сатья Наделла считает, что ИИ должен помогать людям, а не отбирать у них работу: http://itc.ua/news/satya-nadella-schitaet-chto-ii-dolzhen-pomogat-lyudyam-a-ne-otbirat-u-nih-rabotu/

[79] Издержка эволюции: о пользе прокрастинации: https://vc.ru/p/useful-procrastination

[80] Будущее или новый вид мошенничества: что мы знаем об алгоритмической торговле: https://vc.ru/p/algorithmic-trade

[81] «Последователи Мавроди» запустили собственную криптовалюту Mavro: https://vc.ru/n/crypto-mavro

[82] Мои худшие ошибки в PR за 25 лет работы на Apple, PayPal и Visa: http://ain.ua/moi-xudshie-oshibki-v-pr-za-25-let

[83] Google начала понижать рейтинг страниц с навязчивой рекламой в мобильном поиске: https://tproger.ru/news/google-penalty-to-intrusive-ads/

[84] Опубликован список наиболее популярных слов в исходных кодах — автор проанализировал 2 ТБ данных: https://tproger.ru/news/index-of-the-most-common-words/

[85] Создан робот, который общается с помощью гифок: http://www.cossa.ru/news/149798/

[86] Война меняется: как работает первая отечественная MMORPG на базе Telegram: https://dtf.ru/3557-voyna-menyaetsya-kak-rabotaet-pervaya-otechestvennaya-mmorpg-na-baze-telegram

[87] Как устроен секс с роботами в кино и в реальности: https://daily.afisha.ru/technology/4237-kak-ustroen-seks-s-robotami-v-kino-i-v-realnosti/

[88] Как устроена защита фильмов и сериалов от пиратов: http://secretmag.ru/article/2017/01/17/zashita-filmov-v-internete/

[89] Viva Las-Vegas: жизнь азартного интернета: http://batenka.ru/worship/viva-las-vegas/

[90] Предтечи успеха: мертвые предшественники великих стартапов: http://rb.ru/longread/dead-pioneers/

[91] Страна мечтателей, страна ученых. Какие открытия делали советские математики, инженеры и биологи в ГУЛАГе: https://zona.media/article/2017/16/01/science

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

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

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

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

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