Сайтодел | GitHub, Верстка, Сайты, Вайбкодинг

💾 Custom Dot Cursor – курсор в виде полупрозрачного круга. Его удобно использовать с галереей изображений, чтобы указатель не сливался с фоном, а был контрастным.

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

💾 Custom Dot Cursor – курсор в виде полупрозрачного круга. Его удобно использовать с галереей изображений, чтобы указатель не сливался с фоном, а был контрастным.

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

✍️ Plus Jakarta Sans – геометрический шрифт без засечек, вдохновленный гарнитурами Neuzeit Grotesk, Futura и гротесками без засечек 1930х гг. Пример можно увидеть в дизайне "Meditation App"

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

💾 Neu Times – оригинальные часы с цифрами на подвижных пластинках. Каждому элементу соответствует максимально возможное количество цифр.

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

💾 Navigation – шкала этапов, которая показывает карточку с информацией при наведении на элемент. В карточке есть ссылка на полную страницу с этапом выполнения чего-либо.

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

✍️ REM – шрифт без засечек, который подходит для экранов устройств и брендинга продуктов. Пример можно посмотреть в сниппете "45 CSS Only Buttons"

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

🐙 WebKit – браузерный движок, который используется во многих известных приложениях. Помогает форматировать и отображать веб-страницы, делая их доступными для пользователей разных браузеров.

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

💾 Expanding Cards – блок карточек в приглушенных тонах. При наведении курсора на карточке срабатывает анимация.

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

🖥 Online Bike Shopping App – дизайн мобильного приложения для магазина велосипедов. Его особенность – интересные сочетания светлых и темных оттенков синего.

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

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

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

💾 Kippo Hover Card Effect – подвижная галерея из изображений. При наведении курсора каждый раз наверху оказывается новая фотография.

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

🖥 Smoothie Bowl Transition Prototype – прототип для анимации с вращающимися тарелками. Во вкладке "design" есть разные варианты цветового оформления страницы.

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

🐙 Earthworm – приложение на TypeScript для изучения английского языка. В заданиях нужно составлять предложения из отдельных слов.

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

💾 Hamburgers – набор анимированных иконок для меню. Анимация сделана за счет вращения, а также расширения иконки вниз и вверх.

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

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

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

🐙 Pipedream – это платформа для разработчиков, которая позволяет интегрировать приложения, работать с API и создавать автоматизацию на основе событий.

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

💾 Neural Noise – эффект для фона, который напоминает плазму. Пучки света двигаются за курсором, на нажатия они не реагируют.

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

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

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

🐙 Element – библиотека компонентов для разработчиков, дизайнеров и продакт-менеджеров, которая основана на Vue 2.0. Содержит все необходимые элементы для создания лаконичного веб-интерфейса.

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