Медиа | Веб-разработка | 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
• 
Руководство по отладке 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?
- Libs & Plugins
•
VanillaTreeViewer — минималистичный файловый браузер для компактного отображения нескольких файлов одновременно.
•
construct-js: библиотека для создания структур данных на байтовом уровне
•
emoji-regex: регулярное выражение, которое соответствует всем символам, содержащим только эмодзи, в соответствии со стандартом Unicode
Браузеры
• Релиз Firefox 93
• Результаты оптимизации Chromium, реализованные проектом RenderingNG
• 
Реализация заполнения форм и специальных возможностей в Firefox PDF viewer
• 
Что, если Chrome сломает функции веба, а Google забудет кому-нибудь сообщить об этом? Ой, подождите, это именно то, что произошло
Материал подготовили dersmoll и alekskorovin.
Автор:
alexzfort
