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

---

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

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

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

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

[2] CSS: #css

[3] Javascript: #js

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

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

[6] Раскрываем тему WebAssembly с Бренданом Айком: https://habrahabr.ru/post/326276/

[7] Компоненты веб-интерфейса: https://medium.com/@kovchiy/interface-components-ac2447ab5fbe

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

[9] Пилотный выпуск подкаста devSchacht: https://soundcloud.com/devschacht/vypusk-1-pilot

[10] Советы и приёмы по отладке кода: https://css-tricks.com/debugging-tips-tricks/

[11] Shadow DOM != Virtual DOM: https://develoger.com/shadow-dom-virtual-dom-889bf78ce701

[12] Что такое бюджет производительности и почему вы должны его использовать: http://vanseodesign.com/web-design/performance-budgets/

[13] Плавная прокрутка и доступность: https://css-tricks.com/smooth-scrolling-accessibility/

[14] Изучите Webpack за 15 минут: http://tutorialzine.com/2017/04/learn-webpack-in-15-minutes/

[15] Анонс: https://cloudfour.com/thinks/announcing-pwastats-com/

[16] PWAStats.com: https://www.pwastats.com/

[17] AMP для ритейлеров: стоит ли оно того?: https://www.smashingmagazine.com/2017/04/amp-retailers/

[18] Подробное руководство по HTTP/2 Server Push: https://www.smashingmagazine.com/2017/04/guide-http2-server-push/

[19] npm и front end: https://medium.com/dailyjs/npm-and-the-front-end-950c79fc22ce

[20] Building Blocks: http://foundation.zurb.com/building-blocks/

[21] Отсылка сообщений, когда пользователь возвращается в онлайн, с помощью Service Workers и Background Sync: https://www.twilio.com/blog/2017/02/send-messages-when-youre-back-online-with-service-workers-and-background-sync.html

[22] Так что же такое GraphQL, о котом я постоянно слышу?: https://medium.freecodecamp.com/so-whats-this-graphql-thing-i-keep-hearing-about-baf4d36c20cf

[23] boilrplate: http://www.boilrplate.com/

[24] Iceberg: https://github.com/KevinPy/Iceberg

[25] Креативные анимационные эффекты для загрузки гридов: https://tympanus.net/codrops/2017/04/11/inspiration-for-grid-loading-animations/

[26] Эксперименты WebVR : https://www.webvrexperiments.com/

[27] Тёмная сторона использования полифиллов CSS: https://habrahabr.ru/post/326056/

[28] PostCSS Hamster Framework: https://habrahabr.ru/post/326136/

[29] Поэтапное руководство по алгоритму автоматического размещения из CSS Grid: https://habrahabr.ru/company/nixsolutions/blog/326098/

[30] Mobile first: забыть и забить?!: http://www.cmsmagazine.ru/library/items/management/mobile-first-zabyt-i-zabit/

[31] Продвинутые вертикальные марджины: https://hackernoon.com/advanced-vertical-margins-4ac69f032f79

[32] Давайте точно определим, что такое Atomic CSS: https://css-tricks.com/lets-define-exactly-atomic-css/

[33] Griddy: http://www.griddy.io/

[34] Создание устойчивой архитектуры на Sass: часть 1: https://jonoherrington.com/build-a-strong-sass-architecture-part-1

[35] Подробно о свойстве touch-action: https://tympanus.net/codrops/css_reference/touch-action/

[36] Упражнение по созданию masonry-раскладки на CSS: http://ramenhog.com/blog/2017/04/05/an-exercise-in-css-masonry

[37] Кастомизация браузерных скроллбаров с помощью CSS: https://scotch.io/tutorials/customize-the-browsers-scrollbar-with-css

[38] От CSS препроцессоров к стилизованным компонентам (React): https://pusher.com/sessions/meetup/reactivate-london/from-css-preprocessors-to-styled-components

[39] Отчет и материалы SPA meetup'а 8 апреля 2017: https://habrahabr.ru/company/avito/blog/326524/

[40] Асинхронные функции 101: https://habrahabr.ru/post/326442/

[41] JavaScript: Design Patterns: https://seesparkbox.com/foundry/javascript_design_patterns

[42] The Post JavaScript Apocalypse: https://www.youtube.com/watch?v=NPB34lDZj3E

[43] 9 способов поднять уровень вашего кода: https://medium.com/@_kamerontanseli/9-ways-to-level-up-your-javascript-code-9da0cbcd43c5

[44] В браузеры пришла поддержка модулей ES6: время переосмыслить бандлинг? : https://www.contentful.com/blog/2017/04/04/es6-modules-support-lands-in-browsers-is-it-time-to-rethink-bundling/

[45] Зачем использовать статические типы в JavaScript? (Преимущества и недостатки): https://habrahabr.ru/post/326394/

[46] Использование Observables в реальной жизни: https://medium.com/devschacht/nicolas-carlo-using-observables-in-real-life-750bb4e83cd9

[47] Функциональный JavaScript: развязка методов из их объектов: https://medium.com/devschacht/joel-thoms-functional-javascript-decoupling-methods-from-their-objects-9a2686096418

[48] 7 советов по обработке undefined в JavaScript: https://rainsoft.io/7-tips-to-handle-undefined-in-javascript/

[49] Beau Carnes (freeCodeCamp): Мой гигантский курс по основам JavaScript доступен на YouTube. И он на 100% бесплатен: https://medium.freecodecamp.com/my-giant-javascript-basics-course-is-now-live-on-youtube-and-its-100-free-9020a21bbc27

[50] Делаем сайт интерактивным и забавным с помощью Velocity.js (No jQuery): https://www.sitepoint.com/how-to-use-velocity-js-without-jquery/

[51] Изучение JavaScript Test-Driven Development по примерам: https://www.sitepoint.com/learning-javascript-test-driven-development-by-example/

[52] ThsJSQuiz: http://thejsquiz.com/

[53] Введение в React и Redux для бекенд-разработчиков: https://habrahabr.ru/post/326162/

[54] N причин, чтобы использовать Create React App: https://habrahabr.ru/company/plarium/blog/326520/

[55] Архитектура модульных React + Redux приложений: https://habrahabr.ru/post/326484/

[56] Подкаст «Пятиминутка React» #11: http://5minreact.ru/11-setstate-vs-this/

[57] CodeSandbox: https://codesandbox.io/

[58] Стали доступны все видео с React Conf 2017: https://www.youtube.com/playlist?list=PLb0IAmt7-GS3fZ46IGFirdqKTIxlws7e0

[59] Бесконечный список и React: http://itsze.ro/blog/2017/04/09/infinite-list-and-react.html

[60] Twitter Lite и высокопроизводительное прогрессивное веб-приложение на React: https://medium.com/@paularmstrong/twitter-lite-and-high-performance-react-progressive-web-apps-at-scale-d28a00e780a3

[61] Руководство для искателей приключений по React (часть I): http://www.jstips.co/en/react/adventurers-guide-to-react/

[62] Введение в Vue.js для людей, знающих только jQuery: https://medium.freecodecamp.com/vue-js-introduction-for-people-who-know-just-enough-jquery-to-get-by-eab5aa193d77

[63] buefy: https://buefy.github.io/#/

[64] vms — Vue.js 2.0 CMS: https://github.com/ericjjj/vms

[65] Управление состоянием во Vue: https://medium.com/@calebroseland/state-management-in-vue-525ffe12ad81

[66] Управление состоянием приложения во Vue.js 2 с Vuex — введение: https://medium.com/codingthesmartway-com-blog/vue-js-2-state-management-with-vuex-introduction-db26cb495113

[67] Миграция с Angular на Vue, и почему мы не выбрали React (+ ES6 и Webpack): https://www.youtube.com/watch?v=wQlmEspvC98

[68] Дизайнеры изучают JavaScript: Angular, React, или Vue?: https://blog.uxtools.co/designers-learning-javascript-angular-react-or-vue-465509d848bb

[69] Чего ожидать от Angular v5?: https://hackernoon.com/what-to-expect-for-in-angular-v5-6e0fc9c4b13e

[70] tung: https://github.com/Reon90/tung

[71] backslide: https://github.com/sinedied/backslide

[72] Awaiting: https://github.com/hunterloftis/awaiting

[73] UPNG.js: https://github.com/photopea/UPNG.js

[74] Дополнительные макеты нового интерфейса Firefox 57: http://www.opennet.ru/opennews/art.shtml?num=46350

[75] Firefox 55 позволит настроить себя под текущее количество ОЗУ на ПК: http://gagadget.com/announce/26599-firefox-55-pozvolit-nastroit-sebya-pod-tekuschee-kolichestvo-ozu-na-pk/

[76] В Firefox планируют добавить секцию настройки производительности: http://www.opennet.ru/opennews/art.shtml?num=46361

[77] Mozilla сокращает число стадий в разработке Firefox: http://www.opennet.ru/opennews/art.shtml?num=46378

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

[79] В Chrome появится режим работы без экрана: http://www.opennet.ru/opennews/art.shtml?num=46371

[80] Google объявил Octane устаревшим и не отражающим реальную производительность браузеров: http://www.opennet.ru/opennews/art.shtml?num=46372

[81] Edge снова на коне: Microsoft повторила тесты энергоэффективности популярных браузеров: https://tproger.ru/news/win10-edge-chrome-firefox-battery-test/

[82] Что нового в Microsoft Edge после обновления Windows 10 Creators Update: https://blogs.windows.com/msedgedev/2017/04/11/introducing-edgehtml-15/#OZmblFZdIv7AGEZA.97

[83] 75-летний программист основал компанию по обслуживанию компьютерных систем на COBOL: https://geektimes.ru/post/287922/

[84] Google AutoDraw — графический редактор на базе ИИ и машинного обучения, угадывающий то, что рисует пользователь: http://itc.ua/news/google-autodraw-graficheskiy-redaktor-na-baze-ii-i-mashinnogo-obucheniya-ugadyivayushhiy-to-chto-risuet-polzovatel/

[85] В Google Photos появилась функция стабилизации видео: http://itc.ua/news/v-google-photos-poyavilas-funktsiya-stabilizatsii-video/

[86] «Стадия развития ИИ сейчас — на уровне двухлетнего ребёнка»: https://vc.ru/p/sberdays-bakunov

[87] Так ли важна скорость загрузки сайта, или о «пользе» Google PageSpeed Insights: https://ain.ua/2017/04/13/tak-li-vazhna-skorost-zagruzki-sajta-ili-o-polze-google-pagespeed-insights

[88] Дьявольски умен: Uber два года следил за водителями Lyft: http://gagadget.com/announce/26577-dyavolski-umen-uber-dva-goda-sledil-za-voditelyami-lyft/

[89] Пять мифов об искусственном интеллекте: https://vc.ru/p/myths-ai

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

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

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

[93] Источник: https://habrahabr.ru/post/326700/

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