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

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

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

• Тренды и события в мире веб-технологий в 2016 году
• Подкаст Веб-стандарты, Выпуск №50 : Адаптивный дизайн, переход на CSS, ванильный JS, жестокий опенсорс, доступность, аутлайн и вёрстка логотипа.
• Манифест? А? Что? Зачем?
• Веб ожирел не по незнанию
• Google запускает AMP Lite — более эффективную технологию сжатия сайтов
• SEO 2017: тренды и рекомендации
• Подготовка разработчика фронтенда к собеседованию в 2017-м
• 5 трендов веба на 2017-й год
• Введение по созданию и отправке писем для веб-разработчиков
• Почему существуют кеши AMP
• Gulp vs Grunt – сравнение инструментов автоматизации
• Сколько данных нужно резервировать для Service Worker в оффлайн кеше?
• Делаем магию с WebSockets и CSS3
• Progress Nav — концепт визуализации прогресса навигации
• Модернизация доставки прогрессивного улучшения от Filament Group
• Десятка полезных сниппетов и хаков при работе с .htaccess
• WebAssembly запоздала: мысли о JavaScript для больших проектов
• Как получить ускорение производительности используя WebAssembly

CSS

• Адаптивный Pixel Perfect
• Грязные CSS хаки для адаптивных писем
• Три новые штуки в CSS для изучения в 2017-м
• Генерация рендомных чисел в CSS с помощью нативных переменных
• Изменение цвета каретки в браузере с помощью caret-color
• Ensure Animation — изящные запуск и остановка CSS анимаций
• Разбираемся с CSS Flexbox за 5 простых шагов
• Создание эффекта раскрашивания контента в стиле Spotify с помощью CSS Blend Modes
• Понимание Flexbox: все что вам нужно затьEverything you need to know
• Я клялся никогда не использовать CSS в JS, и вот шесть причин того, почему я ошибался
• Position Sticky возвращается! Но у него есть проблемы
• Создание своей темы для Atom с помощью CSS

JavaScript

• JavaScript-тренды, на которые стоит обратить внимание в 2017-м
• Изучение JavaScript в 2017-м — отстой, и это круто!
• Начинаем дебажить JavaScript в Chrome DevTools
• RipVanWinkle.js  —  возвращение в JavaScript после 5-ти лет
• Prettier — инструмент для улучшенного форматирования JavaScript, поддерживающий ES2017, JSX и Flow.
• Incheon — мультиплеерная онлайн-игра на JS
• Теория:
  • Переосмысление JavaScript: смерть циклам
  • TypeScript против Flow
  • Итерационные методы работы с массивами
  • TypedArray или DataView: Понимание порядка байт

• Практика:
  • Создание плеера iTunes с помощью Angular
  • Создание калькулятора настроек батареи Tesla с реактивными формами Angular 2 от Todd Motto
  • Создание собственного текстового поля для ввода тегов со Skate.js
  • Скоростное программирование игры «Змейка» на JS

• React:
  • Мыслим в стиле React. Перевод туториала официальной документации библиотеки React.js
  • Cерия переводов раздела «Продвинутые руководства» (Advanced Guides) официальной документации библиотеки React.js. JSX — подробности, PropTypes — проверка типов в React, Ref-атрибуты и DOM в React, Неконтролируемые компоненты в React
  • Улучшение Состояния приложения с Redux

• Vue:
  • Работа с шаблонами в Vue.js 2
  • Vuelidate (0.2.0) — простая, легковесная валидация на базе модели для Vue.js 2.0
  • PhoneGap приложения с Vue.js? Да, пожалуйста!

• ES6:
  • Lebab это как Babel, только наоборот
  • ES6 JavaScript минификатор: babili (ES6 JavaScript Minifier: babili)

• Libs & Plugins:
  • jQueryflexdatalist Flexdatalist — (ещё один) jQuery плагин с автозаполнением и поддержкой тега <datalist>.
  • iTyped — настраиваемая анимация печатающегося текста без зависимостей
  • micromustache — очень быстрая и маленькая реализация части наиболее используемого функционала шаблонизатора {{mustache}} для JavaScript
  • animationframes — минималистичный способ создания JS анимации
  • Простая библиотека для работы со schema/атрибутами, использующая современный JavaScript

Браузеры

• Opera представила новый браузер Neon
• Фишинг через автозаполнение в Chrome (демо)
• Утечка исходных текстов браузера Opera 12.15
• В Firefox 53 будет включен просмотрщик JSON

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

• CES 2017: Главные новинки, 10 интересных анонсов выставки, Тренды и итоги CES 2017: как Лас-Вегас захватили селфи-дроны
• Новый алгоритм сжатия от Google позволяет экономить до 75% трафика без видимого вреда для изображений
• Atlassian приобрела сервис для управления проектами Trello за $425 млн
• Alphabet закрыл проект Titan по обеспечению доступа в Интернет с помощью дронов-спутников
• 10 лет с iPhone: в Apple отмечают юбилей своего смартфона
• NPM стал крупнейшим репозиторием пакетов
• 59% населения в мире уже имеет доступ к 4G
• Старикам здесь место: как правильно взрослеть в программировании
• Что происходит с виртуальной реальностью: гид для заблудившихся
• Как домашний искусственный интеллект делает проще — и сложнее — жизнь семьи Цукерберга
• Старикам здесь место: как правильно взрослеть в программировании
• Чему нас научили самые крупные прошлогодние ошибки технологических компаний
• Пьеса «Технический долг»: типичный случай из жизни разработчика
• YouTube тестирует функцию Super Chat с платными сообщениями
• Проект OpenNMT развивает систему машинного перевода на основе нейронной сети
• Dialogue with OOP guy

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

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

Автор: Zfort Group

Источник