🔗 Что почитать

🎥 Список уровней производительности веб-анимаций

Какие веб-анимации быстрые, какие тормозят браузер, и почему безопаснее всего анимировать transform и opacity. Помогает быстро выбирать плавные анимации без лишней нагрузки.

🎥 Не используйте useTransition повсюду

Когда useTransition реально улучшает плавность интерфейса, а когда только усложняет код.

🎥 Что произошло за последнии пару лет с GC в V8

Какие идеи позволили сделать сборку мусора быстрее и менее заметной для пользователя.

🐸 Библиотека фронтендера

#read_watch

🤔 Нужен ли CSS псевдо-класс, которого не существует

У нас есть :open для элементов вроде <details> в открытом состоянии. Логично, что должен быть и :closed для закрытого, правда?
Но вот незадача: можно же просто написать :not(:open). Зачем плодить сущности?

С другой стороны — что проще прочитать: :closed или :not(:open)? Думаете в отрицаниях — это нормально?
CSS Working Group три года спорила об этом вопросе, и финал вас удивит.

😮 Спойлер: консенсус развалился, и :closed отправили в небытие... пока что.

История о том, как простое решение может стать философской дилеммой. Читайте, если хотите узнать, почему иногда меньше — это действительно больше 🔜

🔗 Ссылка на статью

🐸 Библиотека фронтендера

#read_watch

👨‍💻 Где читаете про новые фичи и лучшие практики

Официальные доки — это хорошо. Но давайте честно: половину знаний мы получаем из случайных статей, чьих-то каналов и обсуждений в комментариях.

Интересно узнать:

📌 Какие телеграм-каналы или блоги вы читаете регулярно?
📌 Есть ли YouTube-каналы, которые реально помогли разобраться в сложных темах?
📌 В каких комьюнити задаёте вопросы, когда застряли?
📌 Кто из авторов объясняет так, что всё сразу становится понятно?

🎈 Может быть, вы сами ведёте блог или делитесь опытом — расскажите об этом тоже, пришло ваше время!

Соберём список реально полезных мест для фронтендеров. Пишите в комментариях ⬇️

🐸 Библиотека фронтендера

#read_watch

📱 Apple случайно раскрыла код веб-версии App Store

В начале ноября Apple запустила обновлённый веб-интерфейс App Store на фреймворке Svelte, но случайно оставила в продакшене активные source maps. Это позволило разработчику извлечь полную структуру фронтенда прямо из браузера.

Код включал UI-компоненты на Svelte/TypeScript, логику управления состояниями, интеграции с API и конфигурацию роутинга. Разработчик выложил всё на GitHub «в образовательных целях».

8 ноября репозиторий и его форки были удалены по запросу Apple через DMCA. Однако код по-прежнему доступен через зеркало в архиве Software Heritage 🔗

🙃 Отключение source maps в продакшене считается базовым шагом в современной веб-разработке, поэтому такая ошибка от Apple выглядит особенно необычно.

🤌 Бонусы для подписчиков:
— Скидка 40% на все курсы Академии
— Розыгрыш Apple MacBook
— Бесплатный тест на знание математики

🐸 Библиотека фронтендера

#read_watch

👀 Перестаньте таскать 50 КБ JS для модалок

Каждый раз одно и то же: нужна модалка → гуглите библиотеку → тащите зависимости → настраиваете accessibility → фиксите баги с фокусом → плачете над z-index.

А что если браузер уже умеет всё это нативно?

🔢 CChrome DevRel запустили серию «Baseline in action» — показывают, как решать реальные задачи без костылей.

Галерея с модалкой на чистом <dialog>: ноль библиотек, ноль кастомного JS для accessibility.

<dialog>
  <form method="dialog">
    <!-- Браузер сам управляет фокусом, Esc, backdrop -->
  </form>
</dialog>

Из коробки:

✅ Фокус автоматом заходит внутрь и не выходи
✅ Esc закрывает
✅ Контент под модалкой заблокирован
✅ Backdrop с blur одной строкой CSS
✅ Плавные анимации появления (даже из `display: none`)

📎 Читать статью с живыми примерами

🐸 Библиотека фронтендера

#read_watch

🎄 Залип на AdventJS и не могу остановиться

Это как leetcode, но с новогодним настроением: каждый день новая задача по JavaScript или TypeScript, рейтинг, соревнования с разрабами со всего мира.

Почему это стоит попробовать:

ℹ️ После решения видно подходы других — отличный способ перенять сильные практики

ℹ️ Есть задачи от простых до сложных — каждый найдёт свой уровень

ℹ️ Формируется стабильный навык: к концу декабря GitHub выглядит как новогодняя гирлянда — и это отражает реальный прогресс

Доступно уже 9 дней — успеете войти в ритм и выгрузить максимум пользы 🎄

📎 Ссылка на адвент

🐸 Библиотека фронтендера

#read_watch