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

---

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

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

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

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

[2] CSS: #css

[3] Javascript: #js

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

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

[6] Подкаст «Фронтёрки», выпуск №5:: https://fronterki.fireside.fm/5

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

[8] Фронтенд по фэн-шуй. Часть 1: http://www.master-web.info/frontend-po-fen-shuy-chast-1/

[9] Как проверить доступность цветов: https://www.youtube.com/watch?v=LBmLspdAtxM

[10] “UX drives all of this.”: https://css-tricks.com/ux-drives-all-of-this/

[11] Начало работы с Relay “Modern” (клиентской библиотекой GraphQL от Facebook) для создания изоморфных веб приложений: https://hackernoon.com/getting-started-with-relay-modern-for-building-isomorphic-web-apps-ae049e4e23c1

[12] Как работает ContextReplacementPlugin в webpack: https://iamakulov.com/notes/all/webpack-contextreplacementplugin/

[13] Вышел npm@5 beta, можно ознакомиться со множеством обновлений: https://github.com/npm/npm/pull/16244

[14] Релиз Autoprefixer 7:: https://evilmartians.com/chronicles/autoprefixer-7-browserslist-2-released

[15] Релиз PostCSS 6.0:: https://github.com/postcss/postcss/releases/tag/6.0.0

[16] Презентация d3.express: интегрированная среда для реактивной разработки: https://medium.com/@mbostock/a-better-way-to-code-2b1d2876a3a0?repost

[17] pageweight: https://pageweight.imgix.com/

[18] Подождите, а WebP действительно стоит того: https://www.zachleat.com/web/webp/

[19] Молниеносно быстрые сайты благодаря различным вариантам предзагрузи (Prefetching) : https://www.sitepoint.com/lightning-fast-websites-prefetching/

[20] speedracer: https://github.com/ngryman/speedracer

[21] Как настроить поддержку AMP в WordPress: https://webdesign.tutsplus.com/tutorials/how-to-setup-amp-support-on-wordpress--cms-28376

[22] От AMP к PWA: Progressive Web AMPs: https://www.youtube.com/watch?v=Yllbfu3JE2Y&list=PLXTOW_XMsIDTIRIu4Af-bqfGkUhPSE75A&index=1

[23] SVG спрайт с webpack одной строкой: https://habrahabr.ru/post/327700/

[24] SVGito: маленькие оптимизации для SVG: https://medium.com/@pnowelldesign/svgito-little-optimizations-for-svgs-22114af9fdc9

[25] Три способа уменьшения размера SVG файлов с помощью SVGO: https://www.sitepoint.com/three-ways-decreasing-svg-file-size-svgo/

[26] Как создать и редактировать SVG спрайты: https://www.webdesignerdepot.com/2017/05/how-to-create-and-manage-svg-sprites/

[27] Визуализация функций мозга в SVG: http://www.thedailyclosure.com/blog/brain-function-visualisation-using-svg

[28] SVG текст маскирующий видео: https://codepen.io/dudleystorey/pen/QvvEYQ

[29] Морфинг иконок в кнопках по клику: https://css-tricks.com/snippets/svg/shape-morphing-icons-button-click/

[30] Очередные HTML Шорты: https://www.youtube.com/watch?v=3gvjDqhYJ60&feature=youtu.be&list=PLQJNT2fdCJngOj0mGZaTcZRyfSBTCWHe1

[31] Обратитесь к спецификации: https://medium.com/devschacht/rachel-andrew-refer-to-the-spec-21630c105f3d

[32] Первый черновик CSS 5 уровня: http://css-live.ru/vecssti-s-polej/pervyj-chernovik-css-5-urovnya.html

[33] Является ли CSS-in-JS действительно плохой техникой для UX?: https://medium.com/@okonetchnikov/is-css-in-js-really-bad-for-ux-e9cce7b2da83

[34] Нативная валидация форм, ч. 1: https://medium.com/samsung-internet-dev/native-form-validation-part-1-bf8e35099f1d

[35] Терминология набора правил в CSS: https://css-tricks.com/css-ruleset-terminology/

[36] Подробно о свойстве backdrop-filter: https://tympanus.net/codrops/css_reference/backdrop-filter/

[37] CSS Animations vs Web Animations API: сравнение и примеры: https://bitsofco.de/css-animations-vs-the-web-animations-api/

[38] mini.css: http://minicss.org/

[39] iotacss: https://www.iotacss.com/

[40] Введение в iotaCSS: https://medium.com/iotacss/introducing-iotacss-c2d29d5ff893

[41] Решение проблем, блокирующих рендер CSS: https://www.sitepoint.com/critical-rendering-path-css-fast-loading-website/

[42] Пошаговое руководство по созданию всплывающих подсказок на чистом CSS: https://medium.freecodecamp.com/a-step-by-step-guide-to-making-pure-css-tooltips-3d5a3e237346

[43] Упорядоченные списки с помощью юникод символов: https://css-tricks.com/ordered-lists-unicode-symbols/

[44] Сайты, использующие CSS Grid на продакшене: https://cssgrid.design/

[45] Mobile, Small, Portrait, Slow, Interlace, Monochrome, Coarse, Non-Hover, First: https://css-tricks.com/mobile-small-portrait-slow-interlace-monochrome-coarse-non-hover-first/

[46] Почему Facebook стоит поискать других писателей CSS: https://medium.com/@Yzoja/why-facebook-should-find-new-css-people-627eee28fe85

[47] CSS Custom Properties и темизация: https://css-tricks.com/css-custom-properties-theming/

[48] Выигрываем с CSS переменными: https://vgpena.github.io/winning-with-css-variables/

[49] CSS Custom Properties — ежедневное использование: https://www.mikestreety.co.uk/blog/css-custom-properties-everyday-applications

[50] Prepack: https://prepack.io/

[51] Cравнение Prepack и Svelte: https://gist.github.com/Rich-Harris/d9de6692eaae94f8aa7ca87a0dc980f2

[52] webpack плагин для prepack: https://github.com/gajus/prepack-webpack-plugin

[53] 4 видео с UralJS #3: https://www.youtube.com/playlist?list=PLVxsRDo37_Zdda1PEmbGomFbisl9O3vU1

[54] Элементы JavaScript стиля: https://medium.com/javascript-scene/elements-of-javascript-style-caa8821cb99f

[55] Python для разработчиков JavaScript: https://dev.to/underdogio/python-for-javascript-developers

[56] Глоссарий современных концептов JavaScript: часть 2: https://auth0.com/blog/glossary-of-modern-javascript-concepts-part-2/

[57] Почему я двигаюсь к веб-компонетам и не оглядываюсь назад: https://hackernoon.com/why-im-moving-on-to-web-components-and-not-looking-back-aa8028c99c83

[58] Введение в Flow: https://pusher.com/sessions/meetup/js-monthly-london/flow

[59] Ужасный import кракен — как использовать ES6-модули и не сойти с ума: https://habrahabr.ru/company/docsvision/blog/326602/

[60] Как продвигается внедрение ES6 модулей в Node.js: https://medium.com/devschacht/an-update-on-es6-modules-in-node-js-e0e7dcc44c6e

[61] ECMAScript модули в браузерах: https://jakearchibald.com/2017/es-modules-in-browsers/

[62] Практическое руководство по использованию fetch() и reduce() для извлечения и форматирования данных со внешних API: https://dev.to/jspeda/using-fetch-and-reduce-to-grab-and-format-data-from-an-external-api---a-practical-guide

[63] Асинхронный JavaScript с async/await: https://egghead.io/courses/asynchronous-javascript-with-async-await

[64] JavaScript: стрелочные функции для начинающих: https://hackernoon.com/javascript-arrow-functions-for-beginners-926947fc0cdc

[65] #13 — Redux Business Logic: http://5minreact.ru/13-redux-business-logic/

[66] Разработка вашего первого Progressive Web App c React: https://tuhub.ru/other/progressive-web-app-with-react/

[67] 10 известных приложений, использующих сегодня ReactJS: https://brainhub.eu/blog/10-famous-apps-using-reactjs-nowadays/

[68] Анимированные переходы по страницам в React: https://codepen.io/sdras/full/gWWQgb/

[69] Оптимизация производительности React с помощью компонентов без состояния: https://www.sitepoint.com/optimizing-react-performance-stateless-components/

[70] react-native-masonry: https://github.com/brh55/react-native-masonry

[71] SVG в JSX : https://github.com/balajmarius/svg-to-jsx-gui

[72] Как создать ToDo приложение с React, Redux и Webpack: https://hackernoon.com/how-to-build-a-todo-app-using-react-redux-and-webpack-1aa99dc2f45c

[73] Почему мы выбрали новый Angular: https://habrahabr.ru/company/infowatch/blog/328044/

[74] Как создать full-page сайт на Angular: http://www.creativebloq.com/how-to/how-to-build-a-full-page-website-in-angular

[75] Обновление Angular приложений: https://blog.nrwl.io/upgrading-angular-applications-upgrade-shell-4d4f4a7e7f7b

[76] Когда VueJS не может помочь тебе: http://vuejsdevelopers.com/2017/05/01/vue-js-cant-help-head-body/

[77] Обновление до Vue.js 2.3: https://alligator.io/vuejs/upgrading-vue-2.3/

[78] Концепт минималистичного блога с креативными переходами на Vue.js 2: http://codepen.io/knyttneve/full/MmEMOK/

[79] Переход с Angular на Vue: вьюдивительное приключение: https://medium.com/@Hemantisme/moving-from-angular-to-vue-a-vuetiful-journey-c29842ab2039

[80] Семь способов задания шаблона компонента во VueJS: https://medium.com/js-dojo/7-ways-to-define-a-component-template-in-vuejs-c04e0c72900d

[81] vue-infinite-loading: https://github.com/PeachScript/vue-infinite-loading

[82] SmartPhoto.js: https://appleple.github.io/SmartPhoto/

[83] pkg: https://github.com/zeit/pkg

[84] Начало работы с Riot.js: https://blog.jscrambler.com/getting-started-with-riot-js/

[85] Typefont: https://github.com/Sirvasile/Typefont

[86] spector: http://spector.babylonjs.com/

[87] Браузер Microsoft Edge и поисковик Bing, установленные в Windows 10 S по умолчанию, нельзя заменить: http://itc.ua/news/brauzer-microsoft-edge-i-poiskovik-bing-ustanovlennyie-v-windows-10-s-po-umolchaniyu-nelzya-zamenit/

[88] Fathom, новый JS-фреймворк от Mozilla, позволит браузерам «оценивать» веб-страницы с точки зрения человека: https://tproger.ru/news/mozilla-firefox-fathom-framework/

[89] Microsoft тестирует функцию безопасного выполнения браузера Edge в виртуальной машине: http://itc.ua/news/microsoft-testiruet-funktsiyu-bezopasnogo-vyipolneniya-brauzera-edge-v-virtualnoy-mashine/

[90] Обновление Firefox 53.0.2 и 52.1.1: http://www.opennet.ru/opennews/art.shtml?num=46506

[91] Samsung DeX привносит новое разрешение в мобильный веб: https://medium.com/samsung-internet-dev/samsung-dex-brings-a-new-dimension-to-the-mobile-web-f80d7edcab29

[92] Технические подробности Safari Technology Preview 29: https://webkit.org/blog/7532/release-notes-for-safari-technology-preview-29/

[93] Работа с Chrome в Headless Mode: https://developers.google.com/web/updates/2017/04/headless-chrome

[94] Массовый фишинг с поддельными ссылками на Google Docs возымел ряд последствий: https://xakep.ru/2017/05/05/google-docs-consequences/

[95] Причиной недавней фишинговой атаки «Google Docs» стала уязвимость в OAuth, обнаруженная 6 лет назад: https://tproger.ru/news/google-docs-phishing-foretold-oauth/

[96] Microsoft представила Windows 10 S для образования. Что это за система?: https://ain.ua/2017/05/04/microsoft-predstavila-windows-10-s

[97] 26% взрослого населения развитых стран не умеют пользоваться компьютером: https://vc.ru/p/computer-skill-distributon

[98] Первые спутники SpaceX для раздачи интернета отправятся на орбиту в 2019 году, теперь планируется запустить почти 12 тыс. аппаратов: http://itc.ua/news/pervyie-sputniki-spacex-dlya-razdachi-interneta-otpravyatsya-na-orbitu-v-2019-godu-teper-planiruetsya-zapustit-pochti-12-tyis-apparatov/

[99] Google и Facebook контролируют 20% мировых доходов с рекламы: https://ain.ua/2017/05/04/google-i-facebook-kontroliruyut-20-mirovyx-rasxodov-na-reklamu

[100] Microsoft перестала инвестировать в Windows 10 Mobile: https://keddr.com/2017/05/microsoft-perestala-investirovat-v-windows-10-mobile/

[101] Истёк срок действия патентов на MP3: http://www.opennet.ru/opennews/art.shtml?num=46486

[102] Аудитория Facebook достигла 1,9 млрд пользователей в месяц: https://vc.ru/n/fb-1q17

[103] Apple — лидер рынка носимых устройств: http://gagadget.com/business/26847-apple-lider-ryinka-nosimyih-ustrojstv/

[104] DARPA: сюрпризы и непроизносимое: https://3dnews.ru/951573/

[105] Из-за чего наступит закат Google: https://vc.ru/p/google-may-collapse

[106] Facebook, Google, Microsoft: о стажировках и карьере в гигантах: https://dou.ua/lenta/articles/career-in-facebook-google-microsoft/

[107] SpaceX наметила запуск первых спутников для раздачи интернета на 2019 год: https://vc.ru/n/spacex-inet-2019

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

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

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

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

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