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

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

Медиа

• Подкаст «Фронтенд Юность» #207: Что делать если ты React-крыса
• Подкаст «Фронтенд Юность» #208: Дикий лес крымского фронтенда
• OdessaJS 2021, записи докладов
• Jamstack Conf 2021: три десятка видео с конференции

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

• Frontend Security: о чем вы хотели бы забыть, но не сможете
• Как правильно верстать 2, или зачем я написал еще одну UI-библиотеку, мой первый npm-модуль?
• Микрофронтенды: наш путь к более быстрому и гибкому сайту
• Варианты отображения пароля в input type=«password»
• Рекомендации по использованию Markdown для статических сайтов
• Безопасное манипулирование DOM с помощью Sanitizer API
• Как я создаю современные сайты в 2021 году

• Эффекты
  • Методы анимации для добавления и удаления элементов из стека
  • Создание 3D-персонажей в Three.js
  • Разбираем искажение homunculus.jp с помощью Three.js
  • Подборка креативных сайтов «Inspirational Websites Roundup» #30
  • FlipBoxes — трехмерные чекбосы на CSS
  • Atropos — легкая бесплатная JS-библиотека для создания потрясающих трехмерных эффектов наведения с параллаксом.
  

CSS

• State of CSS 2021: ежегодный опрос веб-разработчиков с целью исследования текущего состояния экосистемы CSS
• Руководство по отладке CSS
• Border Radius, работающий по условию в CSS
• CSS в TypeScript с vanilla-extract
• Тень для контейнера со скроллом с помощью JavaScript
• Скелетная анимация загрузки компонента с использованием HTML и CSS
• Руководство по единицам в CSS, все что вам нужно знать

JavaScript

• Распространённые ошибки при использовании npm, которых лучше не совершать
• Худшие практики в Javascript
• Написание чистых тестов в JavaScript с использованием принципов BASIC
• 27 основных однострочных JavaScript функций, используемых разработчиками ежедневно
• Насколько актуален TypeScript в 2021 году?
• Замена jQuery на Vanilla ES6
• Выполнение HTTP-запросов: Fetch Vs Axios

• Теория
  • Еще один вопрос для интервью: пересечение двух массивов
  • Неизменяемость объектов в JavaScript
  • Что такое функции высшего порядка в JavaScript?
  • Проникновение и безопасность в JavaScript
  

• Бандлеры
  • Бандлинг всего того, что не относится к обычному JavaScript-коду
  • Полное руководство по началу работы с JavaScript-сборщиком Rollup.js
  • 5 способов уменьшить размер бандла в JavaScript
  • 6 инструментов и техник для анализа размера бандла в Webpack
  

• React
  • Разбивка на страницы в Javascript и React с помощью кастомного хука usePagination()
  • Понимание React Router с помощью разработки простого блога
  • Полное руководство по Prop-Types в React
  • React Oxide — простой редактор кода, который вы можете добавить в свои ReactJS проекты
  • Архитектура React проекта
  

• Vue
  • Создание веб-компонентов с помощью Vue 3.2
  • Комплексная CSS-анимация во Vue с AnimXYZ
  • Как мы обновили код Vue 2, добавив немного вкуса TypeScript
  

• Angular
  • OnPush — ваш новый Default
  • Как мутировать код в Angular-схематиках и не поседеть
  • Angular: лучшие видео сентября 2021 года
  

• Ember
  • The Ember Times — Issue No. 190
  • Ember + WebStorm Editor Config
  • Accessibility is Reach: как выглядит будущее доступности в Ember?
  

• Svelte
  • PodRocket podcast: Svelte с Rich Harris
  • Попробуем Svelte в первый раз
  

• Libs & Plugins
  • VanillaTreeViewer — минималистичный файловый браузер для компактного отображения нескольких файлов одновременно.
  • construct-js: библиотека для создания структур данных на байтовом уровне
  • emoji-regex: регулярное выражение, которое соответствует всем символам, содержащим только эмодзи, в соответствии со стандартом Unicode
  

Браузеры

• Релиз Firefox 93
• Результаты оптимизации Chromium, реализованные проектом RenderingNG
• Реализация заполнения форм и специальных возможностей в Firefox PDF viewer
• Что, если Chrome сломает функции веба, а Google забудет кому-нибудь сообщить об этом? Ой, подождите, это именно то, что произошло

Дайджест за прошлую неделю.

Материал подготовили dersmoll и alekskorovin.