Дайджест свежих материалов из мира фронтенда за последнюю неделю №255 (20 — 26 марта 2017)

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

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

• Подкаст Веб-стандарты, Выпуск №60: Фоновые вкладки, CSSO, CSS Peeper, курс по SVG, участие в стандартах, доступность или жизнь, линтинг HTML, сайдбар за 5 строк, загрузка JS, jQuery не нужен, пуш-уведомления, междисциплинарное, Фронтёрки.
• Подкаст Фронтёрки, №002: Андрей Гурылёв, городские сообщества и идеальный стэк
• Вёрстка – это не тупо. Пособие для тех, кому надо верстать.
• За пределами браузера: от веба к десктопным приложениям
• Результаты Stackoverflow Developer Survey 2017. Что я узнал из опроса на Stack Overflow среди 64,000 разработчиков
• PWA:
  • Progressive Web Apps — следующий шаг в Responsive Web Design
  • Модернизация веб-сайта в прогрессивное веб-приложение
  • Вопросы и ответы о Progressive Web App от cloudfour

• Веб-производительность:
  • Оптимизируем мобильную версию сайта: что такое Google AMP
  • А вы знаете скорость загрузки вашего сайта с мобильных устройств? Самое время разобраться
  • Может ли Guetzli, новый декодер JPEG от Google, помочь решить проблему раздутого веба?
  • Дискуссия на тему AMP
  • Эпизоды видеоподкаста Amplify: 7 способов, которыми AMP делает ваши страницы быстрыми, «Но у меня уже есть быстрый сайт»: Для ощущения мгновенной загрузки

• Уроки:
  • Webpack для реальных задач: бандлинг фронтенда и добавление компиляции
  • Введение в архитектуру Elm и как создать наше первое приложение
  • Создание производительной анимации expand & collapse в блоге разработчиков Google
  • Воссоздание легендарой музыки из восьмибитных игр с помощью Web Audio API

• Генератор адаптивных спрайтов
• Как и почему можно использовать кастомные data атрибуты HTML5
• Какой Responsive Design Framework лучший? Конечно же, это зависит
• Полное руководство по верстке писем под Android
• A11Y Style Guide
• Я был веб-разработчиком 17 лет, и вот что я узнал — Daniel Khan
• Представлен CodePen Projects — IDE для CodePen

CSS

• Учимся мыслить в REM. Разговор об очевидном и о производительности труда в небольшой веб-студии
• Пользовательские свойства как связующее звено между CSS и JS
• Свойства для выравнивания всего и их новые тайны
• CSS Grid Layout:
  • CSS-гриды пришли насовсем
  • Демонстративная страница CSS Grid от Moz://a
  • Первые впечатления от CSS Grid Layout
  • Моя первая практика с CSS Grid Layout
  • “Фоллбеки” для гридов
  • Добавление Grid на существующий дизайн

• Пишем модульный CSS (часть 2)
• Команда разработчиков Sass отвечает на вопросы
• Ваш CSS мог бы быть более понятным
• Кастомные свойсва CSS приходят и в Microsoft Edge
• Вы вроде как можете использовать кастомные шрифты в HTML письмах
• Подборка эффектов наведения из CodePen
• Текстовые эффекты с помощью CSS (и небольшой трюк с contenteditable)

JavaScript

• Краткая история JavaScript. Часть 2
• Отслеживание js-ошибок с помощью Метрики
• Лучшие доклады HolyJS 2016 Moscow: Доступ открыт
• Почему NaN это не «Not a Number»?
• Как унизить джаваскриптера
• Современный JavaScript для древних веб-разработчиков
• Жизнь после JavaScript: преимущества изучения второго языка
• Пишем JavaScript с учетом доступности
• JavaScript против Python в 2017
• Ловушки ES7 Async/Await
• Упрощение асинхронного кода с функцями Async/Await
• Быстрый совет: как работают ссылки в JavaScript
• Крупномасштабная веб-разработка с TypeScript
• Как я изучаю любой front-end фреймворк
• Тестирование Service Worker-ов
• Создание обложки книги с использованием JavaScript и p5.js
• Angular:
  • Стал доступен Angular 4.0.0
  • Что нового в Angular 4?
  • 8 ресурсов для изучения Angular 4

• React:
  • Эврика! Моменты озарения при изучении React
  • Понимание развёртывания React приложений
  • Шпаргалка по композиции React компонентов
  • setState() Gate
  • Функциональный setState — это будущее React
  • React медленный, React быстрый: практическая оптимизация React приложений

• Vue:
  • Bootstrap + Vue
  • vue-webpack-typescript
  • Как работать с полем для загрузки файлов в Vue 2

• Libs & Plugins:
  • iterare — библиотека для работы с итераторами ES6
  • 7 JavaScript библиотек для приборных панелей
  • MoveTo — легкая анимационная библиотека для прокрутки к элементам, без зависимостей

Браузеры

• Проект Mozilla по созданию нового оформления интерфейса Firefox
• Что нового в Chromium 57 и Opera 44
• Chrome 58 Beta: IndexedDB 2.0, улучшение в iframe навигацииnavigation и полноэкранный режим для PWA
• Подробности релиза Safari Technology Preview 26
• Технические детали Chrome 58

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

• GitHub добавил защиту от атак, использующих коллизии SHA-1
• Twitter даст телеканалам возможность вести профессиональные прямые трансляции
• Apple показала красный iPhone. И убила линейку iPad Air. Следующей инновацией Apple станет дополненная реальность
• Google выпустила первую тестовую версию Android O
• Три ветви Node.js получили обновления
• Почему Google не планирует запуск mobile-first индекса
• Сооснователь Mozilla и создатель JavaScript планирует создать рекламную платформу на базе блокчейн
• Business Insider: Facebook сформировала секретное подразделение для разработки «сканеров мозга» и камер дополненной реальности
• Школьный учитель разгадал сигнальный код на здании Adobe
• Бесплатный Google Optimize приносит A/B-тестирование сайтов в массы
• Приоритеты, вера и лидерство: почему команды в Apple и Google работают продуктивнее конкурентов
• Крупнейшие рекламодатели ушли с YouTube. Это стоило Alphabet $35 млрд
• «Собеседование — это бесплатный урок»: чему я научился, когда меня не взяли менеджером в Google
• GitHub теперь позволяет своим сотрудникам сохранять за собой права на интеллектуальную собственность, созданную в рабочее время
• В чём разница между популярными Open Source лицензиями? Объясняет Github

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

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

Автор: Zfort Group

Источник