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

Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы и интересные материалы из области фронтенда.

Веб-разработка

• Подкаст Веб-стандарты, Выпуск №55: Графика в WebKit, ссылки в Opera, дизайнеры верстают, HTML API, кастомные свойства, фигуры в CSS, обещанный бургер, быстрый старт JS, отчёты W3C TAG.
• Подкаст RadioJS, Выпуск 46: Учиться, учиться и еще раз учиться. В гостях один из основателей школы LoftSchool и видео-блога LoftBlog Николай Чернобаев и недавно присоединившийся к HTML Academy Вадим Макеев
• Оптимизация GIFs для веба
• Руководство по кросс-браузерному тестированию
• htmlreference.io — бесплатный интерактивный справочник по HTML от создателей cssreference.io
• HTML5 для мобильного веба – формы и типы ввода
• Ускоряем Service Worker с помощью Navigation Preloads
• Создаем отзывчивые шаблоны писем с помощью MJML
• Иконочная система SVG, основанная на компонентах
• Manifoldjs превращается в PWA Builder, инструмент, упрощающий создание Progressive Web Apps
• Прозрачный JPG (с помощью SVG)
• Челист для запуска сайта
• Доступность в веб-приложениях с помощью ARIA Live Regions
• Спектр технологий фронт-енд разработчика
• Большинство веба — отстой при слабом интернет соединении
• Обсуждение предлагаемого элемента <h>

CSS

• Знакомство с Styled components
• Новая сетка на inline-block: описание, пример использования, плюсы и минусы
• CSS и прогрессивное улучшение
• CSS исключения: делаем скучную разметку менее скучной
• Как достичь 60 FPS в мобильных анимациях с помощью CSS3
• Создание непрямоугольных хедеров
• CSS Grid: один макет, множество вариантов
• Глубокое погружение в CSS: метрики шрифтов, line-height и vertical-align
• Псевдо-классы CSS: стилизация элементов, основываясь на их индексе
• Использование кубических кривых Безье для сглаживания скругленных углов
• CSS4 селекторы: чего можно ожидать?
• Свежее видео CSS Grid Layout от Rachel Andrew

JavaScript

• Умер ли MVC для фронтенда?
• Производительность старта JavaScript
• Обзор 5 самых популярных JavaScript фреймворков и библиотек 2017
• Видео с KyivJS, февраль 2017
• Путешествие по миру JavaScript 2016-го года
• JavaScript в 2017-м – вне браузера
• JavaScript в 2017-м – библиотеки и фреймворки
• События и отключенные поля формы
• Понимание области видимости в JavaScript
• Алгоритм вопросов интервью по Javascript() {...}
• Как писать JavaScript и обеспечивать доступность приложения
• Всесторонний взгляд на навигацию jQuery по DOM-у
• Эксперимент со speechSynthesis
• ES2015+:
  • Нативные модули ECMAScript: динамический import()
  • Высокопроизводительный ES2015 и за его пределами
  • Функциональность ES6 с примерами
  • ES6 Proxies на практике
  • Свежая информация о ES6 модулях в Node.js

• Angular:
  • Автоматизируем разработку на Angular с помощью Angular CLI
  • Бутстрэппинг в браузере с помощью Angular 2
  • Динамически созданные компоненты с помощью Angular
  • Подробный разбор тестирования Angular приложений: HTTP сервисы
  • Управление состоянием (state) в Angular приложениях
  • Отладка и оптимизация Angular 2 приложений

• React:
  • Библиотека ретро-игр с помощью Node, React, и Redux 1: Server API и React Frontend
  • Контекст в приложениях ReactJS
  • Как работать и манипулировать состояниями в React
  • Как создать анимированные микровзаимодействая в React
  • Разбор Redux Store Twitter-ра
  • Универсальные JavaScript приложения с React роутером версии 4
  • Создание React компонентов для разных брендов и приложений

• Vue:
  • VueJS  — зеленый фреймворк
  • React’s JSX vs шаблоны Vue’s: сравнение фронтенда
  • Создание плагина для Vue.js
  • Создание компонентов Vue.js
  • Vue.js, Vuex и тестирование; Введение
  • Vueplete — текстовое поле с автозаполнением для Vue.js
  • Создание компонента с древовидной структурой JSON на Vue.js с нуля за шесть шагов
  • vue-material — Material дизайн для Vue.js
  • Vue.js компонент — весь код в одном файле

• Libs & Plugins:
  • spinStroke — анимация контура шрифтов с помощью эффекта морфинга
  • surveyjs — Движок для создания опросов на JavaScript
  • Rough.js — создание графики с эффектом «рисования от руки»

Браузеры

• У Google отсудили 20 млн долларов за нарушение патентов в механизмах защиты Chrome
• Opera готовит редизайн своего настольного браузера в виде проекта Reborn
• Расширенный метод идентификации системы и браузера без применения cookie
• В Chrome тестируют новый подход к компиляции JavaScript
• План прекращения совместимости Firefox со старыми дополнениями
• Маленький шаг для Chrome, огромный прыжок для V8

Занимательное

• Google тестирует ИИ на агрессию и расположенность к сотрудничеству
• Почему Мюнхен отказывается от Линукса?
• Google vs. Oracle. Cуд длиной в семь лет
• Система для машинного обучения TensorFlow вышла из беты — Google выпустила версию 1.0
• Alphabet поумерила свой пыл и теперь планирует покрыть интернетом с шаров Project Loon лишь отдельные регионы, а не весь мир
• Перспективы VR-направления: туманно или абсолютно ясно?
• Почему обучение — это новая прокрастинация
• Топ тегов на Stack Overflow с 2010 по 2017 год в реальном времени
• Facebook запустит инструмент для публикации вакансий
• 99,6% смартфонов в мире работают под управлением Android и iOS
• Apple обыграла негативные твиты пользователей в рекламных роликах для iPad Pro
• Билл Гейтс предложил ввести налоги для роботов, занимающих рабочие места людей
• Microsoft предложила заключить «цифровую Женевскую конвенцию»
• У Google отсудили 20 млн долларов за нарушение патентов в механизмах защиты Chrome

Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.

Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.

Автор: Zfort Group

Источник