Дайджест свежих материалов из мира фронтенда за последнюю неделю №278 (28 августа — 3 сентября 2017)

---

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

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

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

[1] Медиа: #media

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

[3] CSS: #css

[4] Javascript: #js

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

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

[7] #3: Meetups, CodeDojo MEAN, Angular 5 beta6, Cli bazel, PWA: https://www.youtube.com/watch?v=ohtDvX5NHMQ

[8] FW #17: Веб-евангелист HTML Academy про Opera, конфликты и сексизм: https://soundcloud.com/frontend-weekend/fw-17

[9] #33: Кирилл Мокевнин, Hexlet.io: http://5minreact.ru/33-kirill-mokevnin-hexlet/

[10] Ночной фронтенд #2: https://medium.com/devschacht/nightly-2-1f1d8d325b35

[11] #17: Как прокачиваться на работе: Новинки DevTools, Quantum CSS, Code Retreat, Безголовые браузеры и многое другое: https://soundcloud.com/frontend_u/e17

[12] Выпуск #6: «Тим Маринин и мышки на тёрке»: http://spb-frontend.ru/podcast/6/

[13] «Анимируем SVG в 3D с помощью Three.js»: https://www.youtube.com/watch?v=Q9BXGh9sdZw

[14] Какие нужны фавиконки: https://www.youtube.com/watch?v=iG9WF8VpogY

[15] текстовая версия: https://habrahabr.ru/company/htmlacademy/blog/336698/

[16] Прототип проекта стоимостью $86 миллионов в 57 строках кода: https://habrahabr.ru/company/badoo/blog/336766/

[17] Ссылки вокруг блоков: https://habrahabr.ru/company/htmlacademy/blog/336638/

[18] Мобильные браузеры и их пушистые лапки: https://habrahabr.ru/company/zerotech/blog/336172/

[19] Быстрый старт: начало работы с безголовым Chrome в Node.js: https://medium.com/devschacht/%D0%B1%D1%8B%D1%81%D1%82%D1%80%D1%8B%D0%B9-%D1%81%D1%82%D0%B0%D1%80%D1%82-%D0%BD%D0%B0%D1%87%D0%B0%D0%BB%D0%BE-%D1%80%D0%B0%D0%B1%D0%BE%D1%82%D1%8B-%D1%81-%D0%B1%D0%B5%D0%B7%D0%B3%D0%BE%D0%BB%D0%BE%D0%B2%D1%8B%D0%BC-chrome-%D0%B2-node-js-23a09e3ec376

[20] Организация работы фронтенд-инфраструктуры и развития команд: http://tech.adroll.com/blog/frontend/2017/08/29/how-to-run-a-front-end-infrastructure-team.html

[21] Сравнение Bootstrap 4 и Foundation 6.4 : https://medium.com/@harry.dev/part-1-bootstrap-4-vs-foundation-6-4-the-grid-8c02747f14fb

[22] Android Oreo откусывает кусочек от PWA: https://habrahabr.ru/company/zfort/blog/336592/

[23] Да, ваш проект должен быть PWA: https://alistapart.com/article/yes-that-web-project-should-be-a-pwa

[24] Создаем Progressive Web App с помощью React: https://codebrahma.com/building-progressive-web-app-react/

[25] Создаем Progressive Web Apps с помощью Angular : https://medium.com/@ahsan.ayaz/creating-progressive-web-apps-with-angular-part-1-8f752b866f29

[26] iOS 11 Safari превратит ссылки Google AMP в обычные при шаринге: https://www.theverge.com/2017/8/23/16193584/ios-11-safari-google-amp-sharing-url-scheme

[27] Лекция Виталия Харисова «10k»: https://habrahabr.ru/company/yandex/blog/336952/.com

[28] Гонка за скоростью: https://medium.com/devschacht/speeding-up-loading-in-the-era-of-smartphones-f9fa0f6ac672

[29] 20 практических советов по улучшению производительности работы JavaScript : https://www.keycdn.com/blog/javascript-performance/

[30] Состояние интернета. : https://medium.com/@fox/talk-the-state-of-the-web-3e12f8e413b3

[31] Почему задержка (latency) имеет значение: основы веб-производительности: https://www.youtube.com/watch?v=ak4EZQB4Ylg&feature=youtu.be

[32] Инклюзивность в веб-разработке: как обеспечить доступность контента каждому пользователю: https://dev.by/lenta/main/web-inclusion

[33] Лучший способ программного масштабирования веб-приложения: https://css-tricks.com/best-way-programmatically-zoom-web-application/

[34] Способы создания доступного пользовательского интерфейса, часть I: https://medium.com/fed-or-dead/ways-to-make-a-ui-accessible-part-i-84b5088acfb7

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

[36] Усиливаем анимацию суперспособностями с помощью requestAnimationFrame: https://medium.com/@bdc/gain-motion-superpowers-with-requestanimationframe-ecc6d5b0d9a4

[37] Vivify: https://github.com/Martz90/vivify

[38] Внутри супер-быстрого CSS-движка: Quantum CSS (aka Stylo): https://habrahabr.ru/post/336722/

[39] Проверяем браузер на поддержку определённого CSS свойства: https://habrahabr.ru/post/336466/

[40] Решаем проблему специфичности с помощью CSS модулей: https://webdesign.tutsplus.com/tutorials/solve-your-specificity-headaches-with-css-modules--cms-28973

[41] Как я интегрирую Bootstrap 4 и структуру моего SCSS в маленькие и средние проекты: https://medium.com/@programmiri/my-favored-scss-setup-with-bootstrap-4-547e9ea290f8

[42] Создание «Skeleton Screens» с помощью пользовательских свойств CSS: https://css-tricks.com/building-skeleton-screens-css-custom-properties/

[43] cssgrid.cc: https://cssgrid.cc/

[44] Библиотека чекбоксов на CSS: https://hunzaboy.github.io/CSS-Checkbox-Library/

[45] Adobe Typekit: теперь шрифты можно подключать без JavaScript (по аналогу с Google Fonts): https://blog.typekit.com/2017/08/30/css-font-loading/

[46] Подробное руководство по веб-шрифтам от litmus (+ о веб-шрифтах в шаблонах писем) : https://litmus.com/blog/the-ultimate-guide-to-web-fonts

[47] Пользовательские интрефейсы для вариативных шрифтов: https://alistapart.com/article/user-interfaces-for-variable-fonts

[48] Как изображения на чистом CSS помогли мне понять компоненты React : https://medium.com/coding-artist/how-pure-css-images-helped-me-understand-react-components-3ad7b05051b0

[49] Доступ и модификация CSS переменных с помощью Javascript: https://medium.com/@reasoncode/accessing-and-modifying-css-variables-with-javascript-2ccb735bbff0

[50] Как можно безопасно использовать CSS-in-JS?: https://reactarmory.com/answers/how-can-i-use-css-in-js-securely

[51] Пятничный JS: reqyire.js и очепятко-ориентированное программирование: https://habrahabr.ru/post/336906/

[52] Microsoft анонсировала обновление TypeScript 2.5: https://tproger.ru/news/typescript-2-5/

[53] Изучаем JavaScript: 9 основных ошибок, которые вас тормозят: https://www.sitepoint.com/learning-javascript-9-common-mistakes/

[54] BackboneJS: Getting Started: https://auth0.com/blog/backbonejs-getting-started/

[55] Официальный блог JS движка V8: быстрые свойства в V8: https://v8project.blogspot.pt/2017/08/fast-properties.html

[56] Лучшие JS фреймворки для фронтенда: https://rubygarage.org/blog/best-javascript-frameworks-for-front-end

[57] Angular vs. React vs. Vue: сравнение в 2017: https://medium.com/unicorn-supplies/angular-vs-react-vs-vue-a-2017-comparison-c5c52d620176

[58] JavaScript — от коллбеков до async/await: https://medium.com/@daspinola/javascript-from-callbacks-to-async-await-1cc090ddad99

[59] Реактивность Vue.js: https://medium.com/devschacht/%D1%80%D0%B5%D0%B0%D0%BA%D1%82%D0%B8%D0%B2%D0%BD%D0%BE%D1%81%D1%82%D1%8C-vue-js-b858dc270c19

[60] Почему мы перешли с Angular 2 на Vue.js (и почему мы не выбрали React): https://medium.com/reverdev/why-we-moved-from-angular-2-to-vue-js-and-why-we-didnt-choose-react-ef807d9f4163

[61] Переход с Angular на Vue.js: https://medium.com/devgurus/moving-from-angular-to-vue-js-e12d04f91baf

[62] AT-UI: https://github.com/at-ui/at-ui

[63] Используем TypeScript для разработки веб-приложений на Vue.js: https://egghead.io/courses/use-typescript-to-develop-vue-js-web-applications

[64] Async в Vue.js — часть 1: https://medium.com/@FrancescoZ/async-in-vue-js-part-1-28d96f751a2e

[65] Быстрое введение в Vue.js на примере Super Mario Pixel Art: https://medium.com/nepfin-engineering/quick-introduction-to-vue-js-super-mario-pixel-art-5ad01440663

[66] semiotic: https://emeeks.github.io/semiotic/#/

[67] Перетаскиваемые элементы с помощью RxJS : http://varun.ca/drag-with-rxjs/

[68] План миграции с экосистемы React из-за вопросов с патентом: https://onespeed.io/blog/post/patent-free-react-ecosystem-migration-plan/

[69] Шпаргалка по Angular 4 : http://www.dotnetcurry.com/angular/1385/angular-4-cheat-sheet

[70] Введение в роутинг компонентов с помощью Angular Router: https://www.sitepoint.com/component-routing-angular-router/

[71] Все про AngularJS, Angular 2 и Angular 4: https://medium.com/@shauryasinha88/all-about-angularjs-angular-2-and-angular-4-e1b1140b4215

[72] Процесс router-навигации в Angular за 7 шагов: https://jvandemo.com/the-7-step-process-of-angular-router-navigation/

[73] 12 полезных бойлерплейтов для AngularJS : http://www.designyourway.net/blog/resources/angularjs-boilerplates/

[74] Angular 4 и взаимодействие соседних компонентов: https://robferguson.org/blog/2017/08/31/angular-4-and-sibling-component-interaction/

[75] easter-egg-collection: https://github.com/WeiChiaChang/easter-egg-collection

[76] Quokka  —  живой JavaScript Scratchpad теперь и для редактора Atom: https://medium.com/@artem.govorov/quokka-live-javascript-scratchpad-for-atom-editor-a4edd27b7d91

[77] lozad.js: https://github.com/ApoorvSaxena/lozad.js

[78] jest-in-case: http://thejameskyle.com/jest-in-case.html

[79] Метод идентификации через определение дополнений, установленных в Chrome и Firefox: http://www.opennet.ru/opennews/art.shtml?num=47103

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

[81] Новые возможности Microsoft Edge: https://developer.microsoft.com/en-us/microsoft-edge/platform/changelog/desktop/16275/?compareWith=16170

[82] 18 SEO-мифов, о которых нужно забыть: https://www.searchengines.ru/18-seo-mifov-o-kotoryh-nuzhno-zabyt.html

[83] История разрушения SoundCloud: рассказ инсайдеров компании: https://vc.ru/p/soundcloud-death

[84] Обнаружена очередная атака на веб-браузеры, заражающая компьютеры при установке шрифтов: https://tproger.ru/news/new-font-attack/

[85] YouTube представил новый дизайн и логотип: https://vc.ru/n/youtube-new-logo

[86] Google ARCore – новая платформа дополненной реальности поискового гиганта для Android-устройств, Project Tango уходит в прошлое: http://itc.ua/news/google-arcore-novaya-platforma-dopolnennoy-realnosti-poiskovogo-giganta-dlya-android-ustroystv-project-tango-uhodit-v-proshloe/

[87] В чат Skype внедрили редактор кода для проведения собеседований : https://geektimes.ru/post/292525/

[88] Microsoft и Amazon договорились о совместной работе голосовых помощников Cortana и Alexa: https://vc.ru/n/cortalexa-deal

[89] Microsoft и Red Hat объявили о расширении сотрудничества: http://www.opennet.ru/opennews/art.shtml?num=47098

[90] Криптовалютный трейдер Тони Вейс — о «пузыре» вокруг биткоина, плохих ICO и переоценённости блокчейна: http://incrussia.ru/understand/kriptovalyutnyj-trejder-toni-vejs-o-puzyre-vokrug-bitkoina-plohih-ico-i-pereotsenyonnosti-blokchejna/

[91] Как братья-миллиардеры хотят создать более дешевого конкурента Slack: https://ain.ua/2017/09/03/konkurent-slack

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

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

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

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

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