🌵🕵️‍♂️ Git-квест: 10 испытаний для повелителя репозиториев

От простого push до таинственного cherry-pick – пройдите все уровни нашего Git-квеста и докажите, что достойны звания Git-мастера.

🔗 Пройти тест

🔥 6 сниппетов CSS, которые должен знать каждый фронтендер в 2025 году

Adam Argyle с 2023 года ведет подобные заметки. 2025-й не стал исключением. Он снова вернулся с ещё одним набором объёмных сниппетов, которые «больше, мощнее и в большей степени используют прогрессивные улучшения», чтобы помочь вам соответствовать широким требованиям UI/UX 2025 года.

👉 Изучить

🎮 Интерфейс, который покорил миллионы

Если вы выросли на Counter-Strike 1.6, то наверняка помните тот минималистичный и функциональный интерфейс. Теперь можно вернуть двухтысячные этот стиль в веб-проектах с помощью библиотеки cs16.css.

📎 Добавьте кусочек CS 1.6 в свои проекты

#css

🚀 Vite 6: новый уровень скорости и экосистемы

Недавно команда Vite анонсировала шестую версию своего проекта, который они назвали значительным мажорным релизом

❓Что нового

• Рост экосистемы: к Vite присоединились новые фреймворки — TanStack Start, One, Ember.

• Environment API: экспериментальный API для разработчиков фреймворков, позволяющий гибко настраивать окружение (например, для SSR).

• Поддержка Node.js: Vite 6 работает на Node.js 18, 20 и 22+.

• Тестирование с Vitest: Storybook теперь использует Vitest для тестов.

📎 Подробнее на сайте проекта

🆚 Vite vs Webpack

В мире фронтенд-разработки меняются приоритеты: система сборки Vite стремительно набирает популярность и, кажется, готов потеснить многолетнего лидера — Webpack.

Почему же Vite так приглянулся разработчикам?

1️⃣ Скорость запуска и сборки
Vite сразу завоевал популярность благодаря своей невероятной скорости. Используя нативные возможности ES-модулей браузеров, он исключает этап предварительной сборки, характерный для Webpack.

2️⃣ Простота конфигурации
Webpack известен гибкостью, но его конфигурация часто вызывает трудности. Vite предлагает минималистичный подход: начальная конфигурация «из коробки» подходит для большинства задач, а настройка специфических случаев проще благодаря понятным интерфейсам.

3️⃣ Горячая перезагрузка (HMR)
Для разработчиков важно видеть изменения кода в реальном времени. Vite впечатляет скоростью горячей перезагрузки, тогда как Webpack с этим отстаёт, особенно на больших проектах.

4️⃣ Сообщество и тенденции
Хотя Webpack остаётся лидером по числу установок, Vite быстро сокращает этот разрыв благодаря растущему сообществу и поддержке лидеров индустрии.

📎 Подробная статистика в источнике

🛠 Обзор Tailwind CSS 4.0

На днях вышла версия Tailwind CSS под номером 4. Ещё не успели ознакомиться с обновлениями? Предлагаем к просмотру краткий обзор и советы по миграции в видео:

👀 Смотреть

Подробная документация по нововведениям:

📎 Release notes

🤩 Привет, фронтендеры!

Мы собираем данные о том, какие методы биохакинга действительно помогают разрабам улучшить качество жизни и повысить продуктивность. Поделитесь своим опытом — это поможет другим сделать осознанный выбор в мире биохакинга.