Дайджест свежих материалов из мира фронтенда за последнюю неделю №302 (12 — 18 февраля 2018)19.02.2018 09:03

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

    Медиа    |    Веб-разработка    |    CSS    |    Javascript    |    Занимательное

Медиа

• Подкаст «Frontend Weekend» #40 — Александра Шинкевич о переезде в Минск и притеснении девушек в IT
• Подкаст «devschacht»: Ночной фронтенд #22 — Rolling Scopes, день второй
• Подкаст «Фронтенд Юность (18+)» #37 Секреты React
• «ALL YOUR HTML» #36: «Огонь на шейдерах и шуме»

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

• Настольная книга для фронтенд собеседования (с ответами)
• Скрытый майнер криптовалюты в favicon.ico — добро пожаловать в 2018
• Техники укорачивания длинных заголовков (CSS и HTML)
• Всё, что было простым, стало опять сложным
• Accessibility: Обзор 2017 и перспективы 2018
• Мобильный веб: когда скорость имеет значение

• AMP:
  • Google представил AMP Stories
  • Google представил AMP for Email
  • Google: более 60% кликов по AMP-результатам приходятся на неновостные сайты
  • AMP: недостающая дискуссия: как Google мошенничает с производительностью
  • AMP для писем это ужасная идея
  • Две стороны AMP
  • Email Design Podcast #94: мгновенная реакция на анонс поддержки AMP в Gmail
  

• Инструменты:
  • Parcel v1.6.0: Zero Config ES6+ и JSX, Node и Electron Targets, статистика бандов и многое другое
  • Зак Лизерман представляет Eleventy, новый статический генератор сайтов
  • Выбираем JavaScript сборщик: конфигурировать или не конфигурировать, вот в чём вопрос
  

• Эффекты:
  • SVG маски и вау-эффекты: о магии простыми словами
  • Еженедельная подборка красивых эффектов на CSS/SVG/JS #70
  • Анимация букв при скроллинге
  • Подробное руководство по Clipping и Masking в SVG
  

CSS

• Новый эксперимент от Романа Комарова: сортировка таблиц с помощью CSS и HTML.
• Основы CSS: синтаксис, который имеет значение, и который нет
• Основы CSS: использование Multiple Backgrounds
• Основы CSS: стэк резервных шрифтов для более надежной веб-типографии
• Все что вам нужно знать о CSS переменных
• Понимание Media Queries вHTML Email
• Отладка CSS производительности с помощью инструментов профилирования Chrome
• В Firefox DevTools Nightly теперь виден флаг у элементов с flex

• CSS Grid:
  • CSS-гриды + CSS-колонки = <3
  • Basics of CSS Grid: The Big Picture. Новый эпизод шоу «Layout Land»
  • CSS Grid для элементов интерфейса
  

JavaScript

• Пишем JavaScript, не забывая о доступности
• Релиз Ember 3.0
• Мы приближаемся к релизу 7.0 Babel. Вот все клевые штуки, над которыми мы работаем
• Eloquent JavaScript, 3rd edition — черновик книги о JavaScript и программировании
• Упрощенное объяснение event propagation в JavaScript.
• Как обновить статус пользователя в реальном времени с помощью JavaScript и Pusher
• Как сохранять простоту кода JavaScript и повысить его читабельность
• Как я создал публичный анонимный чат на JavaScript

• ES2015+:
  • Советы и приёмы ES6, которые сделают ваш код чище, лаконичней и читабельней
  • Async Await спасают день (типа того)
  • Промисы недостаточно нейтральны
  

• VueJS:
  • Заменяем jQuery на Vue.js: шаг сборки не обязателен
  • Пять вещей, которые я выучил, создавая Saas приложение на Vue.js
  • Создание трекера криптовалют с помощью Vue.js
  • Vue.js — ответ на вопрос «почему», через 15 месяцев
  

• React:
  • Изучаем и реализуем алгоритм работы правильного observer паттерна для react компонентов
  • Как избежать проблем с производительностью при создании React-приложений
  • Шаблоны проектирования в React
  • Идеи, стоящие за React Easy State
  • Hyperapp для беженцев с Redux
  

• Angular:
  • Angular 5: Unit тесты
  • Стабильный AngularJS и LTS
  • Документация по Angular 1 исчезла из результатов поиска Google
  • C AngularJS на Angular5 — обновление большого приложения
  

• Libs & Plugins:
  • Представление большого объема данных в виде линейных графиков с D3.js
  • date2json — парсит дату в JSON-формат
  • face-verify.js: мониторинг пользователя, физически смотрящего сайт, для дополнительной безопасности
  • blotterJS — JavaScript API для рисования нетрадиционных текстовых эффектов в Интернете
  

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

• YouTube упал? Или проблема одного процента
• Техническое SEO в эпоху семантического поиска и Google
• Опубликовано исследование по вкладу IT-компаний в открытые проекты на GitHub
• Google добавит в Gmail возможность просмотра страниц напрямую из писем и позволит сторонним приложениям использовать функцию Smart Reply
• Почему с сайта Microsoft пропала классическая версия Skype 7.40
• Проблемы адблокеров: как меняющиеся форматы рекламы повлияли на сервисы блокировки в 2017 году
• Представлены первые рабочие проекты WebAssembly
• Представлены новые виды атак MeltdownPrime и SpectrePrime


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

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

© Habrahabr.ru