🐙 App Ideas – подборка JavaScript-проектов трех уровней сложности. Каждый проект содержит само задание, полезные ссылки и похожие примеры.

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

💾 Glass Card – карточка с 3D-эффектом вращения, которая имитирует полупрозрачное стекло. Особенности дизайна: легкая подсветка углов и средняя зернистость.

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

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

HEX | RGB
#FDAA5D | rgb(253,170,93)
#EA7173 | rgb(234,113,115)
#4AB7B6 | rgb(74,183,182)

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

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

✍️ El Messiri – шрифт, вдохновленный традиционной арабской письменностью. Поддерживает латиницу и кириллицу. Пример шрифта можно посмотреть в дизайне Skincare App Concept

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

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

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

💾 Triple Venn Diagram Dots – спиннер из трёх окружностей. Каждая из них вращается, имеет свой цвет и состоит из пульсирующих элементов.

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

🐙 Frontend Dev Bookmarks – список полезных ресурсов для фронтенд-разработчиков. Тут есть материалы по языкам, API, рабочим процессам, архитектуре проектов и совместимости.

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

💾 Deconstructed Cards – два варианта карточек с эффектом зума и подвижным фоном. Текст в активном режиме становится ярче, а графика – заметнее.

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

✍️ Instrument Sans – скругленный шрифт без засечек, вдохновленный неогротесками. Подходит для крупных блоков текстов. Шрифт используется в поле ввода имени в сниппете Signature Animation

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

🖥 Hubspot – пример дизайна приложения для тренировки полезных привычек. Основные приёмы – контраст основных цветов, иллюстрации с черным контуром и крупные заголовки.

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

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

HEX | RGB
#E2FFA3 | rgb(226,255,163)
#DB9556 | rgb(219,149,86)
#5E5E5E | rgb(94,94,94)

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

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

💾 Cuboid – полупрозрачный куб с градиентными гранями. Его можно использовать как спиннер для загрузки страницы или как самостоятельную анимацию.

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

🐙 Gitbook – удобный инструмент для составления документации, который использует Git и Markdown. Поддерживает дополнительные расширения и плагины.

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

✍️ Neuton – шрифт с засечками, который имеет компактные символы для более удобного размещения на экране. Пример можно увидеть в небольших подзаголовках в сниппете Animated Text Fill

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

💾 Services Section – карточки с выдвигающимся фоном и композицией из четырех картинок-сегментов. В активном состоянии цвет текста становится ярче.

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

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

HEX | RGB
#F0FF8A | rgb(240, 255, 138)
#C1AFF5 | rgb(193, 175, 245)
#C5C5C5 | rgb(197, 197, 197)

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

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

💾 Legally Distinct Pocket Pet – карточка питомца с отсылкой к старым компьютерным играм и стилю 90х. Поворачивается только в одну сторону.

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

✍️ Tangerine – каллиграфический шрифт с высокими заглавными буквами, который подходит для коротких надписей. Пример шрифта есть в заголовке в сниппете Zoom Grid On Scroll

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

🖥 Photography Editorial – дизайн лендинга для фотопроекта. Здесь подчеркивается контраст: ярко освещенные фото и темный фон, большие заголовки и маленькие тексты.

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

💾 You Can Scroll – эффект прокрутки, который работает для всей страницы и для блока с текстом. В настройках можно выбрать темную или светлую тему, а также настроить оттенки и анимацию.

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