💾 Card Pagination – слайдер с пагинацией. Позволяет переключать по одной странице или переходить сразу в начало/в конец. Изображения растягиваются в высоту при изменении высоты экрана.

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

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

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

💾 Weather App Concept – анимация для мобильного приложения, написанная на чистом CSS. Лучше всего работает в Chrome.

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

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

HEX | RGB
#CBCBCB | rgb(203,203,203)
#FDCCC5 | rgb(253,204,197)
#816967 | rgb(129,105,103)

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

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

💾 Three.js Loading Spinner – двухцветный спиннер для темной темы экрана, который состоит из геометрических фигур.

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

✍️ Inria Serif – элегантный шрифт с засечками и высокой контрастностью элементов, который подходит для статей и подзаголовков. Пример можно посмотреть в макете "Ngan Pho Gallery Landing Page"

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

💾 Liquid Content Reveal – эффект, при котором маска на изображении становится прозрачной. Маркер, стирающий ее, создает эффект жидкости.

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

🖥 AI Photo Generator – дизайн для сайта с генерацией изображений. Основные особенности: контраст черного и фиолетового, неоновая подсветка, футуристичные шрифты.

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

🎨 Цветовая палитра макета "Mobile & Web Portfolio UI Design":

HEX | RGB
#FFCEBF | rgb(255,206,191)
#FF9676 | rgb(255,150,118)
#00341E | rgb(0,52,30)

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

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

💾 CSS Loading Spinners – набор анимированных одноцветных спиннеров для отображения загрузки. Они написаны на CSS без использования JavaScript.

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

🐙 Swiped Events – библиотека, которая добавляет событие 'swiped' в DOM нативного JavaScript. Всего есть четыре события: пролистывание вверх, вниз, вправо и влево.

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

💾 Spooky Scrolling – слайдер с анимированными элементами. При прокрутке слой с кустами накладывается на слой с небом.

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

✍️ Titillium Web – шрифт без засечек, разработанный в рамках студенческого проекта Академии изящных искусств г. Урбино (Италия). Пример шрифта можно увидеть в сниппете "Atom Button"

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

💾 Isometric Card Grid – набор разноцветных визиток с похожим дизайном. Этот макет также подойдет для презентации собственного дизайна карточек.

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

🖥 Kids Toys & Games Store Website – дизайн сайта магазина для детей. Акцент сделан на теплые, приглушенные цвета и крупные иллюстрации.

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

💾 Neon Toggle Switch – реалистичная трехмерная кнопка-переключатель. В активном состоянии плавно окрашивается в неоновый цвет.

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

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

HEX | RGB
#F8CEFA | rgb(248,206,250)
#BF76F7 | rgb(191,118,247)
#3A1979 | rgb(58,25,121)

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

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

✍️ Merienda – шрифт с закругленными формами, который подходит для заголовков и коротких текстов. Пример можно посмотреть в макете "Online Food Ordering Website"

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

💾 Boxy Preloaders – лоадеры, в основе которых лежат квадраты и прямоугольники. Каждый элемент при движении меняет свой цвет.

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

🐙 Clean Code JavaScript – теория по написанию чистого кода, который легко читать и можно использовать повторно. Есть переводы на разные языки, в том числе и на русский.

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