Сайтодел | GitHub, Верстка, Сайты, Вайбкодинг
25.4K subscribers
1.34K photos
106 videos
28 files
2.39K links
FullStack-материалы от Senior-разработчика для WEB-специалистов

Сотрудничество: @CodingLead

РКН: shorturl.at/qinly
Download Telegram
🎨 Цветовая палитра макета "Weather Glitch App"

HEX | RGB
#FFEF5E | rgb(255, 239, 94)
#6EED63 | rgb(110, 237, 99)
#192FFF | rgb(25, 47, 255)

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

Сайтодел | #палитра
This media is not supported in your browser
VIEW IN TELEGRAM
💾 Aura Menu – меню с 3D-фоном, который медленно меняет свои цвета. При наведении курсора заголовки подсвечиваются и прокручиваются вверх.

Сайтодел | #сниппет #css
✍️ Pretendard – шрифт без засечек, созданный для улучшения читаемости экранов. Часто используется в текстах пользовательских интерфейсов. Пример шрифта есть в дизайне Glass Flowers 3D Assets

Сайтодел | #шрифт
🖥 Social Factory – дизайн обложки лендинга. Его особенности - контрастная графика и геометрия, броские заголовки, а также оттенки красного.

Сайтодел | #макет #figma
🐙 Appwrite – бэкенд-сервер с открытым исходным кодом. Платформа позволяет хранить данные приложения и использовать аутентификацию, а также предоставляет удобное API.

Сайтодел | #репозиторий #github
🎨 Цветовая палитра макета "Performance Driven Gym"

HEX | RGB
#E9ECFF | rgb(233, 236, 255)
#808CFD | rgb(128, 140, 253)
#3C3E4C | rgb(60, 62, 76)

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

Сайтодел | #палитра
This media is not supported in your browser
VIEW IN TELEGRAM
💾 Password Generator – генератор надежных длинных паролей со специальными символами. Каждый вариант можно скопировать нажатием на иконку.

Сайтодел | #сниппет #css
This media is not supported in your browser
VIEW IN TELEGRAM
💾 Made With CSS – анимированное кольцо с текстом. Так как оно вращается против часовой стрелки, слова легко считываются справа налево.

Сайтодел | #сниппет #css
🎨 Цветовая палитра макета "Social Factory"

HEX | RGB
#FEFBF6 | rgb(254, 251, 246)
#FE0000 | rgb(254, 0, 0)
#5C1B15 | rgb(92, 27, 21)

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

Сайтодел | #палитра
✍️ Digital 7 Mono – ретро-шрифт с прямоугольными формами, созданный в стиле старых дисплеев. Пример можно увидеть в сниппете Metal Gear Radar States

Сайтодел | #шрифт
This media is not supported in your browser
VIEW IN TELEGRAM
💾 Card Swipe Carousel – стопка карточек, которые нужно перетаскивать вправо и влево. От простого нажатия карточка остается на месте.

Сайтодел | #сниппет #css
🖥 Weather Glitch App – необычный дизайн мобильного приложения для погоды. Его основа – произвольные линии из текста и иконок, геометрические фигуры и цветные блики.

Сайтодел | #макет #figma
🐙 Text Extract API – инструмент для преобразования картинок, pdf-файлов и других документов в формат Markdown или JSON. Работает с табличными данными, числами и математическими формулами, использует FastAPI.

Сайтодел | #репозиторий #github
🐙 Logocreator – генератор логотипов с открытым исходным кодом. Собрать логотип можно как конструктор: выбрать нужные детали и настроить стили.

Сайтодел | #репозиторий #github
🎨 Цветовая палитра макета "Modern-Retro Beverage Brand"

HEX | RGB
#E2E6E7 | rgb(226, 230, 231)
#CE9D65 | rgb(206, 157, 101)
#1A2D33 | rgb(26, 45, 51)

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

Сайтодел | #палитра
This media is not supported in your browser
VIEW IN TELEGRAM
💾 Slider Parallax Effect – эффект перелистывания страниц. Чтобы перейти к другому элементу, нужно потянуть экран курсором влево или вправо.

Сайтодел | #сниппет #css
This media is not supported in your browser
VIEW IN TELEGRAM
💾 Text – эффект, который делит текстовую строку на части и помещает в сетку из прямоугольных областей. Буквы могут переворачиваться и менять размер.

Сайтодел | #сниппет #css
🖥 Weather Glitch App – необычный дизайн мобильного приложения для погоды. Его основа – произвольные линии из текста и иконок, геометрические фигуры и цветные блики.

Сайтодел | #макет #figma
This media is not supported in your browser
VIEW IN TELEGRAM
💾 Outlined Mobile Cards – карточки, которые в активном режиме становятся яркими. У каждой из них появляется цветная рамка с размытой полупрозрачной подсветкой.

Сайтодел | #сниппет #css
This media is not supported in your browser
VIEW IN TELEGRAM
💾 Ball – сфера в виде мяча с линиями из букв. Вращать фигуру можно только за специальную круглую кнопку.

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