https://habr.com/ru/post/444116/

• CSS
• HTML
• JavaScript
• Разработка веб-сайтов

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

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

---

Медиа

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

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

• Сила и мощь веб-компонентов
• Фронтенд без 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

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

• Всемирной паутине исполнилось тридцать лет – что с ней будет дальше?
• Искусственный интеллект и крипто – отделяем хайп от реальности
• Эфемерность — ложь. Почему шифрование не спасет вашу приватность
• Lookout — приложение от Google, которое расскажет слепым и слабовидящим об окружающей обстановке
• Бывший разработчик Rambler создал веб-сервер, обогнал Microsoft на рынке и продал компанию за $670 млн: история Nginx
• Mozilla представила файлообменник Firefox Send
• Пришло время прощаться. Мессенджер Google Allo прекратил работу, на очереди — Inbox
• GitHub меняет политику конфиденциальности и условия соблюдения санкций


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

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