Дайджест свежих материалов из мира фронтенда за последнюю неделю №236 (7 — 13 ноября 2016)

---

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

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

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

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

[2] CSS: #css

[3] Javascript: #js

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

[5] Новости и занимательное: #intresting

[6] Государственный сайт, доступный для людей с ограниченными возможностями (чек-лист доступности): https://habrahabr.ru/company/design/blog/314910/

[7] Встречайте HTML5.1: крупное обновление стандарта, которое никто не заметил: https://tproger.ru/news/meet-html-5-1/

[8] Применяем Google AMP в WordPress: http://oddstyle.ru/wordpress-2/stati-wordpress/primenyaem-google-amp-v-wordpress.html

[9] Становимся на рельсы полного стэка: фронтенд: https://blog.codeminer42.com/go-full-stack-rails-the-frontend-part-1-1b889c919b4a

[10] FormLinter: https://formlinter.com/

[11] The SVG 2 Conundrum: https://css-tricks.com/svg-2-conundrum/

[12] Об особенностях китайского языка в вебе: https://www.chenhuijing.com/blog/chinese-web-typography/

[13] Сравнение форматов сериализации данных: JSON, YAML, BSON, MessagePack: https://www.sitepoint.com/data-serialization-comparison-json-yaml-bson-messagepack/

[14] Прогрессивные веб-приложения: чем они являются на самом деле?: https://speckyboy.com/progressive-web-applications/

[15] 10 советов и трюков, которые сделают вас npm-ниндзей: https://www.sitepoint.com/10-npm-tips-and-tricks/

[16] Переосмысление адаптивного дизайна: https://medium.com/@unakravets/rethinking-responsive-d557ef1745bd

[17] Как участвовать в open source проекте на GitHub: http://blog.davidecoppola.com/2016/11/howto-contribute-to-open-source-project-on-github/

[18] Эффектный трехмерный календарь: http://tympanus.net/codrops/2016/11/09/cubes-advent-calendar/

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

[20] Записи видео с WSD в Минске 2016 : https://www.youtube.com/watch?v=4fEqptmymRM&feature=youtu.be&list=PLMBnwIwFEFHekmHQcApwkIzEfG8UJ_f-7

[21] Лекции Технотрека. Основы веб-разработки (весна 2016): https://habrahabr.ru/company/mailru/blog/315080/

[22] Большая коллекция англо- и русскоязычных каналов для фронтенд‑разработчиков : https://github.com/andrew--r/channels

[23] Progressive Performance: https://www.youtube.com/watch?v=4bZvq3nodf4&index=16&list=PLNYkxOF6rcIBTs2KPy1E6tIYaWoFcG3uj

[24] Debugging The Web: https://www.youtube.com/watch?v=HF1luRD4Qmk

[25] Building Progressive Web Apps Today: https://www.youtube.com/watch?v=U52dD0tegsA&index=7&list=PLNYkxOF6rcIBTs2KPy1E6tIYaWoFcG3uj

[26] From AMP to PWA — the best of both worlds: https://www.youtube.com/watch?v=M_ZCgbEGyHY

[27] Advanced JS performance with V8 and Web Assembly: https://www.youtube.com/watch?v=PvZdTZ1Nl5o

[28] Методы управления интервалами в веб-типографике: http://frontender.info/methods-controlling-spacing-web-typography/

[29] Сравнение OOCSS, SMACSS, Atomic и BEM на примере верстки «Holy Grail Layout»: https://github.com/AleshaOleg/holy-grail-markup

[30] Если CSS так прост, почему все в нем лажают?: https://hackernoon.com/if-css-is-so-easy-why-does-everyone-suck-e4442cc9428a

[31] Состояние адаптивных 3D форм: https://css-tricks.com/state-responsive-3d-shapes/

[32] Объяснение работы CSS псевдоклассов с помощью кода и множества диаграмм: https://medium.freecodecamp.com/explained-css-pseudo-classes-cef3c3177361

[33] Сила цветовых функций rgba() в CSS: https://css-tricks.com/the-power-of-rgba/

[34] @supports изменит твою жизнь: http://www.lottejackson.com/learning/supports-will-change-your-life

[35] Проблема с PostCSS: https://medium.com/@KingdaroBL/the-problem-with-postcss-86bfb5f0a3f8

[36] Начни пользоваться CSS-ом будущего с помощью PostCSS-cssnext: https://www.sitepoint.com/future-css-with-postcss-cssnext/

[37] Поворот элементов страницы с помощью переменных CSS: https://blog.hospodarets.com/demos/no-preprocessor-css-3d-cube/

[38] Исправляем специфические CSS баги в Outlook : https://medium.com/cm-engineering/fixing-bugs-with-outlook-specific-css-f4b8ae5be4f4

[39] Архитектура CSS для систем дизайна: http://bradfrost.com/blog/post/css-architecture-for-design-systems/

[40] CSS Grid, Flexbox и Box Alignment: наша новая система для веб разметки: https://www.smashingmagazine.com/2016/11/css-grids-flexbox-and-box-alignment-our-new-system-for-web-layout/

[41] Sprite Spirit: https://eliorshalev.github.io/sprite-spirit/

[42] Множество JS-пакетов в одном репозитории: https://habrahabr.ru/company/amperka/blog/314894/.io.com.io

[43] Математика в JavaScript: https://habrahabr.ru/post/312880/

[44] Jasmine vs. Mocha, Chai и Sinon: https://habrahabr.ru/post/314978/

[45] Вам может понадобиться jQuery: https://medium.com/@ui_market/you-might-need-jquery-5b6c0c757e61

[46] Объемная шпаргалка по JavaScript: https://www.codementor.io/johnnyb/tutorials/javascript-cheatsheet-fb54lz08k

[47] Борьба с эболой с помощью JS: https://medium.com/net-magazine/fighting-ebola-with-javascript-26b48da8f84a

[48] Javascript async and await — какие проблемы они решают?: http://unwttng.com/javascripts-async-and-await-what-problem-do-they-solve/

[49] Написание JavaScript фреймворка — привязка данных с ES6 Proxies: https://blog.risingstack.com/writing-a-javascript-framework-data-binding-es6-proxy/

[50] Технологический радар по фреймворкам и библиотекам: https://www.thoughtworks.com/radar/languages-and-frameworks

[51] Журнал ошибок в клиентских приложениях: https://www.sitepoint.com/logging-errors-client-side-apps/

[52] Курс создания игры Pacman: http://www.jeffreybiles.com/build-pacman

[53] Только выпустив Angular 2, Google анонсировала скорый релиз Angular 3: https://tproger.ru/news/angular-3-is-around-the-corner/

[54] Пожалуйста, перестаньте беспокоиться по поводу Angular 3: https://toddmotto.com/please-stop-worrying-about-angular-3

[55] Основы AngularJS 1.x, ч.1: https://scotch.io/tutorials/angularjs-1-x-fundamentals-part-1

[56] Миграция с Angular 1 App на Angular 2, ч.2: https://auth0.com/blog/migrating-an-angular-1-app-to-angular-2-part-2/

[57] Актуальные вопросы для собеседованию по Angular 1.x: https://toddmotto.com/modern-angular-interview-questions

[58] Тестирование сервисов в Angular 2: https://semaphoreci.com/community/tutorials/testing-services-in-angular-2

[59] Vue.js 2: передача данных между компонентами: https://medium.com/@modex13/vue-js-2-%D0%BF%D0%B5%D1%80%D0%B5%D0%B4%D0%B0%D1%87%D0%B0-%D0%B4%D0%B0%D0%BD%D0%BD%D1%8B%D1%85-%D0%BC%D0%B5%D0%B6%D0%B4%D1%83-%D0%BA%D0%BE%D0%BC%D0%BF%D0%BE%D0%BD%D0%B5%D0%BD%D1%82%D0%B0%D0%BC%D0%B8-467383294847

[60] Четыре вещи, сделанные верно в Vue.js: https://medium.com/js-dojo/4-things-vue-js-got-right-10820cc84004

[61] Создание приложения ToDo на Vue.js, ч.1: https://blog.petersowah.com/vue-js-todo-app-part-i-8d503b67b238

[62] Internationalization for Redux/React projects: https://medium.com/@derzunov/internationalization-for-redux-react-projects-409438bc249a

[63] Семь месяцев с Redux: две вещи, которые выучила моя команда на этом пути: https://medium.com/@benipsen/seven-months-into-redux-two-things-my-team-learned-along-the-way-5d979c25ea61

[64] Что мы узнали после использования React Native в течении года: https://hashnode.com/post/what-we-learned-after-using-react-native-for-a-year-civdr8zv6058l3853wqud7hqp

[65] Как я изучил React и ты можешь сделать то же самое: https://medium.com/@sgroff04/how-i-learned-react-and-how-you-can-too-6714a48e984a

[66] Типизированный Redux: https://blog.callstack.io/typed-redux-2aa8bff926ff

[67] Тестирование React Native и Redux: https://blog.hellojs.org/testing-react-native-and-redux-e5a71b99e178

[68] Борьба за независимость компонента: https://medium.com/@skidding/fighting-for-component-independence-2a762ee53272

[69] Многофакторная авторизация в React приложениях: https://scotch.io/tutorials/multifactor-authentication-in-your-react-apps

[70] Создание табличной разметки для дальнейшего использования в Angular 2 проектах: https://medium.com/@ct7/building-a-reusable-table-layout-for-your-angular-2-project-adf6bba3b498

[71] Создание приложения на Vue 2 с использованием Vue-router: https://www.liquidlight.co.uk/blog/article/building-a-vue-v2-js-app-using-vue-router/

[72] Создание медиа-библиотеки с помощью React, Redux, и Redux-saga – ч.1: https://scotch.io/tutorials/build-a-media-library-with-react-redux-and-redux-saga-part-1

[73] turbo.js: https://turbo.github.io/

[74] Анимация DOM с помощью Anime.js: https://www.sitepoint.com/animating-the-dom-with-anime-js/

[75] jquery-linechart: https://github.com/kirillstepkin/jquery-linechart

[76] JSCITY: https://github.com/aserg-ufmg/JSCity/wiki/JSCITY

[77] whitestorm.js: https://github.com/WhitestormJS/whitestorm.js

[78] «Браузерная война» Google Chrome продолжается — вести с полей: https://habrahabr.ru/post/315078/

[79] Chrome для Android начнет поддерживать виртуальную реальность: http://gagadget.com/24483-chrome-dlya-android-nachnet-podderzhivat-virtualnuyu-realnost/

[80] Браузерный аддон Web Of Trust, установленный 140 млн раз, продавал данные пользователей: https://xakep.ru/2016/11/08/wot-fail/

[81] Internet Explorer потерял 331 млн пользователей и уступил лидерство Chrome: http://gagadget.com/24433-internet-explorer-poteryal-331-mln-polzovatelej-i-ustupil-liderstvo-chrome/

[82] В Firefox появилась многопроцессная обработка контента и Quantum Compositor: http://www.opennet.ru/opennews/art.shtml?num=45480

[83] Технические детали Safari Technology Preview 17: https://webkit.org/blog/7071/release-notes-for-safari-technology-preview-17/

[84] Mozilla Push Server теперь поддерживает заголовки: https://hacks.mozilla.org/2016/11/mozilla-push-server-now-supports-topics/

[85] Position Sticky в Chrome 56: https://www.chromestatus.com/feature/6190250464378880

[86] В Firefox DevTools будет добавлена возможность симулировать медленное соединение: https://blog.nightly.mozilla.org/2016/11/07/simulate-slow-connections-with-the-network-throttling-tool/

[87] Google начал тестировать mobile-first индекс: https://www.searchengines.ru/google-mobile-first.html

[88] Всё, что известно о mobile-first индексе Google: https://www.searchengines.ru/new-index-google.html

[89] Доля HTTPS-подключений в Chrome на десктопах превысила 50%: https://www.searchengines.ru/chrome-https.html

[90] Google закрывает «народные карты» Map Maker и на сей раз насовсем: http://itc.ua/news/google-zakryivaet-narodnyie-kartyi-map-maker-i-na-sey-raz-nasovsem/

[91] Facebook создала ИИ-платформу, которая позволяет обрабатывать видео на мобильных устройствах в реальном времени: http://itc.ua/news/facebook-sozdala-ii-platformu-kotoraya-pozvolyaet-obrabatyivat-video-na-mobilnyih-ustroystvah-v-realnom-vremeni/

[92] Новый инструмент Adobe имитирует голос человека после 20 минут обучения: https://xakep.ru/2016/11/07/adobe-project-voco/

[93] We’re f*cked: реакция Кремниевой долины на победу Дональда Трампа: http://ain.ua/2016/11/09/680846

[94] Тим Кук написал письмо сотрудникам Apple в связи с победой Трампа на выборах и призвал сплотиться: http://itc.ua/news/tim-kuk-napisal-pismo-sotrudnikam-apple-v-svyazi-s-pobedoy-trampa-na-vyiborah-i-prizval-splotitsya/

[95] Все против Apple: критика компании в рекламе конкурентов: https://vc.ru/p/against-apple

[96] В Google Play найден троян MulDrop, загруженный более 1 000 000 раз: https://xakep.ru/2016/11/11/muldrop/

[97] Yahoo впервые усомнилась в возможности продать свой бизнес из-за кражи данных 500 млн аккаунтов: https://vc.ru/n/yahoo-troubles

[98] Когнитивные технологии в бизнесе: https://vc.ru/p/ms-cognitive-tech

[99] На смерть PC: компьютеры теряют Веб: http://www.computerra.ru/158290/web-mobile/

[100] Google поделился советами по созданию индексируемых PWA: https://www.searchengines.ru/google-pwa-tips.html

[101] «СМИ приукрашивают возможности искусственного интеллекта»: https://vc.ru/p/what-ai-can-do

[102] Как боты в Twitter влияли на выборы в США: http://ain.ua/2016/11/11/681359

[103] Обзор смартфона Google Pixel: целимся в яблочко: http://www.3dnews.ru/942430/#58230307b4182ecc048b4576

[104] Откуда взялся Mirai? Разбираемся, как устроен ботнет из видеокамер: https://tproger.ru/news/about-mirai/

[105] Push-уведомления в браузере 1,5 года спустя: статистика и полезные советы: http://ain.ua/2016/11/10/680000

[106] Most JS Frameworks Day: http://frameworksdays.com/event/most-js-fwdays-2016

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

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

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

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

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