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

---

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

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

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

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

[2] CSS: #css

[3] Javascript: #js

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

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

[6] CSSSR Garbage Collector #1: http://blog.csssr.ru/2017/07/19/cgc-1/

[7] Разбираемся с Shadow DOM: https://css-tricks.com/playing-shadow-dom/

[8] Измерение веб производительности; это довольно просто на самом деле : https://hackernoon.com/measuring-web-performance-its-really-quite-simple-adeda8f7f39e

[9] Размышления по поводу HTTP/2 и бандлинга: https://css-tricks.com/musings-on-http2-and-bundling/

[10] О нюансах использования Inline SVG на продакшене: https://css-tricks.com/gotchas-getting-inline-svg-production-part-ii/

[11] популярной статьи двухлетней давности: https://css-tricks.com/gotchas-on-getting-svg-into-production/

[12] Как прятать: https://www.youtube.com/watch?v=Ns0zijQJxH4

[13] «Frontend Weekend» FW #12: https://soundcloud.com/frontend-weekend/fw-12

[14] «Пятиминутка React» #26: https://www.youtube.com/watch?v=UP8UoXSr3aU&feature=youtu.be

[15] «Фронтёрки» #8: http://fronterki.fm/post/163175551163/shebanov

[16] «Фронтенд Юность» #10: https://soundcloud.com/frontend_u/e10

[17] Как сделать Progressive Web Apps: руководство новичка: https://habrahabr.ru/company/netologyru/blog/333544/

[18] Комьюнити выбрало официальный неофициальный логотип для Progressive Web Apps: https://medium.com/samsung-internet-dev/we-now-have-a-community-approved-progressive-web-apps-logo-823f212f57c9

[19] Подробное руководство для новичков по PWA : https://hackernoon.com/a-beginners-guide-to-progressive-web-apps-the-frontend-web-424b6d697e35

[20] Gulp и верстка простой AMP страницы: https://www.youtube.com/watch?v=ejOPpUNxXu4

[21] Как использовать AMP в WordPress: https://www.sitepoint.com/use-amp-with-wordpress/

[22] Как Accelerated Mobile Pages (AMP) могут улучшить вам SEO: https://medium.com/@giovanni_power7/accelerated-mobile-pages-160bec3c0d41

[23] WebStorm 2017.2 – что нового в поддержке JavaScript, TypeScript, Angular и Sass и работе с ESLint, Karma и Mocha : https://habrahabr.ru/company/JetBrains/blog/333630/

[24] npm link на стероидах: https://habrahabr.ru/company/mailru/blog/333580/

[25] Webpack: основы настройки проекта на JavaScript и Sass: https://tproger.ru/translations/webpack-basics/

[26] Как использовать Polymer Webpack: https://medium.com/dev-channel/how-to-use-polymer-with-webpack-b41812d78b15

[27] bundle-buddy: https://github.com/samccone/bundle-buddy

[28] Концепты и Service Workers: https://scotch.io/tutorials/build-a-progressive-web-app-offline-git-trending-app-part-1-concepts-and-service-workers

[29] Кеширование и Оффлайн: https://scotch.io/tutorials/build-an-offline-git-trending-pwa-part-2-caching-and-offline

[30] Создание графики на HTML Canvas: https://egghead.io/courses/create-graphics-with-html-canvas

[31] Из грязи в князи, создание WebVR интерактива с помощью Babylon.js для всех платформ: https://www.davrous.com/2017/07/07/from-zero-to-hero-creating-webvr-experiences-with-babylon-js-on-all-platforms/

[32] Создание вращающейся 3D карусели на CSS и JavaScript: https://www.sitepoint.com/building-3d-rotating-carousel-css-javascript/

[33] GreenSock для новичков (часть 2): GSAP’s Timeline: https://www.sitepoint.com/greensock-beginners-part-2-gsaps-timeline/

[34] Слайдер изображений на CSS с использованием шаблонов SVG: https://codepen.io/damianmuti/pen/OgBWej

[35] Адаптивный анимированный дом на CSS: https://codepen.io/davidkpiano/full/xLKBpM/

[36] LEGO Loader: https://codepen.io/chrisgannon/full/yXmbMg/

[37] CSS — это не чёрная магия: https://habrahabr.ru/company/ruvds/blog/333506/

[38] Как создать эффект матового стекла на чистом CSS?: https://medium.com/@AmJustSam/how-to-do-css-only-frosted-glass-effect-e2666bafab91

[39] Let's Get Critical: минимизация блокирующего рендер CSS с помощью Webpack: https://vuejsdevelopers.com/2017/07/24/critical-css-webpack/

[40] Использование CSS для определения и подсчета простых чисел: https://github.com/xieranmaya/blog/issues/12

[41] Отключаем возможность зума в Google Maps iframe: https://codepen.io/Rplus/full/awMVjy/

[42] 4 техники для задания отзывчивых размеров шрифта с помощью: https://medium.com/@martijn.cuppens/4-techniques-for-responsive-font-sizing-with-scss-f663791c62f0

[43] RFS: миксин, автоматизирующий использование отзывчивой типографики: https://blog.intracto.com/rfs-automated-scss-responsive-font-sizing

[44] Что для веб-разработчиков означают вариабельные шрифты?: https://blog.prototypr.io/what-does-variable-fonts-mean-for-web-developers-2e2b96c66497

[45] Коллекция интересных фактов о CSS Grid Layout: https://css-tricks.com/collection-interesting-facts-css-grid-layout/

[46] Слайдшоу на CSS Grid Layout: https://tympanus.net/codrops/2017/07/19/css-grid-layout-slideshow/

[47] Rachel Andrew о причинах возникновения спецификации гридов и о проблемах, которые они решают: https://rachelandrew.co.uk/archives/2017/07/19/refer-to-the-spec-background-and-motivation/

[48] display:contents — это не CSS Grid Layout subgrid: https://rachelandrew.co.uk/archives/2017/07/20/why-display-contents-is-not-css-grid-layout-subgrid/

[49] Дели — сокращай, или как мы делали мобильный 2ГИС Онлайн: https://habrahabr.ru/company/2gis/blog/333016/

[50] Реактивные интерфейсы на нативном JavaScript — Часть 1: Чистый функциональный стиль: https://medium.com/devschacht/brandon-smith-reactive-uis-with-vanillajs-part-1-pure-functional-style-eab429612ba2

[51] Нейросети с нуля для JavaScript разработчиков (Часть 1: Перцептрон): https://medium.com/devschacht/neural-networks-from-scratch-for-javascript-linguists-part1-the-perceptron-30c64ee9dbba

[52] Состояние JavaScript в 2017: https://stateofjs.com/

[53] Десять вещей, которые серьезный JavaScript разработчик должен изучить: https://benmccormick.org/2017/07/19/ten-things-javascript/

[54] Скрытые сообщения в именах свойств в JavaScript: https://www.stefanjudis.de/hidden-messages-in-javascript-property-names.html

[55] Современный стек разработки фронтенда: https://www.linux.com/blog/learn/2017/7/modern-day-front-end-development-stack

[56] 6 нативных методов манипуляции DOM, вдохновленные jQuery: https://www.sitepoint.com/native-dom-manipulation-methods/

[57] Инструменты Javascript для end-to-end тестирования веб приложений: https://mo.github.io/2017/07/20/javascript-e2e-integration-testing.html

[58] Состояние интернационализации в JavaScript: https://www.sitepen.com/blog/2017/07/19/the-state-of-internationalization-in-javascript/

[59] Angular vs React vs Vue: https://medium.com/@harryho2/angular-vs-react-vs-vue-f470f5b74bf6

[60] Tiny-ES6-Notebook: https://github.com/mattharrison/Tiny-ES6-Notebook

[61] Фабричные функции JavaScript с ES6+: https://medium.com/javascript-scene/javascript-factory-functions-with-es6-4d224591a8b1

[62] CSSSR Live: Мастер-класс по Vue.js: https://www.youtube.com/watch?v=0QBv6mmwVYs

[63] CSSSR Pair Coding #1: Делаем учебный проект «Каталог фильмов» на Vue.js: https://www.youtube.com/watch?v=InAWVrLnycw

[64] Начинаем работать с Vue.js: https://medium.com/@diananina247/getting-started-with-vue-js-5850edf4c146

[65] Flue. Еще одна flux библиотека: https://medium.com/@FrancescoZ/flue-another-flux-library-82ff43f70899

[66] Как (безопасно) использовать jQuery плагины с Vue.js: https://medium.com/js-dojo/how-to-safely-use-a-jquery-plugin-with-vue-js-786acdfb743b

[67] История нашей прогрессивной миграции с Backbone на Vue.js: https://snipcart.com/blog/progressive-migration-backbone-vuejs-refactoring

[68] Как работать с Computed Properties в VueJS?: https://medium.com/@shivkumarganesh/learn-how-to-work-with-computed-properties-in-vuejs-304dbe20c070

[69] Как использовать вотчеры Vue.js для асинхронных обновлений?: https://medium.com/@shivkumarganesh/how-to-use-vue-js-watchers-for-async-updates-b9e77ca1f20f

[70] Vue.js API в терминале: https://github.com/p-adams/vue-help

[71] Vue.js: прогрессивный Javascript фреймворк: https://pusher.com/sessions/meetup/bristol-js/vuejs-the-progressive-javascript-framework

[72] В чём сила Redux?: https://habrahabr.ru/post/333848/%5Bperevod%5D-v-chyom-sila-redux-eto-perevo

[73] Пользователи React подписали петицию: http://oddstyle.ru/wordpress-2/novosti-wordpress/polzovateli-react-podpisali-peticiyu-k-facebook-dlya-relicenzirovaniya-react-js.html

[74] Петиция по релицензированию React: http://oddstyle.ru/wordpress-2/novosti-wordpress/peticiya-po-relicenzirovaniyu-react-byla-peredana-texnicheskim-direktoram-facebook.html

[75] Восемь вещей, которые необходимо изучить в React перед использованием Redux: https://www.robinwieruch.de/learn-react-before-using-redux/

[76] React Starter Kit: https://github.com/HosseinKarami/React-Starter-Kit/

[77] Введение в Hoodie и React: https://css-tricks.com/intro-hoodie-react/

[78] Как создать клон Reddit с использованием React и Firebase: https://www.sitepoint.com/reddit-clone-react-firebase/

[79] Как использовать React, ES6, Yarn и Webpack для создания WordPress плагина: https://wplobster.com/how-to-use-react-es6-yarn-and-webpack-to-build-a-wordpress-plugin/

[80] Как изучать React: план из пяти шагов: https://www.lullabot.com/articles/how-to-learn-react

[81] Angular 4  —  Third Party API’s: https://medium.com/@Learn2Code/angular-4-third-party-apis-50ad4d18fe2b

[82] Lazy loading: разделение кода NgModules с Webpack: https://toddmotto.com/lazy-loading-angular-code-splitting-webpack

[83] Совмещаем формы Angular с @ngrx/store: https://netbasal.com/connect-angular-forms-to-ngrx-store-c495d17e129

[84] Popmotion: https://popmotion.io/

[85] RE:DOM: https://redom.js.org/

[86] mesh: https://github.com/chrispsn/mesh

[87] wade: https://github.com/KingPixil/wade

[88] GPU.JS: http://gpu.rocks/

[89] tiza: https://github.com/pd4d10/tiza

[90] Расширение Particle для Chrome сменило владельца и тут же стало вредоносным: https://xakep.ru/2017/07/17/particle-adware/

[91] Пересмотр рыночной доли Firefox: https://andreasgal.com/2017/07/19/firefox-marketshare-revisited/

[92] Новый Firefox и огромное количество табов: https://metafluff.com/2017/07/21/i-am-a-tab-hoarder/

[93] Превью Storage API в Firefox Nightly: https://blog.nightly.mozilla.org/2017/07/17/preview-storage-api-in-firefox-nightly/

[94] Рейтинг языков программирования 2017 года от издания IEEE Spectrum : http://www.opennet.ru/opennews/art.shtml?num=46901

[95] Что такое экономика токенов, или Почему блокчейн пожирает мир: https://ain.ua/2017/07/19/chto-takoe-ekonomika-tokenov

[96] Mozilla развивает свою систему распознавания речи: http://www.opennet.ru/opennews/art.shtml?num=46892

[97] YouTube закрывает сервис редактирования видео. Его никто не использует: https://ain.ua/2017/07/22/youtube-zakryvaet-editor

[98] Прибыль Microsoft превысила ожидания за счёт успехов в области облачных вычислений: https://3dnews.ru/955850/#5972f357b4182e57508b4570

[99] Google предлагает всем желающим виртуально прогуляться по МКС с помощью сервиса Street View: http://itc.ua/blogs/google-predlagaet-vsem-zhelayushhim-virtualno-progulyatsya-po-mks-s-pomoshhyu-servisa-street-view/

[100] Google добавила персонализированную ленту контента в своё мобильное приложение: http://itc.ua/news/google-dobavila-personalizirovannuyu-lentu-kontenta-v-svoyo-mobilnoe-prilozhenie/

[101] Как нам правильно купить шрифты, чтобы потом не было проблем с лицензиями?: http://bureau.ru/bb/soviet/20170722/

[102] Инструменты сводят с ума: https://rakh.im/tools_overhead/

[103] Школы vs. искусственный интеллект. Почему Wolfram Alpha стоит отдать должное: https://ain.ua/2017/07/17/shkoly-vs-iskusstvennyj-intellekt

[104] Google Glass возвращаются: https://www.searchengines.ru/google-glass-vozvrashhayutsya.html

[105] Представлен новый интерфейс GitLab: http://www.opennet.ru/opennews/art.shtml?num=46872

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

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

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

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

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