🔥 Новости и обновления популярных инструментов: подборка для фронтендера

◾️ Ecma International утвердила спецификацию ECMAScript 2023
◾️ Анонс TypeScript 5.2 Beta
◾️ Возможности WebKit в бета-версии Safari 17
◾️ Что нового в DevTools (Chrome 116)?
◾️ Firefox 115 и Chrome 116.0.5845.14 для разработчиков
◾️ Примечания к выпуску Safari Technology Preview 173
◾️ NestJS 10
◾️ Ember.js 5.0
◾️ styled-components 6.0
◾️ Remix 1.18.0
◾️ esbuild 0.18.10
◾️ Radash 11.0
◾️ Tween.js 21.0
◾️ psd 0.4
◾️ DOCX 8.2
◾️ NodeBB 3.2

#news

Введение в потоковую передачу данных в вебе: чанки, обработка backpressure с помощью веб-потоков, server-sent events и многое другое.

Читать

Как эффективно тестировать хуки React с помощью Vitest: гайд для фронтенд-разработчика.

Читать

Пример более чистого и краткого способа записи нескольких значений в консоль, по сравнению с console.log(‘values of a/b’, a, b);

#javascript #tip by Shripal Soni

Любопытная серия статей о некоторых полезных инструментах и ​​методах для фронтенд-разработчиков и дизайнеров (началась в 2021 году):

🔸 Инструменты аудита CSS
🔸 Генераторы CSS
🔸 Полный гайд по доступности фронтенд-компонентов

🗺️💼 Трудоустройство в России и за рубежом: в чем ключевые отличия

Давно мечтали устроиться на работу в иностранную IT-компанию и получать зарплату в долларах или евро? Давайте разберемся, как происходит отбор за рубежом и чем он отличается от трудоустройства в России.

🔗 Основной сайт
🔗 Зеркало

Мини-книга по эффективной разработке на TypeScript

Книга содержит исчерпывающий и краткий обзор возможностей TypeScript и охватывает все аспекты последней версии языка: от его мощной системы типов до расширенных функций.

11 лучших практик оформления HTML-форм на примере форм входа/регистрации: чек-лист от Андрея Ситника.

Читать

⚛ 🤌The React Handbook — то, что вам нужно после чтения официальной документации.

Вот основные темы:
✔️Frameworks & Build Tools
✔️Project Standards for High-Quality Code
✔️Ecosystem
✔️Accessibility & Semantics
✔️Styling & UI Libraries
✔️Proficiency with the Hooks API
✔️State Management in React Applications
✔️React Performance & Optimization

«Стоимость» JavaScript в 2023 году: как и почему JavaScript является самым дорогим ресурсом, который сегодня использует ваш сайт, особенно на мобильных устройствах и десктопах.

📺 Смотреть

Над каким фронтенд-проектом вы сейчас работаете? Какой стек используете? Поделитесь в комментариях👇

#холивар

20 самых захватывающих и впечатляющих возможностей CSS и UI, которые появились недавно или появятся в ближайшем будущем:

— запросы контейнера (container queries);
— запросы стиля (style queries);
— селектор :has();
— микросинтаксис nth-of;
— text-wrap: balance;
— initial-letter;
— динамические единицы измерения области просмотра (viewport);
— цветовые пространства с широкой гаммой;
— color-mix();
— вложенность селекторов (nesting);
— каскадные слои (cascade layers);
— стили с ограниченной областью видимости (scoped styles);
— тригонометрические функции;
— индивидуальные свойства трансформации;
— popover;
— позиционирование якоря (anchor positioning);
— selectmenu;
— дискретные свойства переходов;
— анимации, управляемые прокруткой (scroll-driven animations);
— переходы отображения (view transitions).

Лайк, если узнали себя

#юмор #жиза

Простой способ изменения цветовых форматов CSS с помощью Chrome Dev Tools.

#devtool #tip by Shripal Soni

🕸 Даркнет: вымысел киношников или реальная история?

Попробуем разобраться с понятием «даркнет» и поймем, существует ли темная путина на самом деле.

🔗 Основной сайт
🔗 Зеркало

Команда Тинькоф открыла исходные коды Maskito, а совсем недавно произошел релиз ее первой мажорной версии.

Maskito — коллекция библиотек, упрощающих маскирование текстовых полей, с удобным и гибким публичным API.

Подробнее

Mozilla представила аналог онлайн-редактора CodePen для создания интерактивных примеров.

⏩ Попробовать

#news

Важно: правила площадки❗️

1️⃣ За спам, рекламу, ботоводство, скам — бан и удаление всех комментариев

2️⃣ За оскорбления группы/канала/админа/других участников, политические дебаты — первый раз удаление, второй раз — профилактический бан на неделю, третий раз — бан

3️⃣ За ссылки на нелегальные ресурсы — первый раз удаление, второй раз — бан

Напоминаем, что написать нам можно сюда: @proglibrary_feedback_bot

Пожалуйста, соблюдайте правила — мы со своей стороны тоже будем стараться максимально оперативно модерировать комментарии.

В 2020 году Стас Мельников, фронтенд-разработчик и UI/UX дизайнер, поделился довольно популярным списком любимых вопросов о CSS.

Спустя 3 года CSS изменился, и он решил дополнить список, добавив вопросы про гриды, пользовательские свойства (CSS-переменные), новые селекторы и свойства👇

Читать