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

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

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

Медиа    |    Веб-разработка    |    CSS    |    JavaScript    |    Браузеры

Медиа

• Подкаст «Сделайте мне красиво», Выпуск №48: Ты не должен отходить от робота
• Подкаст «Веб-стандарты» №254: Mozilla против фич, Microsoft против IE, от высоты, миниапы в суперапах, дизайнер в Яндексе
• «Новости 512» от CSSSR: NodeJS 14.15.0 LTS, NextJS 10, serverless-ужасы, offline-аналитика, package-lock.json, npm roadmap

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

• Как разобраться в API HTML?
• Как стать фронтенд-разработчиком? Пошаговый гид в мир фронтенда
• Как анимировать элемент Details с помощью WAAPI
• Топография скорости сайта
• Интернационализация и локализация статических сайтов
• «Live DOM» не «медленный», «плохой» или «неправильный». Проблема в веб-разработчиках.
• Играйте в игру Chrome dino на геймпаде с помощью Gamepad API

• Инструменты
  • Обзор редакторов кода
  • Как изменять сторонние веб-сайты с помощью браузерных инструментов разработчика
  • Adobe XD для Visual Studio Code
  

• Доступность
  • Доступные шрифты: пожалуйста, прекратите использовать PX!
  • Как найти и исправить популярные проблемы веб-доступности
  • Что такое Section 508 и почему это важно?
  

CSS

• Декларативный Shadow DOM для изоляции стилей
• Сравнение различных способов скрытия вещей в CSS
• Как писать циклы с препроцессорами
• В Chromium прибывают Container Queries!
• Руководство по CSS Grid
• Аддитивные анимации в CSS
• Нативный CSS Masonry Layout в CSS Grid
• Как делать CSS анимации
• Утилита Flow CSS

JavaScript

• JS и его запретные тайны
• 12 полезных книг по JavaScript
• LocalStorage vs. Cookies: все, что вам нужно знать о безопасном хранении токенов JWT во фронтенде
• 24 современных сниппетов ES6 для решения практических задач JavaScript
• What the f*ck JavaScript? — Список забавных и хитрых примеров JavaScript кода

• Теория
  • Неизменяемость в JavaScript
  • ES2020 Optional Chaining и динамический импорт меняют правила игры. Вот почему.
  • Что делает JS JSом? Прототипное наследование
  • 7 способов сделать Dependency Injection в функциональном JavaScript без фреймворка
  • Начало работы с современным JavaScript — Arrow Functions
  • ES модули в деталях
  

• React
  • Что нового в Next.js V10?
  • Ленивая загрузка вашего приложения на React
  • Как создать расширяемое поле для комментариев
  • Алгебраические эффекты для React разработчиков
  • Представляем Quarkly – инструмент для react-разработчиков и дизайнеров, который поможет оптимизировать вашу разработку
  

• Vue
  • Quasar — швейцарский нож для Vue
  • Vue 3 на Typescript
  • Методы обхода защиты приложений VueJS
  • Отложенная загрузка компонентов во Vue 3
  • Инспектирование Vue приложений на продакшене
  • Быстрое использование LocalStorage во Vue
  • Основные проблемы, с которыми я столкнулся при переходе на Vue 3
  

• Angular
  • Самые сложные моменты изучения Angular
  • Отзывчивые компоненты Angular
  • Общие стили Angular с отложенной загрузкой, специфичные для функционального модуля
  

• Ember
  • The Ember Times — Issue No. 167
  • Предварительный просмотр ревизий с помощью ember-cli-deploy-s3-index
  

• Svelte
  • первый взгляд на svelte-kit
  • Что такое SvelteKit?
  

• Libs & Plugins
  • Simorgh — инструмент BBC для создания Single Page приложений и поддержкой PWA/AMP
  • Dojo3D — Универсальная библиотека создания трехмерных историй, предназначенная для программистов любого возраста.
  • Graphery SVG — функциональная обертка для SVG
  

Браузеры

• NETSCAPE: Хроника взлетов и падений
• Vivaldi для Linux — открытое признание
• В Chrome планируют добавить собственное хранилище корневых сертификатов

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