🐙 DevFind – платформа для веб-разработчиков в виде поисковика со ссылками на портфолио и Github-профили. Можно искать разработчиков по имени, навыкам и стране проживания.

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

💾 Motion Blur Effect – слайдер с размытием картинок при переключении. Создать такой эффект помогают SVG-фильтры.

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

🖥 Beauty Product Web Design – изысканный дизайн лендинга для бренда натуральной косметики. Основа дизайна – глубокие приглушенные тона.

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

✍️ Turret Road – геометрический шрифт без засечек с низким контрастом и многоугольными формами. Пример шрифта можно посмотреть в сниппете "Hex Animation"

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

🪙 NotCoin – виртуальная игра от команды Telegram, где пользователи зарабатывают монеты кликая по экрану. Страница с коином уже появилась на сайте по отслеживанию цен на криптоактивы - CoinMarketCap.

Сайтодел | #telegram

💾 Gsap Mask Mouse Effect – подсветка курсора, которая убирает маску и показывает слой со скрытым текстом.

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

🐙 Pile – приложение для заметок и ведения личного дневника. Есть интеграция с искусственным интеллектом: можно искать и задавать вопросы по написанной заметке.

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

💾 Animated Login Form – форма с анимированной рамкой. При наведении курсора рамка подсвечивается яркими цветами.

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

🎨 Цветовая палитра макета "3D Blobs"

HEX | RGB
#FEDB83 | rgb(254,219,131)
#F189BA | rgb(241,137,186)
#50AA82 | rgb(80,170,130)

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

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

💾 CSS Only Shimmer Button – кнопка с эффектом подсветки. Неоновое свечение вращается по часовой стрелке всего пару секунд.

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

✍️ Julius Sans One – гротескный шрифт без засечек, созданный чилийской студией LatinoType. Хорошо подходит для заголовков. Пример есть тут: "Image Hover Effect"

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

💾 Stripe Sessions Style Flex Carousel – галерея, в которой фото показывается при нажатии. Неактивные элементы имеют градиентный фильтр.

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

🖥 Money Forest – дизайн приложения для ведения личного бюджета. Здесь есть много инфографики, а также фоновые пейзажи в пастельных тонах.

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

🐙 Appium – кроссплатформенный фреймворк для автоматизированного тестирования приложений. Написан с помощью Node.js и использует протокол W3C WebDriver.

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

💾 WebGL Flowers – эффект для курсора в виде цветов. Кликнув на экран, можно получить дополнительный цветок и провести линию, а нажав повторно – отключить эффект.

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

🎨 Цветовая палитра макета "Beauty Product Web Design"

HEX | RGB
#C6D8BE | rgb(198,216,190)
#A86F38 | rgb(168,111,56)
#304E50 | rgb(48,78,80)

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

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

💾 Neumorphic Buttons – объемные кнопки с тенью и скругленными краями. Их также можно использовать как карточки для информации.

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

✍️ Georgia – антиква, разработанная в 1993г. для Microsoft. Удобно читается на маленьких экранах и при небольшом размере шрифта. Пример этой гарнитуры есть в сниппете "Animated Covers"

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

🎨 Цветовая палитра макета "Money Forest"

HEX | RGB
#C8CDB7 | rgb(200,205,183)
#F7726C | rgb(247,114,108)
#066873 | rgb(6,104,115)

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

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

💾 Folding Travel Carousel – галерея для изображений в виде сложенного листа бумаги. Выбранное фото раскрывается при наведении курсора.

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

🐙 App Ideas – подборка идей для тренировочных мини-приложений. Идеи разделены на три уровня сложности и периодически пополняются.

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