✍️ 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

🖥 Investment App – дизайн мобильного приложения дли инвестиций в ретро-стиле. Необычность дизайна создается за счет "картонного" фона, элементов без скругления углов, широкого шрифта и линий-разделителей.

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

💾 Expanding Card Page – карточки с многослойным эффектом. При нажатии каждая карточка раскрывается с увеличенной картинкой и блоком текста.

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

🎨 Цветовая палитра макета "Skincare App Concept"

HEX | RGB
#FFCCD3 | rgb(255,204,211)
#D16F9A | rgb(209,111,154)
#711C47 | rgb(113,28,71)

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

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

💾 It Depends – текст с объемной анимацией в виде конфетти. Звездочки двигаются по спирали, некоторые из них становятся меньше по размеру.

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

💾 Butterflies – красивый 3D-эффект для фона страницы. Объект с бабочками можно поворачивать во всех направлениях и приближать.

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

🖥 Stripe Fashion Branding Concept – дизайн для бренда одежды. Его сильные стороны - это четкая геометрия, контрасты, ограниченная холодная палитра и крупные надписи.

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

🐙 Project Guidelines – список рекомендаций для работы с кодом JavaScript, документацией проекта, зависимостями, API и Git. Есть перевод на русский язык.

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

✍️ Vidaloka – экранный шрифт для заголовков и коротких блоков текста. Благодаря высокой контрастности он будет лучше всего смотреться в размере 16 пикселей и больше. Пример шрифта есть в дизайне Ray Ban Elegant Sunglasses Store App

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

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

HEX | RGB
#FBDEA4 | rgb(251,222,164)
#B53534 | rgb(181,53,52)
#5D7E58 | rgb(93,126,88)

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

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

💾 Trippy Text – многослойная подложка для текста, которая двигается как пружина. Чем дальше слои от основного текста, тем меньше они друг на друга накладываются.

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