Дайджест свежих материалов из мира фронтенда за последнюю неделю №369 (10 — 16 июня 2019)

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

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

Медиа

• Подкаст «Сделайте мне красиво», Выпуск №19: в гостях Андрей Чиж — Подробно про GraphQL, немного о фул стеке и смерти адблокеров; Выпуск №20: в гостях Андрей Ситник — Рождение суперзлодея, цензура и почему митапы лучше конференций
• Подкаст «Фронтенд Юность (18+)»: VDSina будет хостить npm
• «Frontreview» #13: Советы по собеседованию в IT компанию
• «Repozitorro» #17: Очень креативное портфолио, но есть нюанс...
• «proConf» #16: React Amsterdam 2019 | Куда движется React | Почему тормозит React Native
• #s3e3 ALL YOUR HTML, Page transitions with Highway.js and WebGL
• JSConf Hawaii 2019, 9 видео
• JSConf EU 2019, 17 видео

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

• 10 советов о том, как увеличить скорость загрузки страницы
• Инструменты для организации эффективного процесса веб-разработки
• Технологические тренды веб-разработки 2019
• Представляем новый элемент HTML — встречайте <clippy>!
• Интерактивная анимация HTML письмах
• Когда вы должны использовать Web Workers?
• 7 абсолютных истин, которые я узнал как Junior разработчик

• Accessibility:
  • Анатомия доступных форм: обязательные поля формы
  • Паттерны и стратегии для доступных веб-приложений

• API:
  • Google обосновал ограничение API webRequest, используемого блокировщиками рекламы
  • Fullscreen API: Как перейти в полноэкранный режим на iPad Safari
  • The Layout Instability API. Обнаружение неожиданных изменений макета в JavaScript.
  • MediaStream API

CSS

• Нужны ли препроцессоры в 2019 году
• Стиль мышления CSS
• Анимированное руководство по CSS flex
• Итоги ежегодного опроса «The State of CSS 2019»
• Стилизация в современных веб-приложениях
• Разрыв строки в терминальном стиле с помощью CSS Text
• Опасности функционального CSS
• Почему большинство разработчиков боятся CSS
• Анимация CSS Grid Rows и Columns
• every-layout.dev — Переучиваемся строить CSS лейауты
• Рисование реалистичных облаков с помощью SVG и CSS
• Размеры DOM-элемента и CSS-трансформации
• Делаем таблицы отзывчивыми с помощью небольшого количества CSS

JavaScript

• Рассказ о том, почему я до сих пор использую jQuery
• Протокол для общения между iframe и основным окном браузера
• MAM: сборка фронтенда без боли
• Список (продвинутых) вопросов в JavaScript
• Все, что вам нужно знать о дате в JavaScript
• Веб-аудио для электрогитары: как подключить инструмент

• Теория:
  • Что записано в this? Закулисье JavaScript-объектов
  • Мутировать или иммутировать, вот в чем вопрос
  • Анти-паттерн reduce ({...spread})

• React:
  • Использование Typescript с React – руководство для новичков
  • Глубокое погружение в Redux
  • Анонс styled-components v5: Режим Зверя, включающий множество улучшений, связанных с производительностью
  • Использование Cypress для написания тестов для React приложений
  • Изучите React хуки, написав свой первый хук

• Angular:
  • Как использовать JQuery с Angular (когда вам абсолютно необходимо)
  • Изучение Angular & RxJS: Таймер обратного отсчета
  • Все, что вам нужно знать о Ivy, новом движке Angular
  • Несколько Angular приложений на одной странице
  • Углубленный взгляд на ng template в Angular
  • Руководство по дифференциальной загрузке в Angular 8

• VueJS:
  • Тестирование Vue с Jest
  • Vue 3.0: чего следует ожидать исходя из сообщений от Evan You & Chris Fritz
  • Что нового в Nuxt JS 2.8.0

• Ember:
  • Ember в 2019 году: избавляемся от «мы и они»
  • Улучшение вашего DX на Ember, часть 1: Быстрые победы
  • #EmberJS2019: Мой список пожеланий
  • Руководство по тестированию Ember.js, которое я сделал для себя
  • Статические типы в EmberJs?

• Libs & Plugins:
  • Pinker.js — js-библиотека JavaScript для рендера диаграмм code/class
  • Javascript Library Boilerplate Basic — минимальный стартовый пакет для вашего проекта на Javascript
  • Macro Decorators — утилитарные макросы и обёртки для создания собственных декораторов (для любого фреймворка)
  • fuzzyjs — алгоритм с нечёткой логикой поиска в js
  • Полифил для Resize Observer

Браузеры

• Opera разработала первый в мире «геймерский браузер» Opera GX с характерным дизайном, контролем за нагрузкой на процессор и память и другими игровыми функциями
• Opera, Brave и Vivaldi не будут бороться с блокировщиками рекламы, когда обновится Chromium
• Представлены новые логотипы Firefox и связанных с ним сервисов
• Mozilla хочет внедрить в Firefox платный сервис подписки для доступа к «премиальным» функциям, но сам браузер останется бесплатным
• Бета-версия Google Chrome 76 усложняет использование Flash и упрощает обход Paywall
• Microsoft не отказывается от Internet Explorer в Windows 10
• В Firefox 68 появится новый менеджер дополнений
• В следующей версии Chrome значок Install будет автоматически отображаться в адресной строке, если сайт соответствует критериям PWA
• Разработчики Microsoft Edge провели сессию Reddit AMA

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

• NYTimes прочитали 150 пользовательских соглашений. Выводы неутешительные
• Представлена новая техника скрытой идентификации системы и браузера
• Графическому формату GIF — 32 года. Посмотрите на первую «гифку»
• Самые странные разделы Reddit по версии пользователей Reddit
• Google выпустила бесплатную видеоигру Game Builder, которая позволяет создавать 3D-игры в стиле Minecraft, не имея ни малейшего представления о геймдейве
• Apple и Microsoft совместно разработали новое приложение iCloud для Windows 10
• Этика ИИ: как относиться к способным мыслить и чувствовать роботам?

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

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

Автор: alexzfort

Источник