🐙 Expensify – приложение для управления финансами. Оно помогает отслеживать доходы и расходы как для личного пользования, так и для бизнеса.

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

💾 Product Сard – анимированная карточка с выплывающим меню и подсветкой кнопки "корзина". В активном состоянии карточка визуально приближается к пользователю.

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

🖥 Fashion Website UI Template – дизайн для магазина одежды, выполненный в оттенках зеленого: от темных тонов до пастельного салатового.

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

🐙 userver 1.0 — фреймворк от Яндекса, предназначенный для разработки приложений с микросервисной архитектурой, которая позволяет создавать отдельные независимые компоненты (микросервисы) и переиспользовать их в различных решениях.

Почитать подробнее об инструменте можно на Хабре

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

💾 Spinner – оригинальный спиннер, который превращается из квадрата в окружность и наоборот. Разные оттенки его граней создают 3D-эффект.

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

🐙 Nue.js – компактный фреймворк для создания пользовательских интерфейсов приложений на основе JavaScript. В нем мало абстрактных понятий, для работы достаточно знать HTML, CSS и JavaScript на базовом уровне.

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

💾 Button Love – три анимированных hover-эффекта для кнопок, которые включают в себя смещение и закрашивание фона, а также наложение маленькой картинки.

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

✍️ Anton – это адаптация традиционного рекламного шрифта без засечек. Формы букв и начертания были оптимизированы для использования в качестве полужирного шрифта в современных веб-браузерах. Пример шрифта есть в заголовках: "Coffee Shop Mobile App"

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

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

HEX | RGB
#E1D1BC | rgb(225,209,188)
#B87751 | rgb(184,119,81)
#42230F | rgb(66,35,15)

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

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

💾 Slider – слайдер с круглыми элементами, который работает как при прокрутке экрана, так и при нажатии курсором на картинку. Здесь использована библиотека Swiper.js.

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

🖥 Gradients WebSite Template – дизайн шаблона для лендингов с разноцветными градиентами. В основе дизайна лежит темная тема экрана.

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

💾 Cards Hover Effect – эффект для карточки, который показывает скрытый текст при наведении курсора. При этом текст на передней части карточки уменьшается.

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

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

HEX | RGB
#D6E437 | rgb(214,228,55)
#F47497 | rgb(244,116,151)
#216903 | rgb(33,105,3)

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

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

💾 Noisy Risograph Gradient Celestial Body – генератор градиентов с визуальным шумом. Можно использовать для того, чтобы задавать фон приложений.

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

✍️ Rufina – изысканный шрифт с высокой контрастностью символов, который вдохновлен гарнитурами Bodoni. Хорошо смотрится в заголовках текстов. Пример есть тут: "Fashion Website UI Template"

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

🐙 Shields.io – эстетичные и понятные значки (иконки с надписями), которые можно использовать в своем Github-репозитории или в файлах Readme. Библиотека позволяет использовать готовые значки или создавать собственные.

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

💾 Star Rating in Pure CSS – шкала рейтинга в виде сердечек, которые загораются уже при наведении курсора. Выбор сердечка помечается изменением его размера.

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

🎨 Цветовая палитра макета "Fashion Website UI Template":

HEX | RGB
#C3EFD4 | rgb(195,239,212)
#43C549 | rgb(67,197,73)
#1B4422 | rgb(27,68,34)

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

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

💾 Vaporwave Sketchbook – генератор абстрактных скетчей. Подойдет для создания рандомных иллюстраций на страницах приложения.

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

🖥 Codext – дизайн лендинга для обучающей платформы. В качестве основных выбраны холодные цвета: оттенки синего, голубого и фиолетового.

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

🐙 33 JS Concepts – список полезных материалов для более глубокого понимания языка JavaScript. Есть версии на разных языках, включая русский.

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