💾 Social Share Button – меню из кнопок соцсетей, которое появляется при наведении курсора. Карточки разворачиваются плавно и поэтому реалистично смотрятся.

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

💾 Credit Card Pure CSS – двусторонняя карточка с поворотом, написанная без использования JavaScript. Ее можно использовать на странице оплаты услуг, чтобы показать введенные данные пользователя.

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

🐙 Element Plus – библиотека UI-компонентов с минималистичным и удобным дизайном. Библиотека имеет большой выбор компонентов, каждый из которых имеет разные вариации.

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

✍️ Syne – геометрический шрифт, созданный в 2017 парижским арт-центром Synesthésie. Создатели экспериментировали с контрастностью и жирностью шрифта, чтобы вписать его в творческие проекты. Пример есть в дизайне Mid Mod

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

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

HEX | RGB
#FDA5C9 | rgb(253,165,201)
#7987FF | rgb(121,135,255)
#A155B9 | rgb(161,85,185)

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

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

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

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

💾 Zoom Grid On Scroll – анимация прокрутки для сайта. Наклон линий на сетке с картинками меняется, а изображение становится цветным при наведении курсора.

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

💾 CSS Image Stack Cycle – фотогалерея в виде стопки карточек, которые перелистываются только с помощью стрелок. Над названием есть счетчик элементов.

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

🖥 Hoteliq – дизайн приложения для бронирования отелей. основной цвет – синий, который смотрится контрастно на фоне светлых скругленных элементов.

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

💾 Stacked Avatars – коллаж из картинок, каждая из которых может смещаться в центр. Каждое фото имеет тонкую рамку и обрезается с одной из сторон.

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

🐙 Localtunnel – инструмент, который делает локальный сервер доступным из Интернета. Он назначает пользователю уникальный общедоступный URL-адрес, который передает все запросы на локальный адрес.

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

✍️ Genos – современный шрифт в футуристическом стиле с широкими скругленными буквами. Он подходит для заголовков среднего размера. Пример можно посмотреть в сниппете Zoom Grid On Scroll

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

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

HEX | RGB
#EBD96B | rgb(235,217,107)
#ED8FA1 | rgb(237,143,161)
#0DAFAE | rgb(13,175,174)

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

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

🖥 Mobile & Web Portfolio UI Design – дизайн сайта-портфолио в оттенках персикового и темно-зеленого цветов. Особо выделяются заголовки, выделенные контрастным шрифтом с засечками.

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

💾 Flipping Business Card – карточка с вертикальным переворачиванием, написанная на SCSS. Если убрать с карточки курсор, то она вернется в исходное положение.

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

🐙 Project-Based Learning – репозиторий с полезными уроками для новичков. Тут есть проекты на JavaScript и фронтенд-фреймворках, а также задания по HTML и CSS.

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

💾 Sudoku Neumorphism Design – объемный судоку для мобильных устройств. Цифры можно вводить как с клавиатуры, так и с помощью кнопок внизу экрана.

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

🖥 Open Fashion – дизайн для мобильного приложения магазина одежды. Акцент здесь делается на изысканные шрифты и сочетания оттенков серого.

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

💾 Text Scroll And Hover Effect – эффект для текста "два в одном". При прокрутке страницы текст заполняется цветом, а при наведении курсора – меняется на другой текст с цветным фоном.

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

✍️ Tenor Sans – гуманистический шрифт без засечек, который подходит для текстов и заголовков. Шрифт поддерживает разные алфавиты, включая расширенные латиницу и кириллицу. Пример шрифта есть в дизайне Open Fashion

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

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

HEX | RGB
#E8F5FB | rgb(232,245,251)
#9FCAE4 | rgb(159,202,228)
#4C4DDD | rgb(76,77,221)

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

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