Фронтенд-дайджест №356 (11 — 17 марта 2019)

Медиа

• Подкаст «Веб-стандарты», Выпуск №165: Chrome 73, React Native 0.59, CSS Nesting, KV Storage, ARIA Live Regions, веб-компоненты, условные ES-модули
• Подкаст «HardcodeFM» Episode 9 - ClojureScript фронтенд
• Подкаст «CSSSR»:Новости 512 — Выпуск №42 (11.03 — 17.03)
• Подкаст «Фронтенд Юность (18+)» #87 Классы не нужны
• "Всё идёт к фронтенду". Новая песня Михаила Малькова на тему фронтенда

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

• Всемирной паутине исполнилось тридцать лет – что с ней будет дальше?

• Сила и мощь веб-компонентов

• Фронтенд без JavaScript

• Планирование работы с отзывчивыми изображениями

• KV Storage: первый встроенный модуль в вебе

• Предложение добавить поддержку для дифференциальной загрузки скриптов в обсуждении WHATWG на Github

• Производительность:

  • Ускорить сайт с множеством картинок: руководство по отложенной загрузке изображений
  • Анонсированы Lite Pages for Chrome: более быстрая загрузка для пользователей *очень* медленных сетей. Opt-in через гугловый Data Saver для более умного серверного пререндеринга и приоритезации подресурсов страниц
  • Разбираемся в смысле Chrome Lite

• Tools:

  • Webpack на практике: с нуля до создания автотестов
  • Вышел Sublime Text 3.2, все еще быстрый, в новом релизе - интеграция с Git
  • Как использовать Chrome в качестве IDE

• Accessibility:

  • Всё, что нужно знать про ARIA Live Regions
  • Accessibility insights - новый инструмент тестирования a11y, который дает быструю и полезную информацию о проблемах доступности в ваших продуктах

CSS

• Гибкий прелоадер с использованием единиц измерения em
• WebP in CSS - PostCSS плагин и крошечный JS-скрипт (128 байт) для использования WebP в качестве CSS background
• Как начать работу с CSS Grid
• Проектирование единиц для соотношения сторон в CSS
• Отладка CSS - это сложно
• Выражения if и циклы в CSS
• Как манипулировать цветами CSS с помощью JavaScript
• Редизайн наших документов - Часть 4. Создание масштабируемой архитектуры CSS
• Почему я не могу установить размер шрифта для посещенной ссылки?
• Использование CSS-in-JS для стилизации пользовательских элементов
• Начало работы с PostCSS в 2019
• Эффектная анимация подчеркивания пунктов навигации в меню

JavaScript

• Решаем задачу из интервью Google на JavaScript: 4 разных способа

• Node.js Foundation и JS Foundation объединились в OpenJS Foundation

• Используете JavaScript? 6 способов просмотреть обработанный HTML

• Собеседование на должность JavaScript-разработчика: популярные задачи с разбором решений

• Апдейт по экспериментальным функциям в Node.js

• GraphQL in Depth: что, почему и как

• Как я испортил свой JavaScript код и все еще выиграл Coding Challenge

• JavaScript за 14 минут. Интерактивный туториал от Jeremy Thomas

• Теория:

  • Понимаем замыкания в JavaScript. Раз и навсегда
  • Когда "Zoë" !== "Zoë". Или почему вам необходимо нормализовать Unicode строки
  • 7 трюков с использованием spread и rest объектов в JavaScript
  • Преобразование функций обратных вызовов в промисы

• VueJS:

  • VueJS: Немного о 3.0
  • Как заменить jQuery с помощью Vue
  • Как настроить интерфейс для поиска во Vue.js
  • Vue a11y - Проект сообщества Vue.js по улучшению доступности веб-сайтов.

• React:

  • Анализ и оптимизация React-приложений
  • Документация React теперь доступна на русском языке
  • React Hooks: как начать и создать свои собственные
  • Добавление анимации в приложения React с помощью React-Lottie
  • Оптимальная файловая структура для приложений React
  • Вам не нужен модный фремворк для использования GraphQL с React

• Angular:

  • Автоматическое обновление лениво загруженных модулей для Ivy
  • Реализация выгрузки файла, используя Node и Angular
  • Создание Angular и React приложений вместе с Nx

• Libs & Plugins:

  • Почему вы не должны использовать Moment.js...
  • promise-utils: похожие на lodash утилиты без зависимостей для нативных ES6 промисов
  • асинхронный параллельный/последовательный foreach в JavaScript
  • lax.js - Простой и легкий плагин на ванильном javascript для создания плавных и красивых анимаций при прокрутке

Браузеры

• Релиз web-браузера Chrome 73
• Почему Brave может стать достойной альтернативой Chrome
• Тёмный режим в браузере Chrome стал доступным на Mac