Лучшие кнопки с темным режимом для вашего сайта!
Для 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

Крутой трюк с CSS — использовать :hover на контейнере и :not(:hover) для элементов, которые сейчас не находятся под курсором, чтобы создать более продвинутые эффекты

➡️ @byFrontDeveloper

Паришься с подбором шрифтов для UI? 🔥

Вот тулза, которая подберёт идеальную пару основного и второстепенного шрифта, да ещё и на реальных примерах

Больше никаких страданий с типографикой: https://www.uifonts.app/

➡️ @byFrontDeveloper