💾 GSAP Homepage – галерея с возможностью открывать изображение полностью. Кнопка закрытия картинки подвижна и следует за курсором.

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

🖥 Ray Ban Elegant Sunglasses Store App – баннер для приложения оптики. Здесь использованы глубокие оттенки бежевого и красного, а также заметные шрифты.

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

💾 Hover Effect – сетка из карточек, которые заполняются цветом при наведении курсора. Цвет распространяется с той стороны, откуда был перемещен курсор.

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

🐙 Clean Code JavaScript – репозиторий с материалами по чистому коду применительно к JavaScript. Для каждого концепта тут есть примеры хорошего и плохого кода.

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

✍️ Gruppo – экранный шрифт, который был создан для стильного, непринужденного брендинга. Он хорошо вписывается в минималистичный дизайн приложений. Пример есть в сниппете Background Animation

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

💾 Animated Text Fill – анимированная заливка для текста, написанная без JavaScript. В основе фона для заливки – изображение в формате PNG.

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

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

HEX | RGB
#ECB579 | rgb(236,181,121)
#70B9BE | rgb(112,185,190)
#042628 | rgb(4,38,40)

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

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

💾 Timeline Style Navigation – слайды с нумерованной навигацией. В боковом меню плавная навигация, а для активного слайда открывается краткое описание.

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

💾 Parallax Flipping Cards – двухсторонние карточки с 3D-эффектом. Текст как бы "парит" над квадратом, создавая ощущение объема.

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

✍️ Roboto Slab – шрифт с брусковыми засечками, который можно комбинировать со стандартным Roboto. Он не имеет курсива и подходит для коротких текстов. Пример есть в сниппете Timeline Style Navigation

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

💾 Signature Animation – поле ввода, которое превращает текст в имитацию рукописной подписи. Эффект работает только с латиницей.

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

🖥 Skincare App Concept – пример дизайна для мобильного приложения магазина косметики. Акцент сделан на оттенках сливового и на сильно скругленных краях элементов.

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

🐙 Angular Interview Questions – полезный список вопросов по фреймворку Angular, в том числе вопросы по архитектуре, API, RxJS, модулям и производительности.

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

✍️ Roboto Slab – шрифт с брусковыми засечками, который можно комбинировать со стандартным Roboto. Он не имеет курсива и подходит для коротких текстов. Пример есть в сниппете Timeline Style Navigation

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

🎨 Цветовая палитра макета "Ray Ban Elegant Sunglasses Store App"

HEX | RGB
#E2D8BD | rgb(226,216,189)
#E91A1A | rgb(233,26,26)
#186FF3 | rgb(24,111,243)

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

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

💾 Service Section – раздел лендинга с интерактивными карточками. Каждая карточка при наведении курсора меняет цвет фона и шрифта, а также смещается вверх.

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

✍️ Cinzel Decorative – декоративный шрифт, вдохновленный письменностью Древнего Рима и основанный на классических пропорциях. Подходит для крупных заголовков и надписей. Пример шрифта есть в сниппете VFX-JS

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

💾 Alex the CSS Husky – анимация из нескольких элементов, написанная с помощью SCSS. Ее можно использовать для заголовка сайта или для страницы 404.

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

🐙 Zod – библиотека для валидации типов в TypeScript, которая убирает дубликаты. Валидатор объявляется один раз, и Zod автоматически определяет статический тип TypeScript.

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

💾 Dropbox Color Picker – шкала с выпадающими карточками. Курсор влияет на элементы, даже если находится рядом со шкалой и не затрагивает ее.

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