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

---

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

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

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

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

[2] CSS: #css

[3] Javascript: #js

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

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

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

[7] Подкаст RadioJS, Выпуск 46: https://radiojs.ru/2017/02/radiojs-46/

[8] Оптимизация GIFs для веба: https://bitsofco.de/optimising-gifs/

[9] Руководство по кросс-браузерному тестированию: https://hackernoon.com/a-guide-to-cross-browser-testing-installing-all-the-things-6e56c2bd8182

[10] htmlreference.io: http://htmlreference.io/

[11] cssreference.io: http://cssreference.io/

[12] HTML5 для мобильного веба – формы и типы ввода: https://mobiforge.com/design-development/html5-mobile-web-forms-and-input-types

[13] Ускоряем Service Worker с помощью Navigation Preloads: https://developers.google.com/web/updates/2017/02/navigation-preload

[14] Создаем отзывчивые шаблоны писем с помощью MJML: http://tutorialzine.com/2017/02/building-responsive-emails-with-mjml/

[15] Иконочная система SVG, основанная на компонентах: http://varun.ca/icon-component/

[16] Manifoldjs превращается: https://medium.com/web-on-the-edge/manifoldjs-is-becoming-pwa-builder-to-simplify-building-progressive-web-apps-49bff31f9380

[17] PWA Builder: http://preview.pwabuilder.com/

[18] Прозрачный JPG (с помощью SVG) : https://css-tricks.com/transparent-jpg-svg/

[19] Челист для запуска сайта: http://www.developerdrive.com/2017/02/the-ultimate-website-launch-checklist/

[20] Доступность в веб-приложениях с помощью ARIA Live Regions: http://csskarma.com/blog/using-aria-live-regions/

[21] Спектр технологий фронт-енд разработчика : http://joaoperibeiro.com/the-front-end-developer-spectrum/

[22] Большинство веба — отстой при слабом интернет соединении: http://danluu.com/web-bloat/

[23] Обсуждение предлагаемого элемента <h>: https://github.com/w3c/html/issues/774

[24] Знакомство с Styled components: https://habrahabr.ru/company/everydaytools/blog/321804/

[25] Новая сетка на inline-block: описание, пример использования, плюсы и минусы: https://habrahabr.ru/post/321718/

[26] CSS и прогрессивное улучшение: https://justmarkup.com/log/2017/02/css-and-progressive-enhancement/

[27] CSS исключения: делаем скучную разметку менее скучной: https://webdesign.tutsplus.com/tutorials/css-exclusions--cms-28087

[28] Как достичь 60 FPS в мобильных анимациях с помощью CSS3: https://www.sitepoint.com/achieve-60-fps-mobile-animations-with-css3/

[29] Создание непрямоугольных хедеров: https://css-tricks.com/creating-non-rectangular-headers/

[30] CSS Grid: один макет, множество вариантов: https://css-tricks.com/css-grid-one-layout-multiple-ways/

[31] Глубокое погружение в CSS: метрики шрифтов, line-height и vertical-align: http://iamvdo.me/en/blog/css-font-metrics-line-height-and-vertical-align

[32] Псевдо-классы CSS: стилизация элементов, основываясь на их индексе: https://www.sitepoint.com/css-pseudo-classes-styling-elements-based-on-their-index/

[33] Использование кубических кривых Безье для сглаживания скругленных углов: http://codepen.io/AmeliaBR/details/KaJaWK/

[34] CSS4 селекторы: чего можно ожидать?: https://gorillalogic.com/blog/css4-selectors-can-expect/

[35] CSS Grid Layout: https://www.youtube.com/watch?v=N5Lt1SLqBmQ

[36] Умер ли MVC для фронтенда?: https://habrahabr.ru/company/tuturu/blog/321820/

[37] Производительность старта JavaScript: https://habrahabr.ru/company/mailru/blog/321748/

[38] Обзор 5 самых популярных JavaScript фреймворков и библиотек 2017: https://habrahabr.ru/post/321844/

[39] Видео с KyivJS: https://www.youtube.com/playlist?list=PLxw9RJPDS60rSfHr_srQ2xgqBgjeYBUhe

[40] Путешествие по миру JavaScript 2016-го года: http://developer.telerik.com/topics/web-development/javascripts-journey-2016/

[41] JavaScript в 2017-м – вне браузера: http://developer.telerik.com/topics/web-development/javascript-2017-beyond-browser/

[42] JavaScript в 2017-м – библиотеки и фреймворки: http://developer.telerik.com/topics/web-development/javascript-2017-libraries-frameworks/

[43] События и отключенные поля формы: https://jakearchibald.com/2017/events-and-disabled-form-fields/

[44] Понимание области видимости в JavaScript: https://scotch.io/tutorials/understanding-scope-in-javascript

[45] Алгоритм вопросов интервью по Javascript() {...} : https://github.com/kennymkchan/interview-questions-in-javascript

[46] Как писать JavaScript и обеспечивать доступность приложения: https://medium.com/@matuzo/writing-javascript-with-accessibility-in-mind-a1f6a5f467b9

[47] Всесторонний взгляд на навигацию jQuery по DOM-у: https://www.sitepoint.com/comprehensive-jquery-dom-traversal/

[48] Эксперимент со speechSynthesis: https://www.smashingmagazine.com/2017/02/experimenting-with-speechsynthesis/

[49] Нативные модули ECMAScript: динамический import(): https://blog.hospodarets.com/native-ecmascript-modules-dynamic-import

[50] Высокопроизводительный ES2015 и за его пределами: https://v8project.blogspot.com/2017/02/high-performance-es2015-and-beyond.html

[51] Функциональность ES6 с примерами: https://codetower.github.io/es6-features/

[52] ES6 Proxies на практике: http://www.zsoltnagy.eu/es6-proxies-in-practice/

[53] Свежая информация о ES6 модулях в Node.js: https://medium.com/the-node-js-collection/an-update-on-es6-modules-in-node-js-42c958b890c

[54] Автоматизируем разработку на Angular с помощью Angular CLI: https://dou.ua/lenta/articles/angular-with-angular-cli/

[55] Бутстрэппинг в браузере с помощью Angular 2: http://developer.telerik.com/topics/web-development/bootstrapping-browser-angular-2/

[56] Динамически созданные компоненты с помощью Angular: https://netbasal.com/dynamically-creating-components-with-angular-a7346f4a982d

[57] Подробный разбор тестирования Angular приложений: HTTP сервисы: https://auth0.com/blog/angular-testing-in-depth-http-services/

[58] Управление состоянием (state) в Angular приложениях: https://blog.nrwl.io/managing-state-in-angular-applications-22b75ef5625f

[59] Отладка и оптимизация Angular 2 приложений: https://www.youtube.com/watch?v=Q1uORsKjrMo

[60] Библиотека ретро-игр с помощью Node, React, и Redux 1: Server API и React Frontend: https://scotch.io/tutorials/retrogames-library-with-node-react-and-redux-1-server-api-and-react-frontend

[61] Контекст в приложениях ReactJS: http://javascriptplayground.com/blog/2017/02/context-in-reactjs-applications/

[62] Как работать и манипулировать состояниями в React: https://www.sitepoint.com/work-with-and-manipulate-state-in-react/

[63] Как создать анимированные микровзаимодействая в React: https://medium.freecodecamp.com/how-to-build-animated-microinteractions-in-react-aab1cb9fe7c8

[64] Разбор Redux Store Twitter-ра: https://medium.com/statuscode/dissecting-twitters-redux-store-d7280b62c6b1

[65] Универсальные JavaScript приложения с React роутером версии 4: https://ebaytech.berlin/universal-web-apps-with-react-router-4-15002bb30ccb

[66] Создание React компонентов для разных брендов и приложений: https://medium.com/walmartlabs/building-react-components-for-multiple-brands-and-applications-7e9157a39db4

[67] VueJS  — зеленый фреймворк: https://develoger.com/vuejs-the-green-framework-5d8c9fcb6603

[68] React’s JSX vs шаблоны Vue’s: сравнение фронтенда: https://medium.freecodecamp.com/reacts-jsx-vs-vue-s-templates-a-showdown-on-the-front-end-b00a70470409

[69] Создание плагина для Vue.js: https://medium.com/tyrone-tudehope/creating-a-plugin-to-vue-js-d9041501e3e7

[70] Создание компонентов Vue.js: https://medium.com/@softwarecf/creating-a-vue-js-component-610e2825bdf6

[71] Vue.js, Vuex и тестирование; Введение: https://medium.com/tyrone-tudehope/vue-js-vuex-and-testing-an-introduction-7a9df587d6ed

[72] Vueplete — текстовое поле с автозаполнением для Vue.js: https://github.com/EdnaldoNeimeg/vueplete

[73] Создание компонента с древовидной структурой JSON на Vue.js с нуля за шесть шагов: https://devblog.digimondo.io/building-a-json-tree-view-component-in-vue-js-from-scratch-in-six-steps-ce0c05c2fdd8

[74] vue-material — Material дизайн для Vue.js: https://github.com/marcosmoura/vue-material

[75] Vue.js компонент — весь код в одном файле: https://appendto.com/2017/02/vue-jss-single-file-components-keeping-it-all-in-one-place-2/

[76] spinStroke: https://lichin.me/spinStroke/

[77] surveyjs: https://github.com/surveyjs/surveyjs

[78] Rough.js: https://roughjs.com/

[79] У Google отсудили 20 млн долларов за нарушение патентов в механизмах защиты Chrome: http://www.opennet.ru/opennews/art.shtml?num=46043

[80] Opera готовит редизайн своего настольного браузера в виде проекта Reborn: https://tproger.ru/news/opera-redesign-project-reborn/

[81] Расширенный метод идентификации системы и браузера без применения cookie: http://www.opennet.ru/opennews/art.shtml?num=46046

[82] В Chrome тестируют новый подход к компиляции JavaScript: http://www.opennet.ru/opennews/art.shtml?num=46051

[83] План прекращения совместимости Firefox со старыми дополнениями: http://www.opennet.ru/opennews/art.shtml?num=46060

[84] Маленький шаг для Chrome, огромный прыжок для V8: https://v8project.blogspot.com/2017/02/one-small-step-for-chrome-one-giant.html

[85] Google тестирует ИИ на агрессию и расположенность к сотрудничеству: http://4pda.ru/2017/02/14/335645/

[86] Почему Мюнхен отказывается от Линукса?: http://www.computerra.ru/163052/munich/

[87] Google vs. Oracle: https://ain.ua/special/google-vs-oracle/

[88] Система для машинного обучения TensorFlow вышла из беты — Google выпустила версию 1.0: https://tproger.ru/news/tensorflow-1-0-released/

[89] Alphabet поумерила свой пыл и теперь планирует покрыть интернетом с шаров Project Loon лишь отдельные регионы, а не весь мир: http://itc.ua/news/alphabet-poumerila-svoy-pyil-i-teper-planiruet-pokryit-internetom-s-sharov-project-loon-lish-otdelnyie-regionyi-a-ne-ves-mir/

[90] Перспективы VR-направления: туманно или абсолютно ясно?: https://3dnews.ru/947491/

[91] Почему обучение — это новая прокрастинация: https://ain.ua/obuchenie-eto-novaya-prokrastinaciya

[92] Топ тегов на Stack Overflow с 2010 по 2017 год в реальном времени: https://tproger.ru/articles/stackoverflow-top-2010-2017/

[93] Facebook запустит инструмент для публикации вакансий: http://www.cossa.ru/news/152824/

[94] 99,6% смартфонов в мире работают под управлением Android и iOS: http://www.cossa.ru/news/152912/

[95] Apple обыграла негативные твиты пользователей в рекламных роликах для iPad Pro: https://vc.ru/p/ipad-pro-mean-tweets

[96] Билл Гейтс предложил ввести налоги для роботов, занимающих рабочие места людей: https://vc.ru/n/gates-robot-tax

[97] Microsoft предложила заключить «цифровую Женевскую конвенцию»: http://www.cossa.ru/news/152871/

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

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

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

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

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