Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него.
•
Подкаст «Фронтенд Юность» #207: Что делать если ты React-крыса
• Подкаст «Фронтенд Юность» #208: Дикий лес крымского фронтенда
•
OdessaJS 2021, записи докладов
• 
Jamstack Conf 2021: три десятка видео с конференции
•
Frontend Security: о чем вы хотели бы забыть, но не сможете
• Как правильно верстать 2, или зачем я написал еще одну UI-библиотеку, мой первый npm-модуль?
• Микрофронтенды: наш путь к более быстрому и гибкому сайту
• Варианты отображения пароля в input type=«password»
• Рекомендации по использованию Markdown для статических сайтов
• Безопасное манипулирование DOM с помощью Sanitizer API
• Как я создаю современные сайты в 2021 году
• State of CSS 2021: ежегодный опрос веб-разработчиков с целью исследования текущего состояния экосистемы CSS
• Руководство по отладке CSS
• Border Radius, работающий по условию в CSS
• CSS в TypeScript с vanilla-extract
• Тень для контейнера со скроллом с помощью JavaScript
• Скелетная анимация загрузки компонента с использованием HTML и CSS
• Руководство по единицам в CSS, все что вам нужно знать
• Распространённые ошибки при использовании npm, которых лучше не совершать
• Худшие практики в Javascript
• Написание чистых тестов в JavaScript с использованием принципов BASIC
• 27 основных однострочных JavaScript функций, используемых разработчиками ежедневно
• Насколько актуален TypeScript в 2021 году?
• Замена jQuery на Vanilla ES6
• Выполнение HTTP-запросов: Fetch Vs Axios
• Релиз Firefox 93
• Результаты оптимизации Chromium, реализованные проектом RenderingNG
• Реализация заполнения форм и специальных возможностей в Firefox PDF viewer
• Что, если Chrome сломает функции веба, а Google забудет кому-нибудь сообщить об этом? Ой, подождите, это именно то, что произошло
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.
Медиа | Веб-разработка | 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?
- Libs & Plugins
• VanillaTreeViewer — минималистичный файловый браузер для компактного отображения нескольких файлов одновременно.
• construct-js: библиотека для создания структур данных на байтовом уровне
• emoji-regex: регулярное выражение, которое соответствует всем символам, содержащим только эмодзи, в соответствии со стандартом Unicode
Браузеры
• Релиз Firefox 93
• Результаты оптимизации Chromium, реализованные проектом RenderingNG
•
Реализация заполнения форм и специальных возможностей в Firefox PDF viewer•
Что, если Chrome сломает функции веба, а Google забудет кому-нибудь сообщить об этом? Ой, подождите, это именно то, что произошлоДайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.
