✍🏻 Fira Sans – семейство шрифтов с округлыми буквами без засечек. Его можно использовать в текстах статей, а также в художественных книгах. Пример шрифта в посте "Responsive Blog Card Slider"

Сайтодел | #шрифт

💾 Vue Page Transitions – анимация для фона экрана, которая запускается при нажатии кнопки. Проект написан на фреймворке Vue.

Сайтодел | #сниппет #css

🐙 Hover – коллекция эффектов наведения курсора на основе CSS3, которые можно применять к ссылкам, кнопкам, логотипам, SVG и другим форматам изображений. Можно использовать с CSS, Sass и Less.

Сайтодел | #репозиторий #github

💾 CSS Border Transitions – набор эффектов для кнопок. При наведении курсора на текст происходит изменение границы: меняется цвет либо появляется анимация.

Сайтодел | #сниппет #css

🎨 Цветовая палитра макета "Masmasgram":

HEX | RGB
#F7E5E1 | rgb(247,229,225)
#FC9982 | rgb(252,153,130)
#2D585F | rgb(45,88,95)

⚠️ Цвет копируется одним кликом!

Сайтодел | #палитра

💾 Wavy Loader – анимация загрузки страницы, выполненная на чистом CSS. Детали меняют цвет при переходе справа налево и привлекают внимание пользователя.

Сайтодел | #сниппет #css

🖥 Fitness App – дизайн мобильного приложения для тренировок. Выполнен в холодных тонах и отображает только самое необходимое.

Сайтодел | #макет #figma

✍🏻 Ubuntu – семейство округлых шрифтов с плавными линиями без засечек. Будет хорошо смотреться в заголовках и подписях к элементам сайта. Пример шрифта можно посмотреть в сниппете "Vue Page Transitions"

Сайтодел | #шрифт

💾 Animated Star Rating – интерактивные звездочки для отображения рейтинга. При нажатии срабатывает анимация.

Сайтодел | #сниппет #css

🐙 СyberChef – приложение для шифрования, кодирования, сжатия и анализа данных. Этот инструмент позволяет как техническим, так и нетехническим аналитикам манипулировать данными, не используя сложные инструменты или алгоритмы.

Сайтодел | #репозиторий #github

🎨 Цветовая палитра макета "Fitness App":

HEX | RGB
#09AFBD | rgb(9,175,189)
#0565B2 | rgb(5,101,178)
#192D34 | rgb(25,45,52)

⚠️ Цвет копируется одним кликом!

Сайтодел | #палитра

💾 OS1 Loading – лоадер для сайта, выполненный в виде вращающейся 3D-спирали. В зависимости от положения части спирали меняют толщину и прозрачность.

Сайтодел | #сниппет #css

✍🏻 Poppins – это вариативный шрифт, который относится к гротескам. Он состоит из аккуратных округлых букв и подходит для дизайна веб-приложений. Лучше всего использовать Poppins в небольших отрывках текста. Пример шрифта можно найти в сниппете "Animated CSS Gradient Border"

Сайтодел | #шрифт

💾 SVG UI Navigation Concept – оригинальное анимированное меню для мобильного приложения. Особенно необычен эффект с изогнутым меню на красном фоне.

Сайтодел | #сниппет #css

🖥 Miralou Twelve – дизайн для онлайн-магазина одежды и косметики. Его особенности - это градиент, переходящий из теплого зеленого в холодный, и отсутствие контрастов между блоками.

Сайтодел | #макет #figma

💾 CSS3 Loading animations – набор из 10 забавных эффектов анимации для загрузки страницы. Содержит горизонтальное и круговое движение.

Сайтодел | #сниппет #css

🐙 Pdf.js – программа для чтения PDF-файлов, написанная на JavaScript и HTML5. Pdf.js - это проект с открытым исходным кодом, который постоянно ищет новых участников.

Сайтодел | #репозиторий #github

💾 Responsive Menu Effect – эффект для панели меню, который возникает при наведении курсора на элемент. Он меняет цвет элемента и создает плавный переход с изменением прозрачности.

Сайтодел | #сниппет #css

✍🏻 DM Sans – это низкоконтрастный геометрический шрифт без засечек, который предназначен для использования в небольших текстах и подзаголовках. Этот шрифт используется в сниппете "Animated Star Rating"

Сайтодел | #шрифт

💾 CSS Image Slider – оригинальный слайдер с диагональной границей между изображениями, выполненный на чистом CSS. Для размытого заднего фона использует цвета с картинок.

Сайтодел | #сниппет #css

🖥 To Do App – дизайн мобильного приложения для списка дел. Интерфейс выполнен в спокойных тонах и не содержит лишних деталей.

Сайтодел | #макет #figma