💾 Gallery – галерея с зум-эффектом при наведении курсора на картинки. Для каждого изображения есть маленькие подсказки.

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

🐙 Project Based Learning – список уроков для начинающих разработчиков, по которым можно создавать небольшие проекты с нуля. Уроки делятся на языки, среди которых есть JavaScript.

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

🖥 Velvety – дизайн сайта для магазина косметических средств. Выполнен в теплых оттенках оливкового и темно-зеленого. В заголовках используется шрифт с засечками.

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

💾 Card Spread Position – набор карточек, которые "разлетаются" из общей куче во время прокрутки страницы вниз. В каждую карточку можно вставить изображение.

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

✍️ Lexend – шрифт без засечек, созданный в 2018 году для более удобного и комфортного чтения текстов. Пример шрифта можно увидеть в заголовках сниппета "Stripe Sessions Style Flex Carousel"

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

💾 Bouncy Image Radio Group – галерея с "резиновым" эффектом. После клика картинка расширяется, словно сделана из мягкого материала.

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

🐙 Complete JavaScript Course – список материалов для курса Йонаса Шмедтманна на Udemy. Здесь есть стартовые и финальные файлы для учебных проектов.

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

💾 Hexagon Rotating Gradient Border – лоадер, представляющий собой шестиугольник, по периметру которого вращается неоновый свет. Наверху поток замедляется, а внизу наоборот ускоряется.

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

🖥 Keep Your Plant Alive – дизайн сайта для садоводов, выполненный в темных и средних оттенках травянисто-зеленого цвета. В карточках используется эффект прозрачности.

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

💾 Draggable Price Scale – шкала, которая высчитывает взаимосвязь цены на услугу за месяц и в год. Можно выделить цветом несколько участков шкалы в зависимости от категории цены.

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

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

HEX | RGB
#D2DDBF | rgb(210,221,191)
#8CA475 | rgb(140,164,117)
#213621 | rgb(33,54,33)

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

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

✍️ Baskerville – старинный шрифт с засечками, который часто используют на сайтах для создания эффекта утонченной классики. Пример шрифта есть на официальном сайте Awesomeplete

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

💾 Canva's Magic Mouse Effect – эффект подсветки с анимированными полупрозрачными звездочками. Подойдет для ярких рекламных лендингов.

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

💾 Futuristic Card Effect – карточка со слайд-шоу из фотографий. Для футуристичного эффекта есть фильтр в мелкую полосочку и неоновая подсветка текста.

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

🖥 Travalizer – макет приложения с советами для путешественников. Теплые оттенки зеленого и кремового ассоциируются с природой и отпуском.

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

🎨 Цветовая палитра макета "Keep Your Plant Alive"

HEX | RGB
#ABBE92 | rgb(171,190,146)
#2A6912 | rgb(42,105,18)
#0F2A0C | rgb(15,42,12)

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

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

✍️ Noto Sans – семейство шрифтов без засечек для разных письменностей, которые имеются в системе Юникод. Его особенность - округлые буквы, которые легко читаются на экранах устройств.

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

🖥 Ecommerce App – дизайн мобильного приложения для онлайн-магазина. Он выделяется пудровыми оттенками и текстами на прозрачном фоне.

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

💾 Smooth Liquid Background Effect – эффект фона, созданный с помощью размытия цветных пятен. Элементы движутся, отталкиваясь от краев экрана.

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

🐙 DrawDB – бесплатный, простой и интуитивно понятный инструмент для дизайна баз данных, а также генератор SQL. В приложение также можно импортировать DDL-скрипты и JSON-файлы, чтобы построить на их основе диаграммы.

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

💾 React Range Sliders – графики и шкалы, на которых можно перемещать отметки вручную. Числовые данные при этом меняются автоматически.

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