Дайджест свежих материалов из мира фронтенда за последнюю неделю №288 (6 — 12 ноября 2017)

---

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

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

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

[1] Медиа: #media

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

[3] CSS: #css

[4] Javascript: #js

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

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

[7] Выпуск №:94 WSD в Москве, KharkivFrontend, Node.js 8 LTS, типографика и CSS, интервенции Chrome, дизайн в Деньгах.: https://medium.com/web-standards/episode-94-3ea0c6bcfc3b

[8] #27 – Денис Радин обо всей правде жизни разработчика за границей: https://soundcloud.com/frontend-weekend/fw-27

[9] Ночной фронтенд #10 — Тесты, отладка и сложный мёрдж в XCode: https://medium.com/devschacht/nightly-10-b349c398a25f

[10] #26 Во всём виноват Джейк Арчибальд: https://soundcloud.com/frontend_u/e26

[11] Выпуск №:93 WSD, YGLF, проблемная ReactiveConf, графика и цвет, фокус и курсоры, React и Kotlin, украинский фронтенд.: https://medium.com/web-standards/episode-93-374a0bbb4777

[12] #16 — «К нам зашел бекенд...»: https://spb-frontend.ru/podcast/16/

[13] «Анимация «Мандала» или как рисовать синусами и вдохновляться»: https://www.youtube.com/watch?v=MoEjp5E5tBs

[14] 3 видео с moscowcss_5: https://www.youtube.com/playlist?list=PLAf_MJ7SOshEYxwwIsATYP2HjX8GpSB61

[15] 16 видео с FrontTalks 2017: https://www.youtube.com/playlist?list=PLKaafC45L_SQR57ehut1UTl1gcEZZ9hqL

[16] Как учиться веб-разработке? Вадим Макеев в гостях у LoftBlog: https://www.youtube.com/watch?v=O9o_KAchp9g

[17] Веб пора спасать?: https://habrahabr.ru/post/341772/.com

[18] Знакомство с WebAssembly: https://habrahabr.ru/post/342180/.com

[19] БЭМ для дизайнеров, или Прототипирование на продакшн-технологиях: https://medium.com/yandexmoney/%D0%B1%D1%8D%D0%BC-%D0%B4%D0%BB%D1%8F-%D0%B4%D0%B8%D0%B7%D0%B0%D0%B9%D0%BD%D0%B5%D1%80%D0%BE%D0%B2-%D0%B8%D0%BB%D0%B8-%D0%BF%D1%80%D0%BE%D1%82%D0%BE%D1%82%D0%B8%D0%BF%D0%B8%D1%80%D0%BE%D0%B2%D0%B0%D0%BD%D0%B8%D0%B5-%D0%BD%D0%B0-%D0%BF%D1%80%D0%BE%D0%B4%D0%B0%D0%BA%D1%88%D0%BD-%D1%82%D0%B5%D1%85%D0%BD%D0%BE%D0%BB%D0%BE%D0%B3%D0%B8%D1%8F%D1%85-fd6218b1850f

[20] Подходы Right-To-Left в разработке и дизайне мобильных сайтов : https://www.smashingmagazine.com/2017/11/right-to-left-mobile-design/

[21] Использование SVG в качестве плейсхолдеров — еще больше техник загрузки изображений: https://jmperezperez.com/svg-placeholders/

[22] Пирамида тестирования фронтенда: как пересмотреть свой взгляд на тестирование: https://medium.freecodecamp.org/the-front-end-test-pyramid-rethink-your-testing-3b343c2bca51

[23] Советы и scripts в npm: https://blog.webkid.io/npm-tips-and-scripts/

[24] Серия ответов на вопросы (AMA) с разработчиками npm : https://hashnode.com/ama/with-npm-cj9hbs5pw01hcc0wuqm3tatci

[25] Awesome Speakers: https://github.com/karlhorky/awesome-speakers

[26] «HTTP/2 — это легко, просто включите его», -говорят нам ребята из BBC. Рост производительности — от 3% до 34% : https://medium.com/bbc-design-engineering/http-2-is-easy-just-turn-it-on-34baad2d1fb1

[27] Уменьшаем вес изображений с помощью техники конвертации контраста CSS фильтрами : https://css-tricks.com/contrast-swap-technique-improved-image-performance-css-filters/

[28] 6 шагов к улучшению производительности вашего веб-приложения : https://medium.com/aerolab-stories/6-steps-to-improve-your-web-apps-performance-74d4b87aa64d

[29] Измерение веб-производительности – анализируем, что имеет наибольшее значение : https://www.keycdn.com/blog/measuring-web-performance/

[30] Руководство для разработчиков по оптимизации производительности: https://snipcart.com/blog/ecommerce-optimization-developers-guide

[31] Лучшие практики использования иконок в мире HTTP/2. Краткий обзор нюансов и анализ нескольких популярных сайтов: https://keylocation.sg/our-tech/icon-http2

[32] О создании новой быстрой версии сайта BMW: https://responsivedesign.is/examples/bmw/

[33] Руководство по alt-text от слабовидящего веб-разработчика: https://habrahabr.ru/post/341810/.com%5Bperevod%5D-rukovodstvo-po-alt-text-ot-sla

[34] Отрывок “Planning for Accessibility" из третьей главы книги новой книги Laura Kalbag «Accessibility for Everyone»: https://alistapart.com/article/planning-for-accessibility

[35] ARIA — это шпаклевка, а не арматура: https://css-tricks.com/aria-spackle-not-rebar/

[36] Еженедельная подборка красивых эффектов на CSS/SVG/JS #61: http://css-live.ru/css/ezhenedelnaya-podborka-krasivyx-effektov-nacsssvgjs-61.html

[37] Web Animation API — используем мощь CSS keyframes в JavaScript: http://www.javascriptkit.com/javatutors/web-animation-api-tutorial.shtml

[38] chromeography: https://www.clicktorelease.com/code/codevember-2017/chromeography/

[39] Создание анимации с превращением свезды в сердце, с помощью SVG и Vanilla JavaScript: https://css-tricks.com/creating-star-heart-animation-svg-vanilla-javascript/

[40] Анимация раскрывающихся сеток: https://tympanus.net/codrops/2017/11/08/expanding-grid-item-animation/

[41] Очерки истории CSS: https://habrahabr.ru/company/ruvds/blog/341832/.com%5Bperevod%5D-ocherki-istorii-cssrazmyshlyaya

[42] Нормальный сброс: https://habrahabr.ru/company/htmlacademy/blog/342052/

[43] Простая сетка на гридах с фолбэками с помощью @supports: http://css-live.ru/articles/verstka-prostoj-setki-s-folbekami-ispolzuyushhimi-direktivu-supports-feature-queries.html

[44] Гладкие скругленные углы с помощью CSS Houdini: http://iamvdo.me/en/blog/smooth-corners-with-css-houdini

[45] CSS код с запашком: https://css-tricks.com/css-code-smells/

[46] Практическое использование соотношений сторон в медиа запросов: https://www.chenhuijing.com/blog/aspect-ratio-media-queries/

[47] Области в гридах и элементы, которые их занимают, не обязательно имеют одиновый размер: https://css-tricks.com/grid-areas-element-occupies-arent-necessarily-size/

[48] Все что вам нужно знать о CSS-in-JS: https://medium.com/@wesharehoodies/all-you-need-to-know-about-css-in-js-984a72d48ebc

[49] Должны ли мы перестать использовать сервис Google Fonts и хостить шрифты самостоятельно?: https://github.com/google/fonts/issues/1307

[50] изменения значения Weight в популярном шрифте montserrat: https://github.com/JulietaUla/Montserrat/issues/60

[51] Почему Atomizer (acss.io) не использует более читаемые имена? : https://github.com/jitendravyas/Q-A/issues/5

[52] Google: найденные в JavaScript ссылки полностью передают PageRank: https://www.searchengines.ru/js-google-links.html

[53] Mozilla выпустила небольшой обучающий курс по отладке JavaScript с помощью debugger: https://tproger.ru/news/mozilla-firefox-debugger/

[54] Привет из мезозоя: https://habrahabr.ru/post/341692/

[55] Просто о D3.js: https://habrahabr.ru/post/342106/

[56] Что такое RxJS и почему о нём полезно знать: https://habrahabr.ru/company/ruvds/blog/341880/

[57] Каково это изучать JavaScript в 2018: https://codeburst.io/how-it-feels-to-learn-javascript-in-2018-6b2cf7abb6aa

[58] 5 руководств по стилю JavaScript — включая AirBnB, GitHub и Google: https://codeburst.io/5-javascript-style-guides-including-airbnb-github-google-88cbc6b2b7aa

[59] Правильная обработка ошибок в JavaScript: https://scotch.io/tutorials/proper-error-handling-in-javascript

[60] Адаптация JavaScript-абстракций со временем: https://css-tricks.com/adapting-javascript-abstractions-time/

[61] Стэк GraphQL: как все сочетается друг с другом: https://dev-blog.apollodata.com/the-graphql-stack-how-everything-fits-together-35f8bf34f841

[62] Первая практика GraphQL First в Quri: https://dev-blog.apollodata.com/graphql-first-in-practice-at-quri-7bf84b260135

[63] Жив ли Meteorjs: https://news.ycombinator.com/item?id=15624623

[64] Отладка React-приложений в VS Code: https://habrahabr.ru/company/ruvds/blog/341878/

[65] Использование React 16 Portal для создания чего-нибудь крутого: https://hackernoon.com/using-a-react-16-portal-to-do-something-cool-2a2d627b0202

[66] Настройки производительности React-приложения на примере реального проекта: https://codeburst.io/performance-tuning-a-react-application-f480f46dc1a2

[67] Клиент Ethereum Light на React: https://medium.com/@kouohhashi/ethereum-light-client-with-private-network-29f8a3c8862

[68] Angular 5: https://habrahabr.ru/post/341688/.com

[69] Впечатления от Angular Connect 2017: https://habrahabr.ru/post/342134/

[70] Общий функционал и Lazy-модули: https://dev.nvx.me/2017/102-share-components-by-lazy-modules/

[71] Что нового в Angular v5: анимации: https://netbasal.com/whats-new-in-angular-v5-animations-274ee7ac78c6

[72] Топ 5 вопросов на собеседовании по AngularJS: https://shirotech.com/study/angularjs-interview-questions

[73] Как не страдать с Angular — подробное руководство: https://malcoded.com/posts/angular-beginners-guide

[74] Vue.js tutorial: от jQuery к Vue.js: https://habrahabr.ru/post/341798/

[75] Как GitLab работает с Vue: спустя год: https://about.gitlab.com/2017/11/09/gitlab-vue-one-year-later/

[76] Состояние Vue.js — Основные выводы из ежегодного отчета: https://www.monterail.com/blog/state-of-vuejs-report-summary

[77] Зачем тестировать приложения на Vue ?: https://codeburst.io/why-test-vue-applications-95d5be99206c

[78] Emergence.js: https://xtianmiller.github.io/emergence.js/

[79] js2flowchart: https://github.com/Bogdan-Lyashenko/js-code-to-svg-flowchart

[80] В Firefox 57 появятся средства для блокирования отслеживания перемещений: http://www.opennet.ru/opennews/art.shtml?num=47533

[81] В Chrome появится защита от открытия рекламных страниц без ведома пользователя: http://www.opennet.ru/opennews/art.shtml?num=47543

[82] Выпуск web-браузера Opera 49: http://www.opennet.ru/opennews/art.shtml?num=47534

[83] Майнингом через браузеры посетителей занимаются почти 2500 интернет-магазинов: https://xakep.ru/2017/11/09/cryptojacking-madness/

[84] Async Pan/Zoom (APZ) приходит в Firefox Quantum: https://hacks.mozilla.org/2017/11/async-panzoom-apz-lands-in-firefox-quantum/

[85] Intel объединяется с AMD: встречаем процессор Core с графикой Radeon: https://3dnews.ru/961122/#5a008fd6b4182ee9428b4570

[86] Проблемы больших компаний: https://felixit.blog/2017/11/08/problemy-bolshih-kompanii/

[87] «Теневые профили»: Как Facebook вычисляет всех, кого вы когда-либо знали: https://ain.ua/2017/11/09/tenevye-profili

[88] Бог есть технология: Как диджитализм стал религией Долины : https://secretmag.ru/trends/tendencies/bog-est-tekhnologiya-kak-didzhitalizm-stal-religiei-doliny.htm

[89] Пользователь случайно удалил немного кода на популярной криптоплатформе. И заблокировал эфира на $280 млн: https://ain.ua/2017/11/08/zablokirovali-efira-na-280-mln

[90] Flightradar24 — как это работает?: https://geektimes.ru/post/295135/

[91] Как развивается противостояние Bitcoin и Bitcoin Cash и кто за этим стоит: https://vc.ru/28959-kak-razvivaetsya-protivostoyanie-bitcoin-i-bitcoin-cash-i-kto-za-etim-stoit

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

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

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

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

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