💡 Полезный совет: используйте Performance Monitor в Chrome DevTools — это помогает анализировать загрузку процессора и использование памяти на сайте!

➡️ @byFrontDeveloper

💡 Не всегда используйте медиазапросы в CSS!

Функция min() позволяет создавать более гибкие макеты.

Она позволяет использовать наименьшее значение из нескольких вариантов

➡️ @byFrontDeveloper

Структура папок в приложении React. На случай, если вам понадобятся идеи:

➡️ @byFrontDeveloper

Лучшие кнопки с темным режимом для вашего сайта!
Для HTML/CSS и React. Скопируйте и вставьте:

→ http://toggles.dev

➡️ @byFrontDeveloper

Чистая архитектура в FrontEnd.

✓ Случаи использования, сервисы, репозитории...
✓ Понимание слоев архитектуры.
✓ Не использовать классы, только функции.
✓ С TypeScript

⏩ читать

➡️ @byFrontDeveloper

Знаете ли вы, что в VSCode можно открыть браузер?

Никаких расширений, никаких установок - он интегрирован!

Ваш код и ваши изменения в одном окне

➡️ @byFrontDeveloper

Из PDF-файла делаем САЙТ-ВИЗИТКУ

Залетаем на self.so

Загружаем своё резюме в PDF — и вуаля, через пару секунд у тебя уже готов мини-сайт.

Бесплатно. Open-source.

Даже код трогать не надо.

➡️ @byFrontDeveloper

Самая крутая анимация, которую когда-либо видели на сайте

Абсолютное безумие 🤯

→ http://nvg8.io

➡️ @byFrontDeveloper

Лучший ресурс для настройки прокрутки вашего сайта!

Изменяйте цвета и размеры полосы прокрутки..

И предоставляет вам готовый CSS для копирования с максимальной поддержкой.

➡️ @byFrontDeveloper

CSS в реальной жизни

➡️ @byFrontDeveloper

НОВОЕ в CSS!

Наконец-то можно анимировать height: auto

Достаточно одной дополнительной строки в коде

➡️ @byFrontDeveloper

То, что появилось в CSS, - это потрясающе!

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

С новыми scroll-button и scroll-marker-group

Посмотрите демо и код!

➡️ @byFrontDeveloper

Как отцентрировать div

➡️ @byFrontDeveloper

Единица turn для углов

turn — это единица измерения в CSS, где 1turn = 360 градусов

➡️ @byFrontDeveloper

Вы знали, что в Chrome DevTools есть скрытая функция CSS Overview?

Она предоставляет полный анализ цветов, шрифтов, медиазапросов и неиспользуемых стилей на вашем сайте — всё в одном месте ☕️

➡️ @byFrontDeveloper