💾 Letterfall – трехмерная плоскость из букв, которую можно поворачивать во все стороны. Подойдет в качестве необычного фона для сайта.

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

💾 Circular Animations – девять современных минималистичных лоадеров. Фигуры состоят из одинаковых белых кружков, которые могут менять размер и прозрачность.

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

🖥 The Ordinary – дизайн мобильного приложения для магазина косметики. Его особенность – нежные оттенки бежевого, зеленого, серого и кремового, которые вызывают ощущение спокойствия.

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

🐙 The 50 Frontend Project – подборка проектов, среди которых есть сайты, простые игры и приложения, выполняющие какую-либо функцию (калькулятор, заметки, часы, словарь и так далее).

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

✍️ Skolar Sans Latin – шрифт без засечек с нейтральным внешним видом и сбалансированными формами. Идеально подходит для заголовков, текстов и логотипов в веб-дизайне. Пример есть в сниппете CSS Party

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

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

HEX | RGB
#E6DAFF | rgb(230, 218, 255)
#8A3FFC | rgb(138, 63, 252)
#08BDB7 | rgb(8, 189, 183)

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

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

💾 Double Matcap – трехмерная фигура, меняющая цвет и текстуру. Часть текста на ее фоне становится прозрачной с обводкой.

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

🖥 Creative Brief – дизайн презентации с крупным шрифтом и волнистыми градиентами. На изображениях использован фильтр с крупной зернистостью.

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

💾 Shader Image Transition – переключатель фото с анимированной загрузкой. Каждая картинка выстраивается из крупных пикселей.

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

🐙 Wtfjs – репозиторий с забавными особенностями JavaScript, которые полезно знать каждому фронтенд-разработчику. Каждый кейс разбирается на конкретных примерах.

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

💾 Timeline Seemless Loop – лоадер в виде CD-диска. Эффект объема создается за счет теней от центра и изменения формы краев.

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

🎨 Цветовая палитра макета "The Ordinary"

HEX | RGB
#ECEADE | rgb(236, 234, 222)
#C28C7E | rgb(194, 140, 126)
#A2AA7B | rgb(162, 170, 123)

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

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

✍️ Geist – геометрический шрифт без засечек. Идеально подходит для заголовков, логотипов, постеров и крупных надписей. Пример есть в сниппете Anchor Positioning Hover Cards

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

💾 CSS Single Element Goey Spinner – лоадер из "жидких" капель, которые перетекают друг в друга по направлению движения. Лучше всего будет выглядеть на белом фоне.

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

💾 List Click On Expand – вертикальная галерея с раскрывающимся фото. Если нажать на боковой текст, то картинка схлопнется обратно.

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

💾 React Glow Cards – карточки с неоновой подсветкой рамок и кнопок. Чем ближе к курсору, тем белее свечение.

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

💾 Text Geometry – стилизованный 3D-текст с анимацией волн, выполненный на Three.js. Текст можно приближать и поворачивать во все стороны.

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

🖥 Performance Driven Gym – дизайн лендинга для спортзала, выполненный в оттенках синего и серого. Дизайн отличается крупными заголовками и четким разделением секций.

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

🐙 Text Behind Image – полезный инструмент для создания текста на заднем плане фотографии. Проект имеет открытый исходный код.

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

✍️ Pretendard – шрифт без засечек, созданный для улучшения читаемости экранов. Часто используется в текстах пользовательских интерфейсов. Пример шрифта есть в дизайне Glass Flowers 3D Assets

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