Frontend Library - JS React

🌗 Тёмная тема только через prefers-color-scheme — не лучший вариант Системную тему стоит использовать как настройку по умолчанию, но пользователю полезно оставить выбор для конкретного сайта. В добавляем: А переключатель меняет значение на: meta.content = "light"; // светлая meta.content = "dark"; // тёмная meta.content = "light dark"; // как в системе 🔤 Выбор можно сохранить в localStorage. color-scheme влияет не только на собственные стили, но и на системные цвета, скроллбары и стандартные элементы формы. При этом prefers-color-scheme по-прежнему отражает тему ОС, а не выбранную тему сайта — это важно учитывать. 📍 Навигация: [Вакансии] 🐸 Библиотека фронтендера #readme #css

✏️ Если вы уже работаете с Claude Code, Cursor или Copilot, этот вебинар будет особенно полезен. Разберут, как превратить AI из инструмента для отдельных задач в часть инженерного процесса ⬇️

😸 Каждый разработчик подходит к задаче со своим опытом: помнит прошлые решения, знает ограничения проекта и понимает, какой код команда пропустит на ревью. Для человека это естественная часть работы. У Claude Code этого контекста по умолчанию нет — только задача и инструкции, которые ему дали. Поэтому в большой команде недостаточно просто выбрать хорошую модель. ❗️ Нужно ещё объяснить ей, как у вас устроена разработка: какие подходы приняты, что обязательно проверять и по каким правилам принимать решения. 🗓 23 июля в 19:00 МСК поговорим об этом на бесплатном вебинаре с Алексеем Жиряковым — он Executive Director в Сбере, руководит GenAI Data Platform, и с этой проблемой сталкивался не раз 🔥 Покажет живое демо, разберём, как встроить AI в процесс разработки так, чтобы он реально помогал, а не добавлял ещё один повод для споров на ревью. 🔗 Занять место на вебинаре 🏃♀️ Proglib Academy

🏗 Разбираем Layout Shift Когда страница загружается, а кнопки и текст смещаются — это не просто раздражает, а напрямую влияет на UX и рейтинг сайта. В карточках: — что такое CLS и как его измеряют, — как находить источник смещения, — и какие практики помогают сделать интерфейс статичным и предсказуемым. 📍 Навигация: [Вакансии] 🐸 Библиотека фронтендера #career_merge

📍 Курс — это не только темы и домашние задания Во многом его ценность определяет опыт тех, кто его разрабатывает и ведёт. Об этом как раз новый пост Proglib Academy 🔥

🧑💻 Учиться агентной разработке — у тех, кто уже внедряет её в бигтехе Курс «ИИ для разработчиков» ведут практики из ведущих российских IT-компаний 🔥 🔵 Они прошли путь от первых экспериментов с AI до рабочих процессов, в которых агенты помогают команде писать код, готовить PR и быстрее доводить задачи до продакшена. В ближайшее время познакомим вас с каждым преподавателем. Программа курса — по ссылке 🎹 🏃♀️ Proglib Academy

⏱️ CSS-совет: используйте табличные цифры для таймеров Когда цифры в таймере или счётчике меняются, текст может «прыгать» — всё из-за разной ширины символов. Исправить это можно одной строкой: .stopwatch { font-variant-numeric: tabular-nums; } tabular-nums включает OpenType-функцию табличных цифр: все числа занимают одинаковую ширину, поэтому таймеры, счётчики, цены и другие числовые значения остаются ровными и не вызывают сдвигов интерфейса. 💡 Работает только если выбранный шрифт поддерживает табличные цифры (например, Inter, Roboto, IBM Plex Sans и многие современные OpenType-шрифты). 📍 Навигация: [Вакансии] 🐸 Библиотека фронтендера #readme

😋 Продуктивность для фронтенд-разработчиков Фреймворки и библиотеки — это основа, но в работе часто решают именно инструменты, которые экономят время и делают проекты удобнее. Собрали подборку сервисов и тулз, которые стоит попробовать: ➡️ Windsurf — новый IDE с встроенным ИИ для автодополнений, рефакторинга и генерации тестов. ➡️ ESLint + Biome — линтеры и форматтеры нового поколения для единых кодстайлов и быстрой проверки ошибок. ➡️ Bundlephobia — моментально показывает размер npm-пакета и помогает выбрать оптимальную библиотеку. ➡️ React Developer Tools — официальный инспектор компонентов и профайлер для React/Next.js. ➡️ Fig / Warp — современные терминалы с автодополнением, скриптами и интеграциями для фронтендеров. 📍 Навигация: [Вакансии] 🐸 Библиотека фронтендера #stack

🤔 После обновления CSS пользователь всё ещё видит старые стили. Что вероятнее? ❤️ — браузер использует кэш 🔥 — CSS не успел примениться 📍 Навигация: [Вакансии] 🐸 Библиотека фронтендера #code_challenge